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

워드프레스 테마를 비롯하여 각종 웹사이트 템플릿을 판매하는 Themeforest의 주간 베스트셀링 목록에 새롭게 이름을 올린 테마가 있어서 소개합니다. InBio라는 개인용 포트폴리오 테마입니다. 개인용 포트폴리오 워드프레스 테마 InBio 인바이오 테마는 정가가 59달러이지만 지난 8월 26일에 엔바토 마켓에 등록되었습니다. 일부 테마는 신규 등록 시 할인을 하는 경우가 있습니다. InBio는 현재 13달러에 판매되고 있으며 곧 가격이 인상될 것으로 보입니다. 참고로 위의 그림에 표시된 ReHub 테마는 가격 비교 테마로서 국내에서 특히 쿠팡 파트너스 상품을 소개하는 사이트에 많이 사용되고 있습니다. FastComet 호스팅에서 이 테마를 세팅하여 판매하는 강의 때문에 우리나라에 많이 보급된 것 같습니..

예를 들어, document.querySelectorAll(".class1")을 사용하면 class1 클래스로 된 모든 요소에 적용됩니다. class1 클래스 또는 class2 클래스로 된 모든 요소를 선택하고 싶은 경우가 있을 수 있습니다. 이런 경우 개별적으로 만들어도 되겠지만 비효율적일 것입니다. 복수 클래스로 된 요소 선택 방법 How to get elements with multiple classes라는 제목의 Stackoverflow 글에서 class1 클래스와 class2 클래스가 모두 있는 요소를 선택하는 방법에 대하여 다루고 있습니다. 이 경우 다음과 같은 코드를 사용할 수 있습니다. var list = document.getElementsByClassName("class1 class2"..

워드프레스에는 무료 및 유료 슬라이더 플러그인이 있습니다. 무료 플러그인으로는 Smart Slider 3, MetaSlider 등이 많이 사용되고 있습니다. 유료 플러그인으로는 유명한 Slider Revolution이 있습니다. 엘리멘터 페이지 빌더의 경우 Elementor Pro에서 Slides 위젯을 제공합니다. 엘리멘터 페이지 빌더의 슬라이드 위젯을 사용하여 외부 플러그인을 설치하지 않고 슬라이더를 만들 수 있습니다. 워드프레스 엘리멘터 슬라이드 위젯 엘리멘터 페이지 빌더에서 슬라이드를 만들려는 경우 참고해보세요. 1. 먼저 섹션을 만들고 섹션 편집에서 내용 너비를 전체 너비(Full-width)로 지정하도록 합니다. 2. 엘리멘츠에서 Slide로 검색하여 Slides 위젯을 원하는 섹션으로 드래그..

며칠 전에 워드프레스 301 리디렉션 작업을 의뢰받았습니다. 페이지 링크 하나를 다른 사이트의 URL로 리디렉션하는 작업이었습니다. 간단한 작업인 것으로 생각했지만 URL에 쿼리 스트링(쿼리 문자열)이 포함되어 있어서 .htaccess에서 리디렉션하는 것이 쉽지 않았습니다. 워드프레스 301 리디렉션 작업 (쿼리 문자열이 포함된 URL) 301 리디렉션은 주의하여 설정해야 SEO 문제가 발생하지 않습니다. 저는 워드프레스닷컴(WordPress.com)에서 운영하는 사이트를 설치형 워드프레스로 바꾸고 도메인과 함께 고유주소를 변경하면서 301 리다이렉트 설정을 잘못하여 방문자가 급감하는 경험을 한 적이 있습니다. SEO 문제가 발생하는 경우 복구되는 데 소요시간... 요즘 새로 키워보려고 노력하는 블로그가..

워드프레스의 장점 중 하나는 다양한 무료 및 유료 테마를 사용하여 사이트를 만들 수 있다는 점일 것입니다. 워드프레스가 전 세계 CMS 점유율이 40%를 상회하면서 다수의 테마 판매 마켓과 테마 판매자들이 있습니다. 특히 아바다(Avada), 뉴스페이퍼(Newspaper), Divi 등의 다목적 테마들이 많은 인기를 얻고 있습니다. 국내에서는 테마 판매 마켓이 전무하지만 카페24에서 워드프레스 디자인을 무료 또는 유료로 판매하고 있습니다. 카페24 디자인센터의 워드프레스 디자인 적용하기 카페24에서는 디자인센터를 통해 무료 및 유료 워드프레스 테마를 판매하고 있습니다. 디자인센터에서 마음에 드는 워드프레스 디자인이 있다면 구입하여 워드프레스 사이트에 적용할 수 있습니다. 참고로 아바다 등 인기 테마는 사..

저는 윈도우 정리 프로그램으로 CCleaner를 오랫동안 사용해오고 있습니다. CCleaner는 무료 버전과 유료 버전이 있습니다. 무료 버전은 자동 업데이트가 안 되고, 자동 정리 기능이 없습니다. CCleaner 프로페셔널을 사용하면 자동으로 업데이트가 되고, 브라우저 종료 시 사용 정보 등이 자동으로 삭제되는 등의 기능이 제공됩니다. 또한, 드라이버 업데이터와 소프트웨어 업데이터 도구도 사용할 수 있습니다. 이 기능은 무료 버전에서도 제공되는지는 모르겠습니다. 컴퓨터 정리 프로그램 CCleaner Professional 갱신 시 참고 사항 CCleaner Professional 라이선스 기간이 다 되어 가면 CCleaner에서 갱신하라는 메일을 여러 차례 보내옵니다. 알림 메일이 오더라도 갱신하지 ..

이미지 파일이나 PDF 파일에 링크를 거는 경우 링크를 클릭하면 이미지 파일이나 PDF 파일이 브라우저에서 실행됩니다. 미디어 파일이 다운로드되도록 하고 싶은 경우 download 속성을 추가하면 됩니다. 예시: 자바스크립트를 사용하여 특정 CSS 클래스에 download 속성 추가하기 특정 CSS 클래스에 download 속성을 추가하고 싶은 경우 간단하게는 jQuery를 사용할 수 있습니다. $("a").attr("download", true); 자바스크립트를 사용하려는 경우 "How can we add a download attribute to all the tags present inside tag (using JavaScript)?" 문서에 제시된 다음과 같은 코드를 적절히 응용할 수 있습니다...

워드프레스에서는 비교적 높은 PHP 서버 설정값을 요구합니다. 예를 들어, PHP 메모리 제한 크기가 작은 경우 Fatal error: Allowed memory size of 33554432 bytes exhausted..와 비슷한 에러가 발생할 수 있습니다. 엘리멘터 페이지 빌더나 아바다 테마 등에서도 PHP 설정값이 낮을 경우 예상치 않은 문제가 나타날 수 있습니다.아마존 AWS나 Vultr와 같은 서비스를 이용할 경우 서버 세팅을 직접 해야 하기 때문에 초보자에게는 쉽지 않을 수 있습니다. Cloudways(클라우드웨이즈)를 사용하면 AWS나 Vultr 서버를 선택하여 비교적 수월하게 서버를 관리할 수 있습니다. AWS나 Vultr를 사용할 때보다 비용이 배 정도로 높은 편이고 서버 작업이 필요할..

워드프레스 엘리멘터 페이지 빌더의 Tabs 위젯을 사용하여 탭 레이아웃을 쉽게 만들 수 있습니다. 탭은 수평 스타일과 수직 스타일 모두 가능합니다. 하지만 모바일 기기에서는 탭 레이아웃이 유지되지 않고 세로로 쌓이는 형식으로 표시됩니다. 모바일에서 엘리멘터 Tabs 위젯의 탭 레이아웃 유지하기 Elementor 페이지 빌더의 탭 기능을 사용하여 탭을 만들었을 때 모바일에서도 PC에서와 비슷한 레이아웃을 유지하고 싶은 경우 다음 방법을 이용할 수 있습니다. 1. 먼저 Tabs 편집 패널에서 고급(Advanced) 탭을 클릭한 다음, CSS ID 필드에 [**mobile-tabs**]를 입력합니다. 2. 엘리멘터 프로를 사용하는 경우 Custom CSS 섹션에 다음 사용자 정의 CSS 코드를 입력합니다. /..

Snagit(스내그잇) 프로그램을 사용하면 화면을 캡처한 후에 곧바로 Snagit Editor에서 간단한 편집을 한 후에 JPG, PNG, PDF 등의 이미지 포맷으로 저장할 수 있습니다. 이때까지는 WebP 이미지 포맷은 지원되지 않았지만 최근 Snagit이 2022.1.1 버전으로 업데이트되면서 WebP 파일 형식으로 저장할 수 있는 옵션이 추가되었습니다.화면 캡처 프로그램 Snagit: WebP 이미지 포맷 지원WebP란?WebP는 구글에서 개발한 이미지 포맷. WebP(Web + Picture)라는 단어에서 짐작할 수 있듯이 Web을 위하여 만들어진 효율적인 이미지 포맷으로 '웹(Web)-피(P)'라고 읽습니다. 웹피는 웹에서 사용되는 기존의 GIF, JPG, PNG 이미지 형식을 대체하기 위해 ..