워드프레스 Divi 테마용 무료 패션 디자이너 레이아웃(Fashion Designer Layout Pack)이 공개되었습니다. Divi 테마 개발사인 Elegant Themes에서는 매주 레이아웃 팩을 Divi 빌더에 추가하고 있습니다. 워드프레스 Divi 테마용 무료 패션 디자이너 레이아웃 팩(Fashion Designer Layout Pack) 공개 Divi 테마를 판매하는 Elegant Themes는 매주 새로운 무료 레이아웃 팩을 제작하여 Divi 라이브러리에 추가하고 있습니다. 현재 242개 레이아웃 팩과 1782개의 레이아웃을 Divi 빌더 라이브러리에서 로드할 수 있습니다. 지난번에 Blogger 레이아웃 팩을 소개한 이후에 NGO, Film Lab, Essential Oils(에센셜 오일)..

엘리멘터 페이지 빌더에서 컬럼 구조를 추가하는 경우 반응형으로 작동합니다. 즉, 기기 해상도에 따라 컬럼 개수가 자동으로 조정됩니다. 가령, 2개 컬럼 구조를 추가하면 PC에서는 2개 열로 표시되지만 모바일에서는 한 행에 1개 열로 표시됩니다. 모바일에서도 한 행에 2개 컬럼으로 표시되도록 컬럼 너비를 지정하여 모바일 컬럼 개수를 변경할 수 있습니다. 워드프레스 엘리멘터 모바일 컬럼 개수 변경하기(+컬럼 너비 설정) 워드프레스 Elementor 페이지 빌더에서는 새 섹션 추가 버튼을 클릭하여 컬럼 구조를 추가할 수 있습니다. 위의 그림에서 더하기 아이콘(새 섹션 추가)을 클릭하면 다음과 같이 컬럼 구조를 선택할 수 있는 섹션이 표시됩니다. 다양한 섹션 구조를 선택할 수 있습니다. 예를 들어, 2개 열로 ..

티스토리에서 이미지를 끌어다가 다른 이미지 옆에 놓으면 이미지 두 개를 나란히 배열할 수 있습니다. 하지만 언제부터 생긴 문제인지는 모르겠지만 이미지 두 개를 나란히 배열할 때 바로 아래에 이미지 하나가 사라지지 않고 계속 표시가 됩니다. 티스토리 버그인 것 같은데요. 이 문제가 나타나는 경우 아래의 방법으로 임시로 추가로 표시되는 이미지를 숨길 수 있습니다. 티스토리 이미지 두 개 나란히 배열 시 추가로 이미지가 표시되는 문제 티스토리에서 이미지 두 개를 나란히 배열하고 싶은 경우 두 개의 이미지를 삽입한 후에 이미지 하나를 다른 이미지 옆으로 이동시키면 됩니다. 하지만 이 방법을 사용하여 이미지 두 개를 일렬로 나열해보니 이제는 아래에 이미지 하나가 숨겨지지 않고 표시되는 현상이 나타나는 것 같습니다..

워드프레스 GeneratePress 테마에서는 사이트 라이브러리를 통해 미리 만들어진 템플릿을 로드하여 활용할 수 있습니다. Merch 템플릿은 우커머스 쇼핑몰이나 블로그 사이트 운영에 활용할 수 있는 레이아웃 중 하나인 것 같습니다. Merch 데모를 로드하면 블로그 글에는 사이드바가 표시되지 않습니다. 이 글에서는 제너레이트프레스 테마의 블로그 포스트에 사이드바를 설정하고 너비를 조정하는 방법에 대해 살펴보겠습니다. GeneratePress 테마 포스트 사이드바 너비 조정하기(+Merch 템플릿) 제너레이트프레스 테마에서는 Site Library를 통해 미리 제작된 레이아웃을 로드하여 활용할 수 있습니다. 사이트 라브러리에서 데모를 로드하는 방법은 다음 글을 참고해보세요. 워드프레스 GenerateP..

엘리멘터는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더입니다. Elementor 무료 버전으로도 코딩 지식 없이 웬만한 사이트를 만들 수 있지만, 커스텀이 필요한 경우 엘리멘터 프로를 사용하면 시간과 노력을 절감할 수 있습니다. 엘리멘터 프로에 탑재된 테마 빌더(Theme Buider)로 헤더, 푸터, 싱글 포스트, 페이지, 아카이브(카테고리, 태그 등), 검색 페이지, 404 에러 페이지 등의 템플릿을 수월하게 만들어 적용할 수 있습니다. 이 글에서는 테마 빌더로 포스트 템플릿을 만드는 방법을 살펴보겠습니다. 워드프레스 엘리멘터 테마 빌더로 포스트 템플릿을 만드는 방법 Elementor Pro의 Theme Builder를 사용하면 헤더에서 푸터까지 사이트의 각 ..

티스토리에서 글을 작성할 때 복사한 텍스트를 붙여넣기 하면 공백 대신 문자가 삽입되는 경우가 많습니다. 이 경우 복사한 텍스트를 HTML 모드에서 붙여넣기 하면 가 삽입되지 않습니다. 하지만 이 방법은 귀찮기 때문에 저는 그냥 본문에 붙여넣기 합니다. 다른 방법으로 자바스크립트를 사용하여 티스토리에서 를 제거하는 것도 가능합니다. 자바스크립트를 사용하여 티스토리 제거하는 방법 이전 글에서는 jQuery를 사용하여 [** **]를 제거하는 방법에 대해 설명한 적이 있습니다. 하지만 그 방법을 이용할 경우 고래스킨에서 신고 버튼이 작동하지 않는 문제가 발생했습니다. 자바스크립트를 사용하면 블로그 속도에도 덜 영향을 미치고 티스토리 신고 버튼에도 영향을 미치지 않는 것 같습니다. [참고*"NBSP 문자 제거 ..

워드프레스 유료 테마에서는 보통 푸터 저작권 정보에서 테마 개발자 이름을 제거할 수 있지만 무료 테마에서는 푸터 저작권 섹션에 사용자가 지정한 Copyright 정보와 함께 테마 개발자 이름과 사이트 링크가 함께 표시될 수 있습니다. 이 경우 테마 파일을 직접 수정하거나 CSS를 사용하여 테마 개발자 이름을 제거할 수 있습니다. 아래에서는 무료 워드프레스 테마 Krystal 푸터 저작권 정보에서 테마 개발자 이름을 제거하는 방법에 대하여 살펴보겠습니다. 무료 워드프레스 테마 Krystal 푸터 저작권 정보 수정하기 Krystal 테마의 카피라이트(Copyright) 정보는 워드프레스 알림판 > 외모 > 사용자 정의하기 > Footer Settings에서 변경할 수 있습니다. Footer copyright..

카페24 호스팅에서 워드프레스 사이트를 운영하는 경우 해외에서 워드프레스 관리자 페이지에 접속할 수 없는 현상이 발생할 수 있습니다. 해외에서 관리자 페이지 접속 시 403 Forbidden 에러가 발생할 경우 카페24에 요청하여 해외에서 접속이 가능하도록 조치를 취해달라고 요청해야 합니다. 카페24: 해외에서 워드프레스 관리자 페이지 접속 불가 (403 Forbidden) 일반적으로 워드프레스에서 403 Forbidden 에러가 발생하면 다음 글을 참고하여 문제 해결을 시도할 수 있습니다. 워드프레스 403 Forbidden Error 오류 해결 방법 - 워드프레스 정보꾸러미 워드프레스 작업 중에 403 Forbidden Error가 발생하는 경우가 있습니다. 경우에 따라 관리자 페이지에서만 이 오류가..

워드프레스 미디어 라이브러리에 업로드한 이미지의 URL을 확인하여 활용해야 하는 경우가 있습니다. 그런 경우 미디어 라이브러리에서 이미지 URL을 복사하여 붙여넣기 할 수 있습니다. 또한, FTP를 통해 직접 이미지를 업로드하는 경우가 있을 것입니다. 이와 같은 경우 주의할 사항과 이미지 경로에 대해서도 간략히 살펴보겠습니다. 워드프레스 미디어 라이브러리 이미지 URL 확인하기/복사하기 이미지 URL을 직접 입력해야 상황이 있을 수 있습니다. 그런 경우 워드프레스 미디어 라이브러리에 업로드된 이미지의 URL을 쉽게 복사하여 원하는 곳에 붙여넣을 수 있습니다. 1. 워드프레스 관리자 페이지 > 미디어 >라이브러리로 이동합니다. URL 확인을 원하는 이미지 위에 마우스를 올리고 "편집"을 클릭합니다. 이미지..

윈도우에서 한글 입력 시 자음과 모음이 분리되어 입력되는 현상이 발생하는 경우가 드물지만 있습니다. 이러한 현상은 여러 가지 원인에 의해 발생할 수 있지만 특히 키보드의 Windows + H 키 조합을 잘못 누를 때 발생하는 것 같습니다. 갑자기 이런 현상이 나타나면 당황하게 될 것입니다. 이 문제가 발생하면 프로세스 리스트에서 Microsoft Text Input Application을 찾아서 종료시키면 정상적으로 한글 입력이 됩니다. 윈도우 10에서 한글 입력 시 자음과 모음이 분리되어 입력되는 현상 한글을 입력할 때 자음과 모음이 분리되어 입력되는 경우가 있습니다. 저는 잘못하여 Windows 키와 H 키를 누른 후에 위 그림과 같이 한글 입력 시에 자음과 모음이 분리되는 문제가 발생했습니다. [*..