워드프레스에서 엘리멘터(Elementor)와 같은 페이지 빌더를 사용하면 코딩 지식이 없어도 수월하게 사이트를 만들 수 있습니다. 엘리멘터 페이지 빌더에서 요소를 추가하면 기기 해상도에 맞게 적절히 레이아웃이 조정됩니다. 즉, 반응형으로 작동합니다. 모바일 레이아웃이 마음에 들지 않으면 변경하는 것이 가능합니다. [참고*모바일 기기나 태블릿 기기의 CSS 분기점을 조정하고 싶은 경우 "엘리멘터 페이지 빌더: 사용자 정의 분기점 설정하기"를 참고하시기 바랍니다. 모바일 기기 가로 화면, 세로 화면, 태블릿 기기 가로 화면, 세로 화면 등에 대한 분기점도 설정이 가능합니다.*] 엘리멘터 페이지 빌더 모바일 레이아웃 설정하기 엘리멘터 페이지 빌더에서 어떤 요소를 추가하면 기기 해상도에 따라 적절히 레이아웃이 ..

워드프레스 SEO 플러그인에서는 브레드크럼 기능이 탑재되어 있어 테마에서 브레드크럼 기능을 제공하지 않을 경우 SEO 플러그인에서 제공하는 브레드크럼을 사용할 수 있습니다. 이 글에서는 GeneratePress 테마에서 Yoast SEO 브레드크럼을 적용하는 방법에 대하여 살펴보겠습니다. Yoast SEO의 브레드크럼 설정하기 Yoast SEO 플러그인을 설치하고 활성화했다면 알림판 > SEO > Search Appearance 페이지로 이동하여 Breadcrumbs 탭에서 브레드크럼 관련 설정을 할 수 있습니다. Yoast SEO에서 브레드크럼을 설정해도 자동으로 블로그 글이나 페이지에 브레드크럼이 표시되지는 않습니다. 아래의 방법을 통해 원하는 곳에 Yoast SEO 브레드크럼을 표시하도록 코드를 추..

워드프레스 5.0 버전부터 기본 편집기가 고전 편집기에서 구텐베르크(블록 에디터)로 바뀌었습니다. 구텐베르크를 도입할 당시 많은 저항이 있었지만 워드프레스가 버전 업되면서 많이 안정화되고 기능도 개선되었습니다. 이 글에서는 워드프레스 구텐베르크에서 버튼을 가운데 정렬하는 방법에 대하여 살펴보겠습니다. 기초적인 내용이지만 문의하시는 분이 계셔서 정리해보았습니다. 워드프레스 버튼 가운데 정렬 방법(+구텐베르크 에디터) 구텐베르크(블록 에디터)에서는 블록 단위로 콘텐츠를 추가할 수 있습니다. 쿠텐베르크 편집기에서는 다양한 블록들이 지원됩니다. 버튼을 추가하고 싶은 경우 '버튼' 블록을 사용할 수 있습니다. 또는, [**/버튼**]을 입력하여 쉽게 버튼 블록을 선택할 수 있습니다(참고). 버튼을 가운데 정렬하려..

국내 웹호스팅 서비스 중 하나인 호스팅이즈 호스팅과 관련하여 안타까운 소식이 전해졌습니다. 개인적인 사정으로 인해 호스팅이즈 서비스가 9월 말에 종료된다고 합니다. 호스팅이즈 서비스를 이용하시는 분 중에 이 사실을 모르는 분이 계시다면 9월 말까지 호스팅을 이전하시기 바랍니다. 호스팅이즈 서비스 종료 호스팅이즈(https://hostingis.com)가 운영하시는 분의 개인적인 사정으로 인해 회사 운영을 중단한다고 합니다. 9월에는 이전 등의 마무리 작업을 위해 한 달간 무료로 서버를 열어둘 예정이며 9월 30일부로 서버를 정지한다고 합니다. 호스팅이즈 사이트에서 반환신청서를 작성하여 남은 기간에 대한 금액을 반환받을 수 있습니다. 먼저 백업을 확실히 하여 PC나 클라우드로 다운로드하신 후에 이전을 진행..

저는 해외 웹호스팅 중 하나인 GreenGeeks의 최저가형 상품에 가입하여 테스트 용도로 사용하고 있습니다. GreenGeeks는 지난 5월에 모든 서버를 LiteSpeed Web Server 6로 업그레이드하고 PHP 8.0 지원도 추가하여 비교적 빠른 성능을 보여주는 것 같습니다. 최근 GreenGeeks가 연례 Review Signal 호스팅 벤치마크에서 A+ 등급을 받았다고 합니다. 가성비 좋은 웹호스팅 서비스를 원하는 경우 고려해 볼 수 있을 것 같습니다. 워드프레스 호스팅 리뷰에서 좋은 평가를 받은 GreenGeeks GreenGeeks는 최저가 상품이 월 2.49달러로 매우 저렴한 편입니다. 최저가 상품에서는 1개의 도메인만 연결할 수 있고 Pro 이상에서는 무제한 도메인 연결이 가능합니다..

인기 워드프레스 페이지 빌더 플러그인인 Elmentor는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있습니다. 무료 엘리멘터 페이지 빌더로도 훌륭한 사이트를 만들 수 있지만 일부 위젯과 템플릿이 제외되어 있고 테마 빌더와 같은 고급 기능이 제공되지 않습니다. 이 글에서는 엘리멘터 프로에서 제공하는 포스트 위젯에 대하여 살펴보겠습니다. 워드프레스 엘리멘터 포스트 위젯(Posts) 엘리멘터에서 포스트나 페이지 혹은 커스텀 포스트 타입 글을 나열할 수 있는 Posts(포스트) 및 Portfolio(포트폴리오) 위젯과 Gallery(갤러리), Form(컨택트 폼), Slides(슬라이드) 등 일부 위젯은 엘리멘터 프로에서만 제공됩니다. 엘리멘터 무료 버전에서는 프로 위젯들에 자물쇠 아이콘이 표시되어 있..

저는 대학 다닐 때부터 하나은행(구 '서울은행')을 이용하고 있고 애드센스 수익을 받는 통장도 하나은행 외화 통장을 이용하고 있습니다. 최근 하나은행과 삼성증권이 연계하여 최근 하나 밀리언달러 통장을 내놓았습니다. 특히 연말까지 월 1회 500달러 이하의 해외에서 받는 송금 건에 대하여 송금수수료를 면제해주고 환율 우대 혜택을 제공합니다. 하나 밀리언달러 통장 - 송금수수료 면제 등 혜택 제공 이벤트 지난 8월 24일, 삼성증권은 하나은행의 외화예금 계좌를 활용해 미국주식 투자가 가능한 은행연계 서비스를 출시하여 삼성증권 외화연계계좌와 하나은행의 '하나 밀리언달러 통장'을 함께 개설하면 별도의 이체나 환전 없이 외화계좌에서 보유한 달러 예금으로 미국주식에 투자할 수 있게 되었습니다. 9월 30일까지 하나..

인기 워드프레스 테마 중 하나인 Bridge 테마는 주간 베스트셀링 테마 목록에 꾸준히 이름을 올리고 있으며 590개가 넘는 데모를 제공하고 있습니다. 브릿지는 거의 매주 새로운 업데이트가 나오고 있습니다. 매 업데이트 때마다 새로운 엘리멘터용 데모가 추가되고 있습니다. 워드프레스 Bridge 테마 업데이트 - 4가지 엘리멘터용 데모 추가 브릿지 테마는 아바다, Flatsome, The7의 뒤를 이어 주간 판매량 4위를 차지고 있는 인기 워드프레스 테마 중 하나입니다. Bridge는 Betheme 테마와 비슷하게 많은 데모를 제공하여 사용자들의 인기를 끌고 있는 것 같습니다. Bridge는 WPBakery 페이지 빌더용 데모만을 제공했지만 지금은 엘리멘터 페이지 빌더용 데모를 매주 새롭게 추가하고 있습니..

일부 워드프레스 테마에서는 사용자가 아래로 마우스를 스크롤할 때 메뉴/헤더를 숨기고 위로 스크롤할 때 메뉴를 다시 표시하는 옵션을 제공하기도 합니다. 뉴스페이퍼 테마에서는 고정 메뉴(Sticky Menu) 옵션에서 스마트 스냅(Smart snap) 항목을 선택하면 마우스 스크롤 시 메뉴가 숨겨졌다가 위로 스크롤하면 메뉴가 나타납니다. 워드프레스 뉴스페이퍼 테마 스크롤 시 메뉴 숨김(스마트 스냅) 옵션 아래 영상과 같이 마우스를 아래로 스크롤할 때 메뉴를 숨기고, 위로 스크롤할 때 메뉴를 다시 표시하면 방문자들이 아래로 스크롤하면서 글을 읽을 때 상단 메뉴의 방해를 받지 않기 때문에 UX(사용자 경험) 향상에 도움이 됩니다. 예전에 미디엄에서 이와 비슷하게 작동했지만 오늘 확인해보니 미디엄(Medium)에..

블로그에 브레드크럼을 적용하면 SEO(검색엔진 최적화)에 도움이 됩니다. 일부 티스토리 유료 스킨에 브레드크럼을 기본적으로 표시할 수 있습니다. 브레드크럼을 지원하지 않는 스킨을 사용하는 경우 아래 영상을 참고하여 적용할 수 있습니다. 브레드크럼을 적용할 경우 구글 등 검색엔진 결과에 경로(브레드크럼)가 표시됩니다. 티스토리 스킨에 브레드크럼을 적용하는 방법 예시(Magazine 스킨) 티스토리 블로그에 브레드크럼(Breadcrumb)을 표시하는 방법은 이 블로그를 통해 여러 차례 설명한 적 있습니다. 브레드크럼을 적용하면 구글 서치 콘솔에서 "'itemListElement' 입력란이 누락되었습니다" 오류가 사라질 것입니다. 브레드크럼을 적용하는 데 어려움을 겪는 분들이 계셔서 동영상으로 브레드크럼을 추..