본문 바로가기
반응형

전체 글79

Contact form7 플러그인으로 웹사이트 방문자 정보를 받을 수 있는 양식 만들기 1편 - 작동 원리 설명(2022년 6월 기준) 지난 WP MAIL SMTP 메일 발송 플러그인 설치에 이어서 오늘은 웹사이트 방문자로부터 정보를 전달받을 수 있는 정보 입력 양식을 만드는 방법에 대해서 블로그를 작성하고자 한다. WP MAIL SMTP는 워드프레스 시스템으로부터 외부로 발송되는 메일이 정상적으로 발송되도록 도와주는 플러그인으로 설명했었다. 이번 편에서는 WP MAIL SMTP과 함께 응용하여 사용하기 좋은, 그리고 대부분 많은 워드프레스로 제작된 웹사이트가 사용하는 양식 폼에 대해서 설명하고자 한다. 앞으로 총 3편에 나눠서 "방문자 정보 수집" 시리즈를 작성할 예정이다. 먼저 Contact form 7 플러그인에 대해서 두 편에 나눠서 1. 작동 원리 편과 2. 실전 세부 사항 변경 편으로 작성할 예정이다. 그리고 마지막 편에서 뉴.. 2022. 6. 2.
워드프레스로부터 메일 수신이 안 되면 확인해봐야 하는 WP MAIL SMTP 설정 방법 소개 (2022 버전) 오늘은 WP MAIL SMTP 플러그인을 세팅하는 방법에 대해서 블로그를 작성하고자 한다. WP MAIL SMTP 플러그인은 워드프레스 내에서 여러 종류의 콘택트 폼을 통해 내 블로그나 사이트를 구독하고자 하는 방문자들에게 메일을 발송해주는 역할을 하는데 쓰인다. 개념이 조금 어려울 수 있으나, 이번 블로그를 통해 어떤 플러그인이고 또, 어떤 원리로 작동하는지 이해하고 넘어가면 나중에 워드프레스를 이용해서 다른 웹사이트를 만드는데도 유용하게 사용될 수 있으니 잘 알고 넘어가면 좋을 것 같다. 1.  기본적인 원리 설명 여러 웹사이트를 방문하다 보면 간혹 더 많은 정보를 원하면 메일 주소를 입력하도록 하여 뉴스레터를 받아볼 수 있도록 유도하는 곳들이 있다. 주로 정보성 블로그나, 자료를 정기적으로 발행하.. 2022. 5. 31.
워드프레스 무료 테마 Phlox로 웹사이트 만들기 7편 - 푸터 등 위젯 변경하기 지난 블로그 사용하는 방법과 원리에 대한 설명까지 해서 워드프레스로 웹사이트를 만드는 거의 대부분의 작업을 간단히 설명했다. 오늘의 푸터 및 위젯 변경과 다음 편인 콘택트 폼과 관련된 블로그까지 하면 어느 정도 기본적으로 워드프레스 웹사이트 만드는 방법을 간략히 설명하는 시리즈는 마무리가 될 듯싶다. 이번 시리즈는 무료 테마를 이용해서 기본적인 워드프레스 웹사이트 만드는 방법을 쭉 설명했다. 다시 한번 확인해보니 많이 부족한 내용이 많은 듯싶기도 하다. 이번 시리즈는 나도 처음부터 끝까지 워드프레스 웹사이트를 제작하는 방법을 간략히 설명한 것이기 때문에 다음 시리즈에서 조금 더 한편 한편 주제에 대해서 조금 더 자세하게 작성하는 쪽으로 글을 써볼까 싶다. 오늘 블로그는 Phlox 테마 여기저기 보이는 위.. 2022. 5. 30.
워드프레스 무료 테마 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.
반응형

티스토리툴바