워드프레스 일기의 분류 전체보기 3701

프리미엄 HTML 템플릿 할인 (엔바토 마켓)

HTML 템플릿, 워드프레스 테마 등의 홈페이지 템플릿을 판매하는 엔바토 마켓 (Envato Market)에서 여름 할인 행사를 진행하고 있습니다. 워드프레스 테마의 경우 Porto와 Newspaper 등이 할인 판매되고 있습니다. 다음은 할인 중인 HTML 템플릿 리스트입니다. 프리미엄 HTML 템플릿 할인 - 30~50% 세일 요즘은 워드프레스가 많이 사용되지만, 정적인 사이트를 만드는 경우 HTML 템플릿을 이용할 수 있습니다. HTML 템플릿은 워드프레스 테마보다 가격이 저렴한 편입니다. Multikart - Responsive Angular 9 eCommerce Template (반응형 앵귤러 9 전자상거래 템플릿) Multikart는 Angular 9으로 만들어졌으며 일반적인 HTML Ecom..

IT & 기타/HTML 2020.06.24

티스토리 'itemListElement' 입력란이 누락되었습니다 오류

티스토리에서 ‘itemListElement’ 입력란이 누락되었습니다 오류가 발생하는 경우가 있습니다. 이 문제는 카테고리에 글이 없을 때 발생한다고 알려져 있습니다. 저는 테스트용 티스토리 블로그에서 빈 카테고리가 없어도 이 문제가 발생했지만 브레드크럼을 추가해주니 문제가 해결되었습니다. 티스토리 ‘itemListElement’ 입력란이 누락되었습니다 오류 구글 서치 콘솔에서 사이트에서 '새로운 탐색경로 문제가 발견됨'이라는 경고 메시지가 표시되었습니다. 탐색경로 문제 해결하기를 클릭하여 문제에 대한 자세한 정보를 볼 수 있습니다. 저는 티스토리 블로그에 브레드크럼(이동경로)을 추가해주니 이 문제가 해결된 것으로 표시되었습니다. 브레드크럼을 표시하는 티스토리 스킨이 있다고 들은 것 같습니다. 저는 몇 년..

Divi 테마용 무료 피트니스 코치 레이아웃 팩

인기 워드프레스 테마 중 하나인 Divi 테마 개발자인 Elegant Themes에서는 매주 Divi에 사용할 수 있는 새로운 레이아웃 팩이나 템플릿을 무료로 공개하고 있습니다. 지난주에는 무료 피트니스 코치 레이아웃 팩 (Fitness Coach Layout Pack)이 추가되었으며 Divi Builder 내에서 로드하여 사용할 수 있습니다. Divi 테마용 무료 웨딩포토그래퍼 레이아웃 팩 다운로드 인기 워드프레스 테마 중 하나인 Divi는 다목적 테마로서 라이선스 특성상 가장 많이 설치되어 사용되는 워드프레스 테마 중 하나입니다. 이번 주에 Divi 테마용 무료 웨딩포토그래퍼 레이아웃 팩 avada.tistory.com 통번역가를 위한 Divi용 무료 레이아웃 팩 Interpreter Layout P..

카페24 도메인 네임서버 변경하기

카페24에 등록한 도메인을 다른 웹호스팅 업체 서비스에 연결하려면 도메인의 네임서버를 변경하거나 A 레코드를 추가할 수 있습니다. 예를 들어, 카페24에 등록한 도메인의 네임서버를 호스팅 업체 호스트 네임서버 정보로 변경하여 블루호스트, 패스트코멧 등에 연결하여 사용할 수 있습니다. 이 글에서는 카페24 도메인 네임서버 변경 방법에 대해 살펴보겠습니다. 카페24 도메인 네임서버 변경하기 먼저 카페24 홈페이지에 로그인하여 "나의서비스관리"를 클릭하여 서비스 관리 페이지로 이동합니다. 왼쪽에 "호스팅관리" 아래로 마우스를 스크롤하면 "도메인관리"가 있습니다. "도메인관리"(①)를 클릭합니다. 그러면 기본관리 (②) 페이지가 표시됩니다. 도메인 목록에서 네임서버를 변경할 도메인을 선택합니다. 저는 테스트 용..

웹호스팅/기타 2020.06.22

우커머스 상품 이름을 두 줄로 표시하기

우커머스는 워드프레스에서 쇼핑몰을 운영할 때 사용되는 플러그인입니다. 우커머스 상품 이름에 줄 나누기 태그( )를 추가하여 두 줄로 표시되도록 하고 싶은 경우가 있습니다. 그런 경우 아래의 방법으로 테스트해보시기 바랍니다. 우커머스 상품 이름을 두 줄로 표시하기 우커머스 상품 이름이 길면 자연스럽게 여러 줄로 표시됩니다. 위의 그림과 같이 제품 이름 공간이 부족하면 다음 라인으로 자연스럽게 넘어가면서 표시되지만, 제품명 자체는 한 줄입니다. 하지만 상품 이름을 "브랜드명 상품명"과 같이 강제로 두 라인으로 표시하고 싶은 경우가 있을 수 있습니다. 그런 경우 다음과 같은 코드를 사용 중인 테마의 함수 파일(functions.php)에 추가할 수 있습니다. 그러면 "브랜드명 | 상품명"처럼 입력하면 두 라인..

엘리멘터 페이지 빌더: 섹션, 컬럼 겹치기

워드프레스 인기 페이지 빌더인 엘리멘터 페이지 빌더는 무료 버전에서도 제한적이지만 몇 가지 템플릿을 사용할 수 있습니다. Elementor 무료 버전에서 제공되는 첫 번째 템플릿 (Landing Page - Hotel)을 로드하면 다음과 같은 레이아웃이 로드됩니다. 두 번째 섹션(Your Dream Vacation is Here 부분)을 위로 이동시켜 첫 번째 섹션의 자막처럼 보이도록 하는 방법을 살펴보겠습니다. [참고*기본적인 CSS에 대한 이해가 없는 경우 이 글을 이해하는 데 어려움을 겪을 수도 있으리라 생각됩니다. 기본적인 CSS는 배우기에 그렇게 시간이 많이 걸리지도 않고 어렵지도 않습니다. 시중에서 책을 한 권 구입하거나 생활코딩과 같은 무료 강의를 통해 CSS를 익힐 수 있습니다.*] 엘리멘..

티스토리 포스터 스킨: 제목 글자 크기 변경하기

티스토리 포스터 스킨에서 포스트의 제목과 본문의 글자 크기를 변경하고 싶은 경우 간단한 CSS로 변경이 가능합니다. 다른 티스토리 스킨에서도 비슷한 방법으로 글자 크기, 색상 등을 변경할 수 있습니다. (스킨에 따라 실제 코드는 조금씩 다를 수 있습니다.) 티스토리 Poster 스킨: 제목, 본문 글자 크기 변경하기 포스터 스킨 포스트 제목 글자 크기 및 색상 변경하기 글 제목 글자 크기를 변경하려면 꾸미기 > 스킨 편집 > HTML 편집 > CSS 탭으로 이동하여 맨 아래에 다음과 같은 코드를 추가하도록 합니다. /* 포스터 스킨 포스트 타이틀 */ .hgroup h1 { font-weight: 600; font-size: 1.5em; line-height: 1.4444em; color: #1587cc..

원페이지 홈페이지 만들기

원페이지 홈페이지는 몇 년 전에 유행하던 형식으로 요즘은 잘 사용되지 않습니다. 워드프레스에서는 대부분의 인기 테마에서 원페이지 레이아웃의 데모를 제공하고 있습니다. 그리고 원리를 알면 쉽게 원페이지 포맷의 홈페이지를 만들 수 있습니다. 워드프레스로 원페이지 홈페이지 만들기 아바다 테마, 엔폴드 테마 등의 인기 다목적 워드프레스 테마에는 원페이지 (One Page) 포맷의 데모가 제공됩니다. 다음은 Enfold 테마에서는 제공하는 원페이지 데모 중 일부를 보여줍니다. 두 번째 데모의 경우 스크롤할 때 메뉴가 상단에 고정이 안 되어 사용자 입장에서 이동하기가 조금 불편해 보이네요. 이 경우 메뉴를 고정하는 옵션을 선택할 수 있습니다. 현재 사용 중인 테마에서 원페이지 데모를 제공하지 않는 경우에는 직접 원..

티스토리 고래 스킨에서 SNS 공유 아이콘을 사이드에 고정시키는 방법

지난주에 이 티스토리 블로그의 스킨을 북클럽에서 고래 스킨 4.0으로 바꾸었습니다. 고래 스킨에는 글 하단에 SNS 공유 아이콘이 표시됩니다. 그러므로 별도의 SNS 플러그인을 사용할 필요 없이 스킨에 내장된 기능을 사용하면 됩니다. 저는 PC에서 글 하단에 표시되는 SNS 아이콘을 왼쪽에 붙박이로 표시되도록 바꾸었습니다. 티스토리 블로그에 SNS 공유 아이콘을 표시하는 방법 티스토리에 SNS 아이콘을 표시하는 방법으로 크게 두 가지를 생각해볼 수 있습니다. 하나는 티스토리에서 제공하는 플러그인을 사용하는 것이고, 다른 하나는 외부 서비스를 이용하는 것입니다. 티스토리에서는 플러그인 메뉴에서 SNS 글보내기 플러그인을 설치하여 SNS 공유 버튼을 글 하단에 표시할 수 있습니다. 하지만 개인적인 생각에는 ..

팀뷰어: 윈도우에서 맥 OS에 원격 접속 시 마우스 / 키보드가 작동하지 않는 문제가 발생 시

팀뷰어는 상대방 컴퓨터에 원격으로 접속하여 제어할 때 사용되는 프로그램입니다. 상대 컴퓨터에 접속하여 직접 작업을 하거나 조작을 하면서 설명해줄 때 유용하게 이용할 수 있습니다. 윈도우에 설치된 TeamViewer에서 맥 OS에 원격 접속할 때 마우스와 키보드가 작동하지 않는 문제가 발생하는 경우가 있습니다. 혹은 반대의 경우가 발생하는 경우가 있을 수 있습니다. 이 문제가 발생할 경우 '접근 제어'를 '완전 접근'으로 설정하면 문제가 해결될 수 있습니다. TeamViewer 프로그램 팀뷰어는 개인용/비상업용은 무료로 사용이 가능하며 팀뷰어 사이트에서 다운로드할 수 있습니다. 업무용/상업용인 경우 라이선스를 구매해야 합니다. 컴퓨터 원격 접속 제어 프로그램 - TeamViewer - 기타 다른 사람의 컴..

IT & 기타/IT 2020.06.16