'테마'에 해당되는 글 22건


 

  1. 워드프레스 테마 ROYAL footer 설정방법.

    ( 지속가능티끌/웹,워드프레스 )
    개요 워드프레스 테마 중 ROYAL 의 footer 부분 표현 방법 정리. 관련사전정보.ROYAL테마 설치 및 기본설정 -> http://igotit.tistory.com/189 ROYAL 테마의 footer 설정법. 개념 :로얄테마에서는 푸터영역에 표현되는 컬럼 1개에 사이드바(Custom Sidebar) 1개를 표현하며, 여기서 컬럼이란 Visual Composer 로 만들어진 row 내부에 사용자가 생성한 컬럼이며, 임의로 개수 지정가능함. ROYAL 테마의 footer 설정 전체 흐름. 1. 위젯에서 "Custom Sidebar" 를 임의 이름(예: Product List)으로 새로 생성한다. - Custom Sidebar 는 로얄테마에서 제공하는 기능임. 푸터영역의 1개 컬럼에 사이드바 1개 표..

     

  2. 워드프레스 테마 ROYAL 설치 및 초기 설정.

    ( 지속가능티끌/웹,워드프레스 )
    개요 워드프레스 테마 ROYAL 의 설치와 ROYAL의 자식테마 만들기, 기본 설정 정리함. 테마 ROYAL 조사 정보 -> http://igotit.tistory.com/187 에서 조사된 4종의 테마중 가장 유용해 보임. ROYAL 테마의 주요특징 : WooCommerce, WPML 호환. 숍 및 상품 표현이 다른 테마 대비 풍부함. 테마정보및 구매처 : http://themeforest.net/item/royal-multipurpose-wordpress-theme/8611976 1. ROYAL 테마 설치 및 자식테마 만들기. 1. 테마파일준비. 구매한 파일을 다운로드 받아서 압축풀면 royal_v1.4.zip 파일이 있다. 2. 테마 설치. 워프 관리자 사이트에서 1에서 준비된 파일을 업로드 시켜서..

     

  3. 워드프레스 자식테마 만들기. 활용법 - child theme

    ( 지속가능티끌/웹,워드프레스 )
    개요 워드프레스의 테마를 차일드 테마로 만드는 방법과 자식테마 활용법 정리. 차일드테마 필요성. - 테마의 원본을 수정(예: functions.php 에 코드 추가등)하여 사용 중인데, 테마의 업데이트가 이뤄지면 덮어쓰기 하게되어 수정사항을 모두 잃어버림. - 테마에 수정한 것은 없다고 해도, 테마의 업데이트가 오히려 기존 정상작동하였던 기능에 하자가 발생할 위험성 차단. 어쨌든, 테마파일을 수정하여 사용하려는 경우 무조건 차일드 테마를 만들어서 사이트에 적용시키고 수정이 요구되는 모든 것은 차일드테마의 파일을 수정하도록 함. 본 글에서 다루는 자식테마 설정은 codex에서 제공하는 정보 기반함. -> http://codex.wordpress.org/Child_Themes 자식 테마 만드는 전체적인 흐름..

     

  4. 워드프레스 테마 조사. 상품,제품 표현 기능이 풍부한 것 위주-우커머스, WPML 필수 호환.

    ( 지속가능티끌/웹,워드프레스 )
    개요. 본 글에서는 워드프레스 테마중에서 상품(제품) 페이지 부분이 풍부한 유료테마를 조사한 결과 최종적으로 4종의 테마를 정리한다. 상세 설명. 조사사유 : 워드프레스 테마들이 방대하게 많고 최다 판매실적이 있는 테마라고 해도 기능은 이것저것 많은 것 같으나, 상품이나 제품 페이지에서의 풍부한 기능은 아쉬운 경우가 많았다. 상품 관련 표현이 풍부한 것들을 조사한다. 테마 필수 조건 : 아래 3가지를 동시에 만족하는 것으로 한정함. 1. 우커머스 연동 2. 다국어 플러그인 WPML 연동. 3. 상품 소개 페이지가 풍부할것. - 숍, 상품카테고리, 상품상세페이지. 4. 완전한 반응형. 5. IE8,9,10,11 모두 지원할것. 조사결과 테마 4종이 쓸만함. 1. Total URL : http://theme..

     

  5. 워드프레스 테마 만들기 12편. CSS에 구글 나눔고딕 폰트 지정, 테마 스크린샷, 1~12편까지 백업.

    ( 지속가능티끌/웹,워드프레스 )
    개요. 본 테마 만들기 12편에서는 CSS에 구글 나눔고딕 웹폰트를 지정하고, 테마의 스크린 샷 추가하고, 1편에서 본 12편까지 만들어진 테마 구성파일들을 압축하여 본 글에 첨부한다. 1. CSS에 구글 나눔 고딕 폰트 지정하기. 구글 웹폰트 나눔고딕을 지정하고 웹페이지에서 보이는 모든 글자에 적용시키도록 한다. 아래 style.css코드의 앞부분에 추가된 푸른색 글자 부분이다. 폰트가 설정되는 대상은 전체 선택자 * 로 지정하여 모든 글자에 적용되게 하였다. ... Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: skeleton Tex..

     

  6. 워드프레스 테마 만들기 11편. CSS 이용하여 메뉴 만들기.

    ( 지속가능티끌/웹,워드프레스 )
    개요. 본 글에서는 CSS 를 이용하여 메뉴만드는 과정 간략 정리한다. 설명. 현재의 우리 테마의 메뉴 부분을 보면 아래 그림처럼 투박하게 생긴 것이 보인다. 테마에서 메뉴를 보이게 하는 처리는 템플릿파일 중에서 header.php (테마 만들기 5편에서 했었던것) 의 아래 부분의 워드프레스에서 제공하는 메뉴 표현 함수에 의하여 보이고 있는 중이다. header.php 중에서 메뉴를 표현하는 부분. 아래 파란색 부분의 코드에 의하여 위 그림의 메뉴처럼 보이고 있음. ... 워드프레스에서 제공되는 메뉴 표현함수는 그래픽 요소는 표현하지 않으며, 로 메뉴 항목들을 트리구조로 표현하는 기능만 있다. 동시에 메뉴블럭의 클래스 이름과 ul 블럭의 아이디를 할당시키고 있다. 즉, CSS에서 제어할 수 있는 타겟을 ..

     

  7. 워드프레스 테마 만들기 10편. CSS 이용하여 박스 그리드 표현하기.

    ( 지속가능티끌/웹,워드프레스 )
    개요. 본 글에서는 CSS를 이용하여 박스 그리드 만드는 방법을 보이고 포스트 목록에 적용하여 글들이 박스 그리드로 리스팅되게 한다. 설명. CSS는 html 의 특정 블럭을 웹페이지에서 표현할때 다양화 할 수 있다는 장점이 있다. 박스 그리드 표현에 대해 간단히 예를 통해서 구현방법을 익혀본다. 본 글에서는 포스트 리스트를 박스 그리드로 표현하는 것을 구현해본다. 즉, 웹페이지에서 보이는 아래 붉박의 포스트 리스트를 각각을 박스로 처리해서 그리드로 표현한다. 1. 각 포스트에 클래스 지정하기. 우리는 CSS에서 각 포스트를 선택해야 하므로 index.php 에서 포스트 표현하는 부분에 아래 처럼 기록한다. 모든 포스트는 동일한 클래스 이름 test_box 를 갖게된다. 테마만들기 시험중. 테마명 : i..

     

  8. 워드프레스 테마 만들기 9편. CSS 이용하여 레이아웃 만들기.

    ( 지속가능티끌/웹,워드프레스 )
    본 글은 "워드프레스 테마 만들기" 시리즈 글 9편이며, 8편에 연결된 내용임. 워드프레스 테마 만들기 8편. searchform.php추가. 보기 -> http://igotit.tistory.com/163 개요. 본 글에서는 테마의 style.css 에 css 구문 추가하여 웹페이지에서 보이는 레이아웃을 만드는 과정을 설명한다. 본 글에서는 CSS개념같은 기초적인 사항은 별도의 설명없이 진행된다. 최소한 아래 CSS의 개념은 알고있는 상태에서 가능한 작업이다. CSS 요점정리 보기 -> http://igotit.tistory.com/146CSS 선택자 활용정보 요약 -> http://igotit.tistory.com/166CSS 파일 만들기 -> http://igotit.tistory.com/169 설..

     

  9. 워드프레스 테마 만들기 8편. 검색창 템플릿 searchform.php 추가하기.

    ( 지속가능티끌/웹,워드프레스 )
    본 글은 "워드프레스 테마 만들기" 시리즈 글 8편이며, 7편에 연결된 내용임. 워드프레스 테마 만들기 7편. archive.php, 404,php, search.php추가. 보기 -> http://igotit.tistory.com/141 개요. 본 테마만들기 8편에서는 테마에 검색창 템플릿인 searchform.php 를 추가한다. 이전의 템플릿과 달리 검색창에서는 태그가 필요하다. 1. searchform.php 만들기. searchform.php 는 검색폼 표현하는 용도이다.워드프레스 기본 검색폼은 아래 그림의 검색 : 에디트박스 버튼 으로 구성된 간단한 폼이 제공된다. 참고 : 워드프레스의 기본 검색폼 템플릿은 별도의 템플릿 파일로 되어있지 않고 wp-includes/general-template..

     

  10. 워드프레스 테마 만들기 7편. archive.php, 404.php, search.php 추가하기.

    ( 지속가능티끌/웹,워드프레스 )
    본 글은 "워드프레스 테마 만들기" 시리즈 글 7편이며, 6편에 연결된 내용. 6편을 보고 이 글을 봐야함. 워드프레스 테마 만들기 6편. 사이드바 위젯 추가, sidebar.php 템플릿 추가하기. 보기 -> http://igotit.tistory.com/135 개요. 6편 에서 만들어진 테마에 아래 3개의 템플릿파일 들을 추가한다. 1. archive.php 2. 404.php 3. search.php 설명. 지난 5편에서 sidebar.php 를 새로 만들어 테마에 추가하였고, 이를 웹사이트에서 보면 아래 그림의 붉은 박스에 표현되고 있다. 위 사이드바에서 category 의 미분류를 클릭해보면 미분류에 속한 글의 리스트가 보여야 하는데 아직 우리 테마에서는 category.php 나 archive..