워드프레스의 기본 편집기인 블록 에디터(구텐베르크)로 글을 작성할 때 이미지를 여러 개 연속하여 배치하는 경우가 있습니다. 이미지 간 간격을 일괄적으로 변경하고 싶은 경우 CSS나 자바스크립트를 사용하여 이미지 사이 간격을 일괄적으로 지정할 수 있습니다. 워드프레스 이미지 간격 일괄 조정하기 워드프레스 블록 에디터에서 블록 사이에 간격을 추가하고 싶은 경우 '여백 도구' 블록을 사용할 수 있습니다. 워드프레스 글 작성 시 여백 추가하는 방법 워드프레스에서 글을 작성할 때 여백을 추가하고 싶은 경우가 있을 수 있습니다. 그런 경우 구텐베르크 편집기 (블럭 에디터)에 포함된 '여백 도구'(또는 워드프레스 버전에 따라 '여백 설정') 블 avada.tistory.com 자바스크립트를 사용하여 이미지 간 여백 ..

워드프레스 기본 에디터인 블록 에디터(구텐베르크)에서 사용자 정의 HTML 코드를 추가하고 싶은 경우 사용자 정의 HTML 블록을 사용할 수 있습니다. 이 블록을 사용하여 HTML 코드를 삽입할 수 있지만 자바스크립트(JavaScript) 코드는 삽입할 수 없습니다. 자바스크립트는 숏코드를 만들어 추가하거나 자바스크립트를 로드하는 방식으로 추가할 수 있습니다. 워드프레스 블록 에디터(구텐베르크)에 HTML 코드 추가하기 엘리멘터 페이지 빌더나 아바다 테마의 아바다 빌더, Divi 테마의 디비 빌더 등에서는 HTML 코드를 추가할 수 있는 요소/위젯을 제공합니다. 일부 페이지 빌더에서는 자바스크립트 코드를 추가할 수도 있지만 자바스크립트는 워드프레스 권장하는 방식으로 로드하는 것이 바람직합니다. 엘리멘터 ..

아바다, 뉴스페이퍼 등 유료 테마는 라이선스를 등록하면 워드프레스 알림판에서 자동 업데이트가 가능합니다. 하지만 워드프레스 멀티사이트 네트워크 내의 하위 블로그에 유료 테마나 플러그인을 설치하면 자동 업데이트 기능이 제대로 작동하지 않게 됩니다. 멀티사이트에서 유료 테마나 플러그인을 업데이트하는 방법에 대하여 살펴보겠습니다. 워드프레스 멀티사이트에서 유료 테마/플러그인 업데이트 방법 멀티사이트에서 메인 사이트(기본 사이트)에 설치된 유료 테마나 플러그인은 자동 업데이트 기능이 정상적으로 작동합니다. 하지만 네트워크 내의 하위 블로그에 설치된 사이트에서는 자동 업데이트 기능이 제대로 작동하지 않을 수 있습니다. 저는 테스트 목적으로 하위 디렉터리 방식으로 멀티사이트를 설치하여 아바다, 엔폴드, 플랫섬 등 ..

워드프레스 Brave 팝업 플러그인을 사용하면 "쿠팡 방문하고 계속 읽기" 배너를 구현할 수 있습니다. 방문자가 블로그를 방문하면 팝업을 표시하여 배너를 클리할 수 있도록 만들 수 있습니다. 저는 메인 워드프레스 블로그에 Bloom 플러그인을 사용하여 "네이버 카페 방문하기" 배너를 표시하고 있습니다. 네이버 카페 방문하기 팝업을 텍스트에서 배너로 바꾸었습니다😄😄 워드프레스 정보꾸러미 홈페이지에서 워드프레스 관련 글을 50% 정도 읽으면 (Bloom 플러그인을 사용하여) 네이버 카페 방문하기 팝업이 표시되도록 설정되어 있습니다. 기존... cafe.naver.com 이 방법이 의외로 효과가 있어서 하루 10~20명 정도가 회원으로 가입하고 있습니다. 워드프레스: 쿠팡 배너를 클릭해야 글을 볼 수 있도록 ..

워드프레스 글에서 문단 간격이 너무 좁거나 넓어서 조정하고 싶은 경우가 있습니다. 또한, 글자 크기나 자간 또는 행간 등을 변경하기를 원할 때가 있습니다. 테마에서 옵션을 제공한다면 쉽게 조정이 가능하지만, 그렇지 않은 경우 또는 세밀하게 조정하고 싶은 경우에는 CSS를 사용할 수 있습니다. 워드프레스 문단 간격 조정하기 (feat. GeneratePress 테마) 워드프레스에서 글자 스타일 관련 조정은 보통 타이포그래피(Typography) 설정에서 가능합니다. 외모 » 사용자 정의하기로 이동하여 Typography나 비슷한 메뉴가 있는지 살펴보시기 바랍니다. 아바다 테마나 뉴스페이퍼 등 일부 테마는 자체 테마 옵션을 제공하기도 합니다. Avada 테마의 경우 Avada » Options » 타이포그래..

네이버 서치어드바이저에서 매일 50개의 URL을 제출하여 페이지 수집 요청을 할 수 있습니다. 수동으로 URL을 복사한 다음, 붙여넣기 하여 수집 요청을 할 수도 있지만, 매크로 프로그램을 사용하거나 파이썬을 코드를 만들어 수집을 자동화하는 것도 가능합니다. 파이썬을 이용하여 자동화하는 방법은 다음 글을 참고해보시기 바랍니다. 파이썬 Selenium을 활용한 네이버 서치어드바이저 URL 입력 '자동화' 티스토리 블로그는 네이버에서 검색 노출 빈도가 구글이나 다음 대비 상대적으로 떨어지는 것이 사실인 것 같습니다. 네이버 검색 엔진에 노출도를 향상시키기 위해서 티스토리 블로그를 네이 kibua20.tistory.com 저는 이 방법을 사용하여 실행 파일로 만들어 수집 자동 요청을 해본 적이 있습니다만, U..

예를 들어, 회사 소개란에 "귀사는 OO년의 역사를 자랑하는 기업입니다"를 문구를 표시하고, 연도가 바뀌더라도 자동으로 연혁 기간이 바뀌기를 원하는 경우가 있을 수 있습니다. 또한, 개인 프로필 페이지에 "저는 올해 OO세인 ....입니다"와 같이 만 나이를 표시하고 싶은 경우도 있을 수 있습니다. 이 경우 매년 수정할 필요 없이 숏코드를 만들어서 만 나이 혹은 연도로 계산된 기간 부분에 넣을 수 있습니다. 워드프레스 만 나이 계산 숏코드 만 나이를 현재 날짜를 기준으로 동적으로 계산하고 싶은 경우 다음과 같은 코드를 테마 함수 파일에 추가하여 숏코드를 만들 수 있습니다. (차일드 테마를 만들어서 차일드 테마 내의 함수 파일에 추가하세요.) // Automatically calculate ages wit..

워드프레스 5.8 버전부터 블록 위젯 기능이 도입되었습니다. 기존의 클래식 위젯에 익숙한 사용자들은 블록 위젯이 낯설게 느껴질 수 있을 것입니다. 하지만 조금 사용해 보면 쉽게 적응이 되리라 생각됩니다. 블록 위젯은 구텐베르크(블록 에디터)의 블록을 사용하여 위젯을 만들 수 있습니다. 워드프레스 5.8: 블록 위젯 기능 추가 오늘 새벽에 워드프레스 5.8 업데이트가 공개되었습니다. 이번 업데이트는 특히 템플릿 에디터를 도입하여 워드프레스 기본 에디터로 페이지 빌더를 대체하기 위한 여정의 중요한 시작점이 될 avada.tistory.com 워드프레스 사이드바 위젯 제목 아래 여백이 있는 경우 위의 그림은 GeneratePress 테마를 사용하여 최신 글을 나열하고 사이드바에 최신글, 댓글 등을 표시하는 심..

워드프레스 구텐베르크 에디터에서 이미지를 삽입할 때 이미지가 작게 추가되는 경우가 있습니다. 큰 이미지를 업로드해도 작게 삽입되는 경우 이미지 크기를 크게 표시되도록 설정할 수 있습니다. 너비가 2560px를 초과하는 이미지 삽입 시 줄어드는 현상 너비가 2560px를 초과하는 이미지를 업로드하면 워드프레스에서는 기본 최대 크기인 2560px 크기로 축소됩니다. 이 크기를 상향 조정하고 싶은 경우 다음 글을 참고해보세요. 워드프레스 이미지 업로드 시 크기가 줄어드는 문제 - 워드프레스 정보꾸러미 워드프레스에서 큰 이미지 파일을 업로드하면 이미지 크기가 작아지는 것을 경험할 수 있습니다. 이 현상은 워드프레스 5.3 업데이트에서 도입된 기능 때문입니다. 워드프레스 5.3 이상 버전에서 www.theword..

워드프레스 SEO 플러그인에서는 내부 링크와 외부 링크의 사용을 권장하고 있습니다. 과도한 링크를 사용하는 것은 문제가 될 수 있지만 적절한 내부 및 외부 링크를 추가하는 것은 SEO에 도움이 됩니다. 외부 링크로는 권위 있는 사이트(예: 위키피디아 사이트)로의 링크를 추가하면 좋습니다. 내부 링크를 적절히 활용하면 사용자 이탈률을 줄일 수 있습니다. [참고*외부 링크를 추가하면 내 사이트의 평판(Authority) 일부를 해당 사이트로 넘겨주게 됩니다. 가치가 떨어지는 사이트로의 외부 링크에는 nofollow를 추가할 수 있습니다. 자세한 내용은 "워드프레스 내부 링크 추가하는 간단한 방법(이전 글 링크 넣기)"을 참고해보세요.*] 워드프레스에서 이전 글 링크를 추가하는 간단한 방법 워드프레스에서는 다..