Twenty Twelve 테마 + WooCommerce: 초간단 커스터마이징(워드프레스)

Final customized Twenty Twelve and Woocommerce 218x150 - Twenty Twelve 테마 + WooCommerce: 초간단 커스터마이징(워드프레스)

지난 시간에는 WooCommerce 샘플 데이터를 설치하는 방법을 살펴보았습니다. 지난 글에 이어서 WooCommerce가 설치된 Twenty Twelve 테마를 5분만에 초간단 커스터마이징하는 방법을 살펴보겠습니다. 전면 페이지를 쇼핑 페이지로 설정하기 우선 전면 페이지를 쇼핑 페이지로 설정하여 고객이 사이트를 방문하자마자 ...

더 읽기Twenty Twelve 테마 + WooCommerce: 초간단 커스터마이징(워드프레스)

Font Awesome 폰트 아이콘을 사용하여 워드프레스 블로그를 개성있게 꾸미기

Font Awesome example 218x150 - Font Awesome 폰트 아이콘을 사용하여 워드프레스 블로그를 개성있게 꾸미기

들어가며 Font Awesome은 크기를 마음대로 조정할 수 있는 벡터 아이콘으로써, 크기, 컬러 등을 마음대로 설정이 가능합니다. 특징을 살펴보면(Font Awesome에서 밝히는 특징): 단일 폰트, 519개 아이콘 JavaScript 불필요 무한한 확장성 무료! (이 점이 정말 마음에 드네요) ...

더 읽기Font Awesome 폰트 아이콘을 사용하여 워드프레스 블로그를 개성있게 꾸미기

워드프레스에서 상단 메뉴 고정하는 방법[CSS 사용]

Fixing top navigation wordpress 218x150 - 워드프레스에서 상단 메뉴 고정하는 방법[CSS 사용]

CSS를 사용하여 워드프레스에서 상단 메뉴를 고정하여 화면이 스크롤되더라도 메뉴가 따라 내려오도록 할 수 있습니다. 다음과 같은 CSS 코드를 추가하며 됩니다(CSS 코드를 워드프레스에서 추가하는 방법은 여기를 참조하시기 바랍니다.) #navigation /* 요소 이름은 해당 테마에 맞게 수정 ...

더 읽기워드프레스에서 상단 메뉴 고정하는 방법[CSS 사용]

워드프레스에서 페이지마다 다른 헤더/푸터 사용하기

페이지마다 다른 헤더나 푸터를 사용하려는 경우 페이지마다 다른 템플릿을 만들면 됩니다(페이지 템플릿을 만드는 방법은 이 글에서 중간 부분을 참조하세요). 하지만 페이지마다 템플릿을 만드는 작업이 귀찮은 경우 간단한 조건문을 사용하여 페이지/카테고리별로 다른 헤더/푸터를 불러오도록 설정할 수 ...

더 읽기워드프레스에서 페이지마다 다른 헤더/푸터 사용하기

Twenty Fourteen 테마 커스터마이징 -- 헤더/푸터/사이드바 배경색 수정하기[워드프레스]

Twenty Fourteen theme layout 218x150 - Twenty Fourteen 테마 커스터마이징 -- 헤더/푸터/사이드바 배경색 수정하기[워드프레스]

Twenty Fourteen 테마는 워드프레스에 기본적으로 설치되어 있는 테마 중 하나입니다. 이 테마의 레이아웃은 조금 특이합니다. 우선 전체 색상이 검정색인 점이 인상적이네요. 그리고 상단의 헤더는 고정되어 프레임식으로 되어 있고 사이드바는 왼쪽에 위치해 있습니다. (헤더를 고정하는 방법은 ...

더 읽기Twenty Fourteen 테마 커스터마이징 -- 헤더/푸터/사이드바 배경색 수정하기[워드프레스]