반응형 워드프레스 공부16 워드프레스 MonsterInsights 플러그인으로 관리자 화면에서 바로 애널리틱스 데이터 보기 지난 블로그인 워드프레스 사이트와 구글 애널리틱스 연동을 통해 워드프레스에서 발생하는 방문자 데이터를 구글 애널리틱스로 확인할 수 있게 되었습니다. 2022.06.24 - [워드프레스] - 5분 만에 완성하는 워드프레스 사이트에 구글 애널리틱스 연결하기 워드프레스 사이트와 구글 애널리틱스를 오고 가면서 가끔 '구글 애널리틱스를 꼭 보지 않더라고 워드프레스에서 바로 하루 유입자 수 정도만 파악할 수 있으면 편리하겠다.' 하는 생각이 들 수 있습니다. 이럴 때 제약적인 정보이긴 하지만 구글 애널리틱스를 통하지 않고 바로 워드프레스 관리자 화면에서 방문 데이터를 몇 가지 확인할 수 있도록 도와주는 MonsterInsight 몬스터 인사이트라는 플러그인을 소개하고자 합니다. MonsterInsight, 관리자 .. 2022. 6. 25. Contact form7 플러그인으로 웹사이트 방문자 정보를 받을 수 있는 양식 만들기 3편 - Mail 수신자 세팅 및 안내 문구 한국어로 변경하기. Contact form 7과 관련하여 작성 중인 시리즈 포스토 지난 첫 번째 블로그에서는 Contact form 7이 작동하는 기본적인 원리에 대해서 설명했고, 두 번째 편에서는 실질적으로 어떻게 세팅을 해서 입력 양식을 만들 수 있는지 설명했다. 이번 편에서는 지난 두 번째 편에 이어서 실제로 Contact form 7을 이용하여 양식을 조금 더 커스터마이즈 할 수 있는 방법과 함께 또 하나의 플러그인을 사용해서 조금 더 Contact form 7으로 양식을 간편하고 다양하게 구축할 수 있는 팁에 대해서 공유하고자 한다. 이전의 블로그를 아직 확인하지 못했다면 이번 편을 읽어보기에 앞서서 먼저 작성된 두 편의 Contact form 7 시리즈 블로그를 먼저 확인하길 바란다. 2022.06.02 - [워.. 2022. 6. 9. Contact form7 플러그인으로 웹사이트 방문자 정보를 받을 수 있는 양식 만들기 2편 - 세팅 방법(2022년 6월 기준) Contact form 7 시리즈 지난 1편인 작동 원리 설명에 이어서 이번 편에서는 Contact form 7을 실제로 어떻게 사용해야 하는지 방법에 대해서 설명하고자 한다. Contact form 7에 대한 설명과 이 플러그인이 어떻게 작동하는지에 대한 기본적인 원리를 파악하고자 한다면 지난 블로그를 확인하기 바란다. 2022.06.02 - [워드프레스] - Contact form7 플러그인으로 웹사이트 방문자 정보를 받을 수 있는 양식 만들기 1편 - 작동 원리 설명(2022년 6월 기준) Contact form7 플러그인으로 웹사이트 방문자 정보를 받을 수 있는 양식 만들기 1편 - 작동 원리 설명 지난 WP MAIL SMTP 메일 발송 플러그인 설치에 이어서 오늘은 웹사이트 방문자로부터 정보를 .. 2022. 6. 3. 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. 이전 1 2 다음 반응형
