본문 바로가기
반응형

워드프레스26

워드프레스 무료 테마 Phlox로 웹사이트 만들기 6편 - 블로그 메뉴와 블로그 연결하기. 블로그 활용법. 벌써 Phlox 무료 테마를 활용하여 웹사이트 제작 블로그를 작성한 지 6편째이다. 오늘은 블로그 작성하는 방법과 블로그 페이지 연결하는 방법에 대해서 전반적인 원리를 설명하려고 한다. 지난번 글에서 몇 번을 설명했듯이 페이지(Page)와 글(Post)의 개념이 다르다는 것을 이해하고 있다면 조금은 쉽게 이번 편이 다가올 것 같다. 블로그는 말 그대로 글(post)을 모아둔 페이지이며, 워드프레스에서 블로그 페이지로 지정된 페이지는 post로 작성된 글들을 보여주는 용도로 사용된다. 그럼 어떻게 어떤 페이지를 블로그 용 페이지로 지정하여 블로그 글들을 보여주는지 그 방법부터 시작해 보자. 1. 블로그 페이지 설정하는 방법 Setting > Reading 메뉴로 진입한다. 가장 상단에 보이는 Your ho.. 2022. 5. 28.
워드프레스 무료 테마 Phlox로 웹사이트 만들기 5편 - 상단 메뉴 바 로고, SNS 버튼 변경하기(무료 로고 만드는 방법 팁) 지난 4편에서는 상단 메뉴 구성을 변경해보는 과정을 설명했다. 이번 5편에서는 메뉴 외에 보이는 좌측의 로고 부분과 우측의 연락처, SNS 연결 아이콘 등을 수정하는 방법에 대해서 작성해보고자 한다. 이번 편까지 진행하면 메인 홈페이지에서 보이는 구성은 대부분 지난 블로그들을 참고하여 수정 완료가 가능하기 때문에 잘 따라서 확인해보면 좋을 것 같다. 1. 로고 수정 우선 웹사이트 제작에서 방문자들에게 이 사이트가 어떤 사이트인지 알려주고 제대로 방문한 것인지 알려줄 수 있는 로고를 수정해보자. 대부분의 웹사이트는 방문자들이 들어오자마자 방문한 웹사이트가 방문하고자 했던 웹사이트가 맞는지 확인시켜주기 위해서 로고를 좌측 상단이나 혹은 중앙 상단부에 위치시키고는 한다. 또한 사이트의 아이덴티티를 바로 알려주.. 2022. 5. 27.
워드프레스 무료 테마 Phlox로 웹사이트 만들기 4편 - 메뉴 변경하기 지난 3개의 블로그 포스팅을 통해 사이트 설치, 데모 버전 설치, 페이지 수정, 원하는 섹션 추가 기능을 살펴보았다. 이번 편에서는 메뉴 구성에 대한 설명과 어떻게 메뉴를 설정하는지 다루어 보고자 한다. 이번 블로그를 통해서 원하는 메뉴를 구성하고, 어떻게 메뉴를 원하는 페이지와 연결하여 클릭 시에 해당 페이지로 이동할 수 있도록 하는지 작성하겠다. 메뉴를 설정하는 원리 위에서도 언급했지만, 워드프레스에서 메뉴를 설정하고 연결하는 방법은 원하는 메뉴를 먼저 만들고 해당 메뉴에 미리 만들어둔 페이지들을 연결하는 방식으로 진행된다. 사실 꼭 페이지에 연결하지 않아도 된다. 만약 메뉴를 클릭했을 때, 이미 만들어둔 페이지가 아니라 외부에 있는 다른 사이트와 연결하고자 한다면 페이지와 연결하는 대신에 외부 링크.. 2022. 5. 24.
워드프레스 무료 테마 Phlox로 웹사이트 만들기 3편 - 새로운 섹션을 추가하여 원하는 사이트 만들기 워드프레스 Pholx 무료 테마를 설치하고 기본적인 페이지를 수정하면서 웹사이트를 만드는 방법에 대해서 지난 1편과 2편 블로그 간단히 소개를 했었다. 지난 두 편의 블로그에서 설명했듯이, 무료 테마를 설치해서 가능하면 해당 테마의 페이지를 원하는 텍스트와 이미지로 수정해서 작업을 하는 방법을 기준으로 웹사이트를 제작하는 방법을 소개했다. 이번 편에서는 기본적인 페이지 레이아웃에 추가로 원하는 구조를 삽입하는 방법에 대해서 설명하고자 한다. 워드프레스 테마를 다운로드하여서 데모 버전을 설치한 후 원하는 내용과 구조가 모두 있다면 좋겠지만, 간혹 중간중간 원하는 항목을 넣어야 하는 상황이 생기기도 한다. Phlox 테마는 Elementor라는 에디터를 사용하기에, 이번 편은 Elementor라는 에디터를 .. 2022. 5. 23.
워드프레스 무료 테마 Phlox로 웹사이트 만들기 2편 - 홈 페이지 수정 이 전편 블로그에서 무료 테마인 Phlox를 설치하고, 원하는 데모 웹 사이트 설치까지 완료했다. 이번 편에서는 메인 홈페이지에 보여지는 화면을 변경하는 작업을 어떻게 하는지 작성해 보도록 하겠다. 1. 테마 별 에디터에 대한 파악. 에디터란, 워드프레스에서 페이지 및 글을 수정할 때 보여지는 글 작성 기능이다. 티스토리나 네이버 블로그도 작성자가 글을 쓰기위해 보여지는 글을 쓰는 화면이 있는데, 그 화면(기능)을 에디터라고 한다. 여기서 시작하기에 앞서서 먼저 에디터에 대한 언급을 하는 이유가 있다. 워드프레스는 워낙 테마가 많기 때문에, 각 테마를 제작하는 개발자들 또한 많다. 각각의 개발자들은 자신이 만드는 테마에 대해서 테마를 구매하거나 무료로 사용할 유저들이 어떤 에디터나 플러그인 들을 기본적으.. 2022. 5. 22.
워드프레스 무료 테마 Phlox로 웹사이트 만들기 1편 - 10분만에 사이트 세팅하기 20분 만에 워드프레스로 웹사이트를 만들 수 있을까? 그것도 무료로? 답변부터 하자면 가능하다. 다만 여기서 전제 조건은 이미 예시로 보이는 무료 테마를 선택해서 데모 버전을 설치해서 웹사이트를 만드는 방법이다. 오늘 블로그를 쓰기에 앞서 무료 테마 중 하나를 선택하여 기본적인 사이트의 틀을 잡는 것까지 얼마나 시간이 걸리는지 테스트해보기로 했다. 무료 테마 중, Phlox라는 테마를 선택하게 되었고, 우선 테마를 다운로드하였다. 테마를 다운로드한 후 굉장히 인상적인 기능이 있다는 것을 알게 되었는데, 바로 데모 버전을 바로 가져와서 웹사이트 제작을 할 수 있는다는 점이었다. 필자가 처음 워드프레스로 웹사이트를 구축하기 시작한 2016년 즘만 해도 무료로 제공되는 테마로는 어느 정도 모양새가 갖춰진 웹사.. 2022. 5. 21.
워드프레스 관리자 메뉴 기능 설명 3편. Plugins, Users, Tools, Settings 워드프레스 관리자 메뉴 기능 설명을 이번 3편으로 최종 마무리를 짓고자 한다. 한편에 작성하기에는 글이 길어져서 나눠서 시리즈로 작성한다는 것이 3편까지 작성하게 되었다. 1편과 2편에서는 메뉴에 대한 설명과 함께 일부 팁도 함께 작성해 두었으니 참고한다면 도움이 될 것이다. 이번 편에서는 남은 관리자 메뉴 기능인 Plugins, Users, Tools 그리고 Settings를 설명하고자 한다. 2022.05.18 - [워드프레스] - 워드프레스 관리자 메뉴 기능 설명 1편 워드프레스 관리자 메뉴 기능 설명 1편 처음 워드프레스 관리자 페이지에 들어가게 되면 어디서 어떻게 수정을 해야 웹사이트가 변경되는지 잘 모르는 경우가 많다. 필자도 처음에는 워드프레스로 사이트를 제작하기 시작했을 때, 어 woong.. 2022. 5. 20.
워드프레스 관리자 메뉴 기능 2편 Media, Pages, Appearance 소개 전편에서 설명한 기본 관리자 메뉴 소개에 이어서 추가로 메뉴 설명을 하고자 한다. 전편에서는 Dashboard, Jetpack, Posts, Comments까지 설명하였으며, 이번 편에서는 Media, Pages, Appearance 메뉴에 대한 설명을 하고자 한다. 지난 1편의 메뉴 소개는 아래 블로그에서 참고가 가능하다. 2022.05.18 - [워드프레스] - 워드프레스 관리자 메뉴 기능 설명 1편 워드프레스 관리자 메뉴 기능 설명 1편 처음 워드프레스 관리자 페이지에 들어가게 되면 어디서 어떻게 수정을 해야 웹사이트가 변경되는지 잘 모르는 경우가 많다. 필자도 처음에는 워드프레스로 사이트를 제작하기 시작했을 때, 어 woongspov.com Media 미디어 메뉴는 워드프레스 상에서 사용되는 모든.. 2022. 5. 19.
워드프레스 관리자 메뉴 기능 설명 1편 처음 워드프레스 관리자 페이지에 들어가게 되면 어디서 어떻게 수정을 해야 웹사이트가 변경되는지 잘 모르는 경우가 많다. 필자도 처음에는 워드프레스로 사이트를 제작하기 시작했을 때, 어떤 원리로 웹사이트가 변경이 생기는지 어려웠다. 처음 워드프레스로 웹사이트를 제작한 기억은 2016년 초반이었던 것 같다. 처음엔 WIX라는 서비스를 알게 되어 웹사이트 제작을 도전했었는데, Wix로 작업하던 중, 워드프레스를 알게 되어 워드프레스로 제작하는 것에 더 재미를 느꼈던 것 같다. 윅스는 화면에 있는 구성 요소를 원하는 위치로 옮겨가며 사이트 레이아웃을 설정할 수 있었던 것으로 기억하는데, 지금은 어떻게 변했는지 사실 잘 알지 못한다. 워드프레스는 Wix와는 개념이 조금 다르다. 테마라는 개념의 공간 안에서 플러그.. 2022. 5. 18.
라이트세일로 워드프레스 최초 로그인 하는 방법과 비밀번호 찾기 전편에 라이트 세일을 활용하여 워드프레스를 초기 세팅하는 방법을 작성했다. 이번 글에서는 초기 세팅 후에 워드프레스 관리자 화면에 처음 로그인하는 방법을 공유하고자 한다. 이 전 블로그를 통해 라이트 세일로 워드프레스를 셋업 하는 기본 방법을 확인할 수 있다. 2022.05.16 - [워드프레스] - 워드프레스 설치를 위한 AWS Lightsail 라이트 세일 세팅하기 워드프레스 설치를 위한 AWS Lightsail 라이트 세일 세팅하기 오늘은 지난 편에 이어서 실제로 AWS에서 라이트 세일을 세팅하는 방법에 대해서 블로그를 작성하고자 한다. 아마존 웹 서비스의 Lightsail(라이트 세일)을 선택해서 워드프레스를 만드는 이유는 woongspov.com 워드프레스 관리자 화면 들어가는 방법 우선 퍼블릭.. 2022. 5. 17.
반응형

티스토리툴바