제 워드프레스 블로그에는 현재 인기 매거진 테마인 뉴스페이퍼 (Newspaper) 테마가 설치되어 있습니다. 뉴스페이퍼 테마는 콘텐츠가 많은 블로그나 뉴스, 매거진 사이트에 적합한 것 같습니다. 워드프레스에 대한 별다른 지식이 없어도 뉴스 사이트를 쉽게 만들 수 있습니다. 작년 4월에 뉴스페이퍼 테마로 리뉴얼했는데, 한동안 이 테마를 사용할 것 같습니다. 워드프레스 Newspaper 테마로 홈페이지 리뉴얼 지난주에 잠시 시간을 내어 이 블로그의 테마를 Newspaper로 바꾸었습니다. 전체적인 분위기나 레이아웃은 가급적 유지하면서 리뉴얼했습니다. www.thewordcracker.com 워드프레스 뉴스페이퍼 테마: 소제목 헤딩 태그 (h2, h3, h4) 스타일 제 워드프레스 블로그의 소제목(헤딩) 태그..

사진이나 이미지가 많은 사이트인 경우 사이트 로딩 속도가 느려지는 경향이 있고, 그러면 방문자의 이탈률(Bounce Rate)이 높아져서 SEO에 불리하게 됩니다. 이미지가 많아 고민인 경우 이미지를 지연 로드시키면 페이지 로딩 속도가 빨라져 SEO에 긍정적으로 작용하게 됩니다. 인기 블로그, 매거진 워드프레스 테마인 뉴스페이퍼 (Newspaper)에서는 이미지를 지연 로드(레이지 로드)하는 기능을 제공합니다. 뉴스페이퍼에서 이미지 지연 로딩 기능을 사용하려면 워드프레스 관리자 페이지에서 Newspaper > Theme panel > Template Settings로 이동한 다음, Image loading - animations (LazyLoad) 섹션을 클릭합니다. 그러면 위의 그림과 같이 LazyLo..

인기 워드프레스 매거진 테마인 뉴스페이퍼에서는 사이드바를 고정하여 사용자가 마우스를 아래로 내려도 사이드바가 내려가지 않게 할 수 있습니다. 뉴스페이퍼 테마에서 사이드바를 고정하려면 워드프레스 알림판 > Newspaper > Theme panel > Template Settings로 이동하여 Smart Sidebar (스마트 사이드바) 섹션에서 설정할 수 있습니다. 참고로 구글 애드센스 배너 광고를 고정 사이드바에 배치하는 것은 정책 위반으로 금지되어 있습니다. 하지만 이 규정이 작년 삭제된 것 같기도 합니다. (구글에 문의해보면 확실한 것 같습니다.) 뉴스페이퍼에서는 구글 AdSense 배너 광고를 붙박이 사이드바에 배치하지 않을 것을 권장하고 있습니다. If you plan to use Google ..

워드프레스 인기 테마 중 하나인 Divi 테마에서는 무료 레이아웃 팩에 포함된 레이아웃 디자인을 로드하여 사이트 제작에 활용할 수 있습니다. 현재 Divi에서는 1088개가 넘는 레이아웃을 이용할 수 있습니다. 예를 들어, '문의 페이지'를 만들고 싶은 경우 검색란에 'contact'를 입력하여 컨택트(문의) 페이지 레이아웃을 검색할 수 있습니다. contact로 검색하면 현재 144개 레이아웃이 검색됩니다. 각 레이아웃을 살펴보고 마음에 들면 로드하여 사용할 수 있습니다. 썸네일을 클릭하면 위의 그림과 같이 해당 레이아웃에 대한 자세한 정보를 살펴볼 수 있습니다. "Use This Layout"을 클릭하면 레이아웃이 로드됩니다. 그러면 원하는 대로 수정할 수 있습니다. 두 개 이상의 레이아웃을 조합하여..

인기 워드프레스 매거진 테마인 뉴스페이퍼에서는 다양한 레이아웃의 카테고리 템플릿을 이용할 수 있습니다. tagDiv Standard Pack을 활성화한 경우 8가지 기본 스타일 중에서 하나를 선택할 수 있습니다. tagDiv Cloud Library 플러그인을 활성화한 경우에는 38개의 카테고리 템플릿을 활용할 수 있습니다. 클라우드 템플릿을 이용하는 경우 미리 디자인된 템플릿 중 하나를 로드하여 원하는 대로 수정하여 사용할 수 있습니다. 그러므로 클라우드 템플릿을 사용하면 카테고리 템플릿을 원하는 대로 꾸밀 수 있습니다. 템플릿을 클릭하면 해당 템플릿을 미리 볼 수 있습니다. Create Template을 클릭하면 선택한 카테고리 템플릿이 생성됩니다. 여러 개의 템플릿을 로드하여 커스터마이징할 수 있습..

워드프레스 디렉터리 테마 중 하나인 ListingPro가 30% 할인 행사를 진행하고 있습니다. 이 테마는 할인 행사 덕분에 주간 베스트셀링 9위에 이름을 올리고 있습니다. ListingPro는 버전 2.5로 업데이트되면서 Elementor, 내장 예약(Appointment Booking), 이벤트 캘린더(Events Calendar), 디렉터리 어드민 대시보드(Directory Admin Dashboard) 등이 통합되었으며, 많은 기능과 개선 사항이 추가되었다고 소개하고 있네요. 이 플러그인을 사용하여 주변 명소나 맛집(레스토랑) 등을 소개할 수 있는 사이트를 만들 수 있습니다. 현재 이 테마는 13,000개 이상 판매되었으며 사용자 평점이 4.80(5.0 만점)으로 비교적 괜찮은 편입니다. Elem..

베스트셀링 워드프레스 테마인 아바다 (Avada) 테마는 많은 테마 옵션을 제공하므로 코딩 지식이 없는 초보 사용자도 쉽게 사이트를 만들 수 있습니다. 다만, 테마 옵션에 어떤 옵션이 있는지는 파악할 필요가 있습니다. 이 글에서는 아바다 테마의 헤더에 전화번호 등의 정보를 표시하는 방법에 대해 살펴보겠습니다. 워드프레스 아바다 테마 헤더에 전화번호 정보를 표시하는 방법 아바다 테마에서는 헤더에 위의 그림과 같이 전화번호와 이메일 주소를 표시할 수 있습니다. 워드프레스 알림판 > Avada > Options > Header > Header Content에서 연락처 정보를 표시하도록 설정할 수 있습니다. 먼저 헤더 레이아웃을 선택해야 합니다. 헤더 상단에 연락처 정보를 표시하려면 Top Header를 표시하..

워드프레스 무료 테마 중 하나인 Pashmina에서 데모 사이트와 비슷하게 메뉴 아래에 특성 글 슬라이더를 표시하려면 아래의 단계에 따라 슬라이더를 활성화할 수 있습니다. 워드프레스 관리자 페이지 > 테마 디자인 > 사용자 정의하기를 클릭합니다. 워드프레스 버전에 따라 "테마 디자인" 대신 "외모"가 표시될 수 있습니다. 위와 같은 화면이 표시되면 "특성 글 슬라이더"를 클릭합니다. 특성 글 슬라이더 옵션 페이지가 표시되면... ① 특성 글 슬라이더 활성화를 체크합니다. ② 카테고리 선택에서 슬라이더에 표시할 카테고리를 선택합니다. ③ 글 수에 표시할 글 수를 지정합니다. 기본적으로 6이 지정되어 있습니다. 변경 사항을 저장한 후에 사이트를 리로드하면 그림과 같이 메뉴 아래에 슬라이더가 표시됩니다. 무료..

워드프레스 테마에서 페이지 빌더를 사용하는 경우 페이지 빌더 내에서 컬럼, 열 등에 배경 이미지를 설정하는 옵션을 제공합니다. 아바다 테마: 베스트셀링 테마인 아바다(Avada) 테마의 경우 Container와 Column에 배경 이미지를 설정할 수 있습니다. Container: 해당 컨테이너 편집 화면에서 BG 탭을 클릭하고 Background Options를 Image로 설정하면 배경 이미지를 업로드할 수 있는 필드가 표시됩니다. Video를 선택하면 동영상을 컨테이너에 설정이 가능합니다. 아바다에서는 컨테이너에 직접 업로드한 동영상이나 YouTube/Vimeo 동영상을 배경 동영상으로 설정할 수 있습니다. Column에는 동영상을 배경으로 설정할 수 없고, Color, Graident, Image ..

워드프레스 Salient 테마는 현재 Themeforest 마켓에서 판매 10위를 기록하고 인기 테마 중 하나입니다. 개인적으로는 이 테마의 포트폴리오(Portfolio)를 좋아하는 편입니다. 아바다, 엔폴드 등 대부분의 유료 테마에서는 포트폴리오(혹은 프로젝트) 커스텀 포스트 타입을 제공합니다. 워드프레스 Avada 테마에서 포트폴리오 설정하기 Enfold 테마에서 포트폴리오를 사용하는 방법 Salient 테마를 설치하고 활성화하면 관리자 페이지의 메뉴에 Salient 메뉴 항목이 추가되고 다양한 메뉴 옵션이 제공됩니다. 이 테마에서 Back To Top (위로 이동) 버튼은 기본적으로 설정되어 있습니다. 이 버튼은 Salient > General Sttings > Functionality에서 설정하거..