summerorange

[카테고리:] 워드프레쓰

  • 워드프레스 최적화+이미지에 엑박 표시 뜨는 경우 해결

    워드프레스 최적화+이미지에 엑박 표시 뜨는 경우 해결

    사이트…개선…필요…🥲

    워드프레스를 설치해서 사용하다보면 테마나 꾸미는 게 우선이다 보니 서버나 용량 등등 관리는 나중으로 미루다가😋 쌓아온 포스팅이 대략 40개쯤 넘어가니 너무 느려졌다는 걸 느꼈습니다🥲 포스팅하면 정말 체감이 됩니다. 사이트 리로딩 해도 마찬가지이고…

    다음과 같은 개선사항이 있었습니다. 제일 크게 느꼈던 부분. 우선,

    이미지

    아무래도 이미지를 주로 올립니다. 만들면 바로 바로 올렸는데, 이게 단점이 됩니다. 그리고 영상 같은 경우에는 올리면 이상하게 너무 사이트가 느려진다는 느낌이 들었는데 용량 압축 하지 않고 올리다가…나중에 보면. 이미지에 엑박 표시가 떠 있습니다. 지금 시대엔 이미지 엑박 뜬 거 보기 쉽지 않은데…😭

    플러그인 많은데 찾아보니 이게 추천으로 나와서 설치 했습니다. 다른 플러그인도 있던데 일단 이걸로…

    설치 한 후에 다시 알림판으로 들어가서 compress 버튼을 누르면 됩니다. 저기에 14개 유형으로 줄인다고 되어 있는데, 플러그인 설치 후 체크 박스를 모두 표시하면 14개로 뜹니다. 체크 박스 표시할 때 용량 압축할 것만 체크해야 비용이 적게 듭니다. thumnail이나 기타 이미지에 체크 박스 해제하고 다시 compress눌러서 압축해줬습니다.

    한꺼번에 압축하려면 유료 버전을 구독해야 합니다.

    아직 올린 게 많지 않아서 저는 일단 한꺼번에 이미지 용량 압축 해주었습니다. 1.09기가 바이트에서 약 30% 정도 압축했던 걸로 기억합니다.

    이미지 압축은 맨 처음 워드프레스 설정할 때 셋팅을 하는 게 좋을 것 같습니다. 상당히 오랜 시간 운영하고 난 뒤에 많은 이미지 압축하면 시간 오래 걸립니다. 만들면서 배웠던 것. 이미지를 압축하는 게 중요하다는 것. 여기 유료로 api 써서 한 번에 압축하고 난 다음에는 이미지 압축한 뒤에 올립니다. 압축하는 사이트는 저 tinyPNG 만든 사람의 사이트도 있었고, 그외 다른 사이트 등등도 많이 있습니다.

    이런 식으로 500정도 되는 용량을 압축해서 139 로 줄여서 올리면 이미지 포스팅 할 때 확실히 빨라진 걸 체감할 수 있었습니다.

    하나 더 추가로 경험적으로 알아낸 부분은 image 제목과 대체 택스트, 캡션 올릴 때 영어로 올리는 게 좋다는 것. 한글 인식 못할 때 이미지 엑박 뜨는 것 같습니다. 확실하진 않지만 혹시 모르니…

    사이트 속도

    이것도 여러 플러그인이 있던데, 다 깔면 좋겠지만 그 중 하나 설치해서 깔았습니다.

    요 플러그인이 사용중인 워드프레스 버전과 호환됨이라고 떠서 이걸로 일단 설치해주고 체크박스 표시해서 설정해주었습니다.

    그런데 이미지 용량 압축하고 난 뒤에 확실히 빨라진 걸 느껴서 그런지. 체크 박스에 표시는 했지만, 음…

    이 설정도 해주어야 했지만 아직 안했습니다. 링크를 좀 읽어보고 설정할 것 같습니다. 이 플러그인 외에도 사용하지 않는 플러그인 정리, 쓰지 않는 테마 삭제, 그 다음으로 코드 최적화 과정도 있습니다.

    그리고 autoptimize, async javascript 등의 플러그인을 찾아보면 좀 더 발견할 수 있지만 다른 플러그인은 아직 써 보지 않아서 모르겠습니다. 이미지 압축, 영상 부분만 압축 잘 해줘도 어느 정도 개선이 되었다고 느끼고 있어서… 좀 더 느려졌을 땐 사용해 볼 것 같습니다. 플러그인을 너무 많이 설치하는 것도 좀…

    방문자 수 추적

    이건 초기에 설정했을 때 했어야 하는 부분이었는데 그 때는 구글 서치 콘솔에만 등록했고, 구글 애널리틱스는 등록하지 않아서

    추가로 해줬습니다

    저 플러그인을 설치하면 자동으로 애널릭틱스와 연동되고,

    구글 애드 센스도 자동으로 신청할 수 있게끔 되어있습니다. 찬양하라 갓 구글

    알림판으로 가서 사이트킷 설정하고, 계정과 연동을 해주면

    예전에 구글 애널리틱에 만들어둔 계정과 속성을 연결하면 됩니다. 연결하기 전, 구글 애널리틱스에 가서 계정을 만들어야 합니다

    저기에서 분석 구성하기 클릭…. 계속 설정 관련해서 클릭 해주면 완료됩니다. 만들자마자 하는 걸 추천. (뒤늦게 설정하고 있는 1인)

    그리고 하단에 내려가면 애드센스도 연결할 수 있게끔 되어 있어서 이것도 연결해주었습니다. 그렇게 애드센스도 신청되었습니다. 이것도 신청 결과 기달려야 함.

    사이트 속도 확인

    https://gtmetrix.com/

    https://pagespeed.web.dev/?hl=ko

    등 에서 확인할 수 있습니다.

    .

    2022.12월. 업데이트 완료.

  • elementor 프로 설치 & 워드프레스 느낀점

    elementor 프로 설치 & 워드프레스 느낀점

    워드프레스를 쓰다보니 테마 이외에도 필요한 플러그인이 elementor가 아닐까 싶습니다.

    유료 테마도 사보고, 다양한 것도 사보면서 익히고 있습니다. 워드프레스 관련해서 정보가 있는 듯하면서도 없는 듯한 느낌이 들어서 직접 빌드해보면서 체감하고 있습니다. 이런 부분은 좀 느리고, 이런 부분은 초반에 빠르게 적응하기 어렵고, 이런 플러그인은 반드시 설치해야 하고. 이런 걸 체감하고 있습니다. 아무래도 직접 만들어본 건 좀 다르니까요.

    일레멘터는 홈페이지 테마를 수정하기 위해서 필요했습니다. 옵션에 따라서 비용은 다른데 최소 50달러 정도였습니다. 웹사이트가 많으면 많을 수록 비용은 증가합니다.

    하지만, 기본 테마 쓰고 있다면 굳이 살 필요는 없을 것 같습니다. 블로그 용으로 굳이 유료 플러그인을 주고 사야 할까? 테마를 샀을 때의 그 찜찜함도 있었는데, 일레멘터는 상당히 깔끔하고 좋았습니다. web 맨 처음 home 화면 부분 엄청 다 섞여있어서 한 번 정리해보고 싶었는데, 정리할 때 도움이 되었습니다.

    화면 grid와 블록 스타일 지정할 때 다양하게 설정할 수 있는 파워를 가진 게 일레멘터입니다. 블로그 같은 페이지를 만들고 싶다가도, 좀 더 기사 같은 블로그를 만들고 싶었는데 이 때 이런 블록 스타일 지정이라던가. 화면 Grid 를 조정할 수 있을 때 사용했습니다.

    1. 설치하는 방법은 일단 공식 웹사이트에서 결제하면 파일을 다운로드 받을 수 있습니다.

    2. 플러그인 에 들어가면 플러그인 추가 옆에 있는 플러그인 업로드를 클릭하고,

    해당 파일을 업로드한 뒤 지금 설치를 누르면 됩니다

    플러그인 추가

    3. 활성화 한 뒤에 계정과 연동하는 게 중요합니다.

    전 가입하는 것보단 가지고 있는 구글 계정과 연동했습니다.

    라이센스 활성화 시켜주면 그 뒤에 자유롭게 사용할 수 있습니다

    주로 많이 활용한 부분이 섹션 편집과 grid Style 5편집입니다.

    여기에서 배경, 글과 그림을 배치할 위치 등을 조정할 수 있었습니다.

    예상하지 못했던 건. 맨 처음 홈페이지를 방문했을 때의 메인 페이지는 엘레멘터로 수정이 가능했는데, 그 뒤에 카테고리 들어가는 부분으로 건너가면 그 페이지 부터는 엘레멘터로 수정이 안되었던 점. 적용한 테마 버전으로 되어서 거기에서 부턴 사용자 정의로 수정해야 한다는 점.

    하지만, 사용자 정의로 수정해도 한계가 있다는 부분😭

    예를 들어, 카테고리로 타고 들어가서 카테고리를 눌렀을 때 썸네일 처럼 이미지를 좀 작게 조정하려고 했는데,

    옵션이 그렇게 다양하지 않아서, 이미지는 어쩔 수 없고 한 줄씩 포스팅이 보이도록 수정한 게 최선이었던 부분.

    일단 쓰면서 알아낸 건 여기까지 입니다.

    워드프레스… 주변에 자신만의 웹사이트 개설하고 싶어하시는 분들이 꽤 있는 것 같아

    이런 정보를 많이 모으면 나중에 강좌를 하나 만들어도 좋겠단 생각을 했습니다.

    퇴근하고 틈틈이 사용해보면서 포스팅 작성해보았습니다. 끗.

  • 워드프레스 구글서치콘솔 등록 및 sitemap 등록하기

    워드프레스 구글서치콘솔 등록 및 sitemap 등록하기

    워드프레스 사이트를 Google Search Console에 등록하고 Site-map 제출했던 과정을 기록했습니다.

    이전에 Tistory에서도 구글 서치 콘솔에 등록하고 site-map을 제출했습니다.

    티스토리 관리할 때 구글 콘솔 등록, xml 등록, rss 등록까지 했습니다.

    워드프레스도 콘솔, 사이트맵 등록 외에 추가적으로 할 작업도 있지만,

    오늘은 서치콘솔 등록과 사이트맵까지만 제출하겠습니다.

    1. 우선 구글 서치 콘솔에 접속합니다.

    사이트 주소: https://search.google.com/search-console/

    여기에서 URL 접두어 부분에 자신의 도메인 이름을 넣고 계속으로 눌러주세요

    *물론 Google 로그인은 되어 있는 상태여야 합니다

    2. 자신의 도메인에 대해 소유권을 확인하는 절차입니다.

    여기에서 HTML 태그를 눌러서 메타태그를 복사합니다.

    3. 워드프레스 yoast SEO 활용

    플러그인 중 Yoast SEO가 있습니다. 많은 사용자가 쓰고 있는데 글 쓸 때마다 SEO에 적합한 키워드나 메타태그를 붙이라는 메시지를 줘서 제 글을 좀 더 개선시키는 플러그인입니다.

    Yoast SEO – General 에서 상단 탭 dashboard, features, integrations, webmaster Tools 등이 있는데 여기에서 webmaster tools로 들어가서 메타태그를 집어 넣습니다.

    여기에서 Google verification code를 넣고 저장을 합니다.

    이제 소유권이 확인되면 속성으로 이동해서 확인합니다.

    이런 형태로 나올 겁니다.

    이제 sitemap도 등록해주겠습니다.

    4. 워드프레스 Sitemap

    워드프레스에서도 다시 Yoast SEO – General – Features 항목에 들어가서

    XML sitemaps가 나오면 see the XML sitemap 부분의 파란 하이퍼링크 텍스트를 클릭합니다

    클릭하면 새 탭이 뜨면서 자신의 도메인 이름.com/sitemap_index.xml 이런 식으로 링크가 뜹니다.

    sitemap_index.xml을 복사해서,

    5. 구글콘솔 sitemap 제출 과정

    콘솔의 sitemaps으로 들어가서,

    제출을 클릭합니다. 제출한 뒤 바로 승인이 되긴 했는데, 처음 한다면 아마 시간이 걸릴 거예요. 이전에 티스토리 승인 받은 게 있어서 승인이 바로 된 것 같습니다.

    티스토리…카카오 서버 화재…복구…ㅜ

    이제 rss 도 제출하면 될 것 같습니다.

  • 워드프레스 사용자 추가 및 권한 설정하는 법

    워드프레스 사용자 추가 및 권한 설정하는 법

    워드프레스에 사용자를 추가할 수 있습니다.

    티스토리도 팀 블로그 형식으로 운영할 때 사용자를 추가했던 적이 있었는데.

    워드프레스도 마찬가지로 권한을 주고 사용자를 추가할 수 있습니다.

    사용자 – 새로 추가 를 누르면

    다음과 같이 사용자명, 이메일, 사용자 알림 전송하기, 역할을 설정해서 새 사용자를 추가할 수 있습니다.

    역할은 구독자 / 기여자/ 글쓴이 / 편집자 / 관리자 권한으로 나뉩니다.

    글쓴이 권한으로 할당해서 권한 테스트를 해보았습니다.

    해당 권한을 받은 메일로 들어가서, 이메일 인증하면 워드프레스 알림판에서 글쓸 수 있는 기능들만 보이면서 작성할 수 있습니다.

    관리자는 루트(/)권한으로 웹사이트 관리할 수 있고, 그 다음으로 > 편집자 > 글쓴이 > 기여자 > 구독자 순으로 보입니다.

  • 워드프레스 플러그인 설치하다

    워드프레스 플러그인 설치하다

    워드프레스는 플러그인을 추가해서 필요한 기능을 하나씩 블럭처럼 합체하는 블로그입니다.

    플러그인을 설치해서 활성화를 해보면서 많이 테스트 해보고 있습니다.

    wpplugin
    wpplugin

    이런 식으로 필요한 플러그인을 하나씩 설치합니다. 블록 편집기는 원래 설치 되어 있는 편집기인 것 같은데 사실 아직 익숙하지 않습니다. 고전 편집기도 예전에 써본 것 같은데 안쓴지 오래되어서. 조만간 다시 한 번 설치해보고 써봐야겠습니다.

    현재까지 설치해보고 테스트 하고 있는 플러그인은 총 10개 정도 되며,

    그 중 ithem-security는

    부르스 포스 공격(무차별 대입 공격이라고도 합니다)을 방지하는데 사용하기 때문에 설치해보았고

    WP content copy Protection은 오른쪽 클릭 복붙 방지하는 플러그인입니다

    Korea SNS 플러그인도 있어서 설치는 했지만, 음… 잘 안쓸 것 같습니다. 네이버, 카카오 등등 있는데 카카오톡은 유료이고,

    티스토리 플러그인 중 포스트가 발행되면 자동으로 트윗으로도 전송하는 게 있었는데 그 부분을 좀 알아볼 것 같습니다.

    이렇게 조금씩 설치하면서 알아가는 중입니다.

error: Content is protected !!