15 효과적인 워드 프레스 테마의해야 할 것과하지 말아야 할 것

오늘 저는 워드 프레스 테마의해야 할 것과하지 말아야 할 것들을 살펴보고 싶습니다. 자신을 위해 워드 프레스 테마를 만들거나 다른 사람이 사용할 수 있도록 릴리스 할 테마를 만들 든 관계없이 이러한 작업을 수행하고 최대한 밀접하게 수행하지 않아야합니다.


1. 전체 URL을 테마에 하드 코딩하지 마십시오

테마를 구축 할 때 소셜 미디어 아이콘 또는 RSS 피드 아이콘에 이미지가 사용되는 시간이있을 수 있으며 코딩시이 지점에서 전체 URL을 코딩해야 할 수 있습니다 (예 : / wp-content). /themes/your-theme-name/images/image.jpg)하지만 테마를 사용하는 사람이 테마 폴더 이름을 변경할 때마다 웹 사이트에 오류가 발생합니다.

전체 URL을 동적으로 가져 오는 데 사용할 올바른 코드는 다음과 같습니다..

<?php bloginfo ( ‘stylesheet_directory’); ?>/images/image.jpg

2. 템플릿 태그를 최대한 활용하십시오

WordPress는 사용할 수있는 모든 템플릿 태그를 배치하는 훌륭한 일을하므로 자신에게 호의를 베푸십시오 (테마를 사용할 수있는 다른 사람들). 워드 프레스 템플릿 태그 배우기 – 최대한 활용하십시오. 템플릿 태그를 사용하면 최종 사용자가 템플릿을 설정하고 실행할 때 테마가 중단되거나 오류가 발생하지 않도록 할 수 있습니다.

3. 네비게이션 드롭 다운 코드를 잊지 마십시오

WordPress 테마를 만들 때 간과되는 것으로 보이는 항목 중 하나는 탐색을위한 드롭 다운 코드입니다. 물론 일부 테마는 여러 수준의 ul을 활용하지 않고 모든 것을 한 줄에 유지하도록 탐색 기능을 설정했을 수 있지만 각 기본 상위 페이지에 대해 여러 하위 페이지가있는 사용자에게는 어떤 것이 있습니까??

그에 대한 해결책이 있습니다. 다단계 드롭 다운 메뉴를 코딩하는 방법에 대한 아래 자습서 중 일부를 확인할 수 있습니다..

4. 테마 위젯을 준비하십시오

내 생각에, 최종 사용자로서, 테마를 배치하고 모든 것을 설정할 준비를하는 것보다 더 나쁘지는 않다. 이제는 정보를 하드 코딩하여 테마의 섹션을 커스터마이즈하려는 작업에 직면하고 있음을 알게된다. 사이드 바 및 테마의 다양한 다른 위치 (3 개의 바닥 글이 있습니까? 위젯 화하십시오!)는 가능한 한 쉽게 편집 할 수 있어야합니다. 테마를 수행하는 가장 쉬운 방법 중 하나이며 테마 사용자에게 많은 도움이됩니다..

Automattic에는 테마를 위젯 화하는 방법에 대한 훌륭한 자습서가 있습니다.. 여기서 확인하십시오.

또한 확인하십시오 위젯 화 테마 Theme Lab의 튜토리얼.

5. 테마를 작동시키기 위해 사용자가 수많은 플러그인에 의존하게하지 마십시오

무료로 테마를 공개하거나 상용 WordPress 테마를 만드는 경우 최종 사용자가 테마를 구축 할 때 가장 관심을 가져야합니다. 5-10 개의 필수 플러그인으로 테마를 어지럽히면 사이트에서 테마를 다운로드하고 설정할 때 사람들이 실망 할뿐만 아니라 많은 사람들이 다운로드하지 않을 수도 있습니다. 2-3 초 이상의주의 집중 시간이 없습니다.

예를 들어 테마에서 페이지 매김을 설정하려는 경우이 기사를 활용하여 테마에서 자동으로 설정하는 방법을 배우십시오. 코드를 가진 고양이는 테마에 페이지 매김을 추가하는 방법 플러그인을 활성화 할 필요없이.

6. 검색 결과 페이지에 검색어를 표시하십시오

어떤 이유로 든, 이것은 당신이 당신의 테마에 구현할 수 있고 간과 할 수있는 종종 간과되는 팁입니다. 방문자가 방금 검색 한 내용을 테마에 알리는 간단한 한 줄 코드입니다. 사소한 것처럼 보이지만 결과가 0 개의 게시물을 다시 가져 오면 방문자가 검색 한 정확한 문구를 알고 다른 검색어를 입력 할 수 있습니다..

다음은 테마에서 현재 “검색 결과”제목을 바꾸는 데 사용되는 코드입니다..

에 대한 검색 결과 <?PHP the_search_query () ?>

7. 404 오류 페이지를 절반 정도하지 마십시오.

404 페이지를 떠나 “404 – 페이지를 찾을 수 없음”이라고하는 대신 방문자에게 더 많은 옵션을 제공하지 않겠습니까? 카테고리 목록, 최근 게시물, 인기 게시물, 검색 창 및 (404 페이지에서 수익을 창출하려는 경우) 광고를 추가하면 대부분의 WordPress 테마에서 볼 수있는 둔하고 쓸모없는 것들과 비교하여 404 페이지에 약간의 향신료를 줄 수 있습니다..

404 페이지 영감을 찾고 있다면 Smashing Magazine은 404 페이지의 킬러 쇼케이스 웹에서 체크 아웃 할 가치가있는.

8. 테마 폴더에 모든 기본 파일이 있는지 확인하십시오

WordPress 테마를 제작할 때는 시작부터 가능한 한 많이 맞춤 설정할 수 있어야합니다. index.php, header.php, sidebar.php 및 footer.php 파일 콤보로 시작하면 미니멀리스트에게는 좋은 아이디어처럼 보일 수 있지만 아래의 모든 기본 사항부터 시작하는 것이 좋습니다. 언제, 어디서, 어떻게 표시되는지에 대해 조금 더 제어 할 수 있습니다..

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

이러한 템플릿 파일 및 작업에 대한 자세한 내용은 템플릿 계층 WordPress.org의 페이지.

9. RSS 통합을 잊지 마십시오

블로그를 작성할 때 사람들이 가장 관심을 끄는 항목 중 하나는 RSS 리더를 통해 블로그를 구독하는 기능입니다. 따라서 테마 사용자가이 정보를 직접 추가하도록 요구하는 대신 검색 상자를 수행하는 것처럼 RSS 구독 상자에 추가하는 단계를 수행해보십시오. RSS 버튼, 이메일을 통한 구독 옵션 추가 및 원하는 코드를 테마에 추가하여 구독자 수를 텍스트로 추가 할 수도 있습니다 ( “feedburner-id”를 사용자 고유의 것으로 대체하십시오) FeedBurner ID –이 테마를 공개적으로 발표하는 경우 목록에서 # 11을 살펴보고 옵션으로 제공하십시오).

<?PHP
// 멋진 피드 버너 수
$ whaturl ="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

// 컬 세션 초기화
$ ch = curl_init ();

// 데이터를 브라우저로 인쇄하지 않고 반환하도록 curl을 설정합니다..
curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1);

// URL 설정
curl_setopt ($ ch, CURLOPT_URL, $ whaturl);

// 페치 실행
$ data = curl_exec ($ ch);

// 연결을 닫습니다
curl_close ($ ch);
$ xml = 새로운 SimpleXMLElement ($ data);
$ fb = $ xml->먹이다->진입 [ ‘순환’];
에코 $ fb;
// 멋진 피드 버너 수를 얻습니다.
?>

10. 스레드 주석에 CSS 스타일 추가

테마를 작성하는 경우 항상 스레드 댓글을 준비해야합니다. 많은 블로그가 댓글 섹션에서 상호 작용을 구축하기 위해 사용하는 WordPress의 기능입니다. 따라서 스레드 주석에 대한 스타일 시트를 준비하는 것이 좋습니다. 크리스는에 좋은 게시물을 가지고 주석 섹션에서 WordPress가 뱉어내는 기본 CSS 클래스의 CSS 코드, comments.php 파일을 건드릴 필요없이 테마에 양식화 된 주석 섹션 제공.

11. 옵션 패널없이 테마를 해제하지 마십시오

일부 사람들은 이에 동의하지 않을 수도 있지만 WordPress 테마의 자연스러운 진행의 일부라고 생각합니다. 테마에서 코드를 편집하지 않고 테마의 항목을 편집, 사용자 정의 및 변경할 수있는 기능이있는 어떤 종류의 WordPress 옵션 패널을 실행하지 않는 경우 잘못된 작업이 발생한 것입니다.

자신 만의 테마 옵션 패널을 만드는 방법을 잘 모를 경우 아래 링크를 통해 수행 방법을 확인할 수 있습니다..

12. 테마가 즉시 작동하는지 확인하십시오

이것은 목록 5에 나와 있습니다. 항상 테마를 즉시 사용할 수 있도록해야합니다. 내가 본 일부 테마에는 플러그인 활성화 및 테마 옵션 패널 편집 / 저장을 포함하여 테마를 사이트에서 실행하기 전에 5-6 단계가 필요합니다. 테마에 특정 사항이 필요한 경우 백업 기본 항목이 사용되었는지 확인하십시오.

예를 들어, 제작 및 / 또는 사용중인 테마 옵션 패널에서 각 섹션에 기본 정보가 있는지 확인하여 최종 사용자가 업데이트했는지 여부에 관계없이 정보가 표시되도록하십시오. 플러그인에서도 마찬가지입니다. 테마에서 WordPress 페이지 매김 플러그인을 사용하는 경우 플러그인이 활성화되지 않은 경우 테마가 이전 / 다음 링크로 되돌아 가도록 코딩하지 않는 이유는 무엇입니까?.

13. 사용자 정의 필드를 과도하게 사용하지 마십시오

예, 몇 년 전 잡지 스타일의 WordPress 테마는 매번 사용자 정의 필드를 사용하여 작성되었지만 대부분의 사람들은 실제로 각 게시물에 대해 3, 4 또는 5 개의 사용자 정의 필드를 작성하고 싶지 않습니다. 그래서, 그것들을 더 쉽게 만드십시오. 테마의 홈 페이지에 게시물의 이미지를 표시하려면이 편리한 코드를 가져 와서 테마 functions.php 파일에 추가하면 자동으로 첫 번째 이미지가 게시됩니다. 사용자 정의 필드.

// 게시물에서 첫 번째 이미지의 URL 가져 오기
catch_that_image () 함수 {
글로벌 $ post, $ posts;
$ first_img = ”;
ob_start ();
ob_end_clean ();
$ output = preg_match_all ( ‘// i’, $ post->post_content, $ matches);
$ first_img = $ matches [1] [0];

// 이미지를 찾을 수 없음 대신 기본 이미지를 표시합니다.
if (empty ($ first_img)) {
$ first_img = "/images/default.jpg";
}
$ first_img를 반환;
}

해당 코드를 추가했으면 추가하십시오. <?PHP echo catch_that_image (); ?> 이미지를 표시 할 위치의 테마 파일에.

좋은 ol 덕분에 WordPress 지원 포럼 이 유용한 팁을 위해.

14. SEO 태그를 수행

테마가 가능한 SEO 준비가되도록하는 가장 좋은 방법은 테마 header.php 파일에있는 기본 태그를 제거하고 아래 코드로 바꾸는 것입니다. 테마의 제목에 약간의 주스를 ​​제공하고 테마 사용자가 사물을 만질 필요없이 실제로 실천하려는 SEO 노력에 도움이됩니다..

<?PHP if (is_home ()) { ?><? bloginfo ( ‘name’); ?> | <?PHP 블로그 정보 ( ‘설명’); ?><?PHP} ?>
<?PHP if (is_search ()) { ?>에 대한 검색 결과 <?php / * 검색 횟수 * / $ allsearch = &새로운 WP_Query ("s = $ s&쇼 포스트 = -1"); $ key = wp_specialchars ($ s, 1); $ count = $ allsearch->post_count; _이자형(”); 에코 $ 키; _e ( ‘â €”’); echo $ count. ”; _e ( ‘기사’); wp_reset_query (); ?><?PHP} ?>
<?PHP if (is_404 ()) { ?><? bloginfo ( ‘name’); ?> | 404 아무것도 찾지 못했습니다<?PHP} ?>
<?PHP if (is_author ()) { ?><? bloginfo ( ‘name’); ?> | 저자 아카이브<?PHP} ?>
<?PHP if (is_single ()) { ?><?PHP wp_title ( ”); ?> | <?PHP $ category = get_the_category (); echo $ category [0]->cat_name; | <?PHP bloginfo ( ‘이름’); ?><?PHP} ?>
<?PHP if (is_page ()) { ?><? bloginfo ( ‘name’); ?> | <?PHP $ category = get_the_category (); echo $ category [0]->cat_name; ?>|<?PHP wp_title ( ”); ?><?PHP} ?>
<?PHP if (is_category ()) { ?><?PHP single_cat_title (); ?> | <?PHP $ category = get_the_category (); echo $ category [0]->category_description; ?> | <? bloginfo ( ‘name’); ?><?PHP} ?>
<?PHP if (is_month ()) { ?><? bloginfo ( ‘name’); ?> | 아카이브 | <?php the_time ( ‘F, Y’); ?><?PHP} ?>
<?PHP if (is_day ()) { ?><? bloginfo ( ‘name’); ?> | 아카이브 | <?php the_time ( ‘F j, Y’); ?><?PHP} ?>
<?PHP if (function_exists ( ‘is_tag’)) {if (is_tag ()) { ?><?php single_tag_title ("", 진실); }} ?> | <? bloginfo ( ‘name’); ?>

15. 빵 부스러기를 잊지 마십시오

테마에 탐색 기능을 추가 할 때 빵 부스러기 (제 생각에는)를 최대한 활용해야합니다. SEO 목적뿐만 아니라 방문자가 사이트를 훨씬 빠르게 탐색 할 수 있습니다. 빵 부스러기를위한 WordPress 플러그인이 있지만 코딩하는 고양이, 이제 워드 프레스 테마에 이동 경로 기능을 추가하는 방법을 알고 있습니다.

먼저, 아래의 코드를 테마 functions.php 파일에 추가하십시오 (위의 링크 된 원본 Cats Who Code 게시물에서 약간 사용자 정의 됨).

함수 the_breadcrumb () {
에코

    ‘;
    if (! is_home ()) {
    에코
  • ‘;
    에코 ‘홈’;
    에코 "
  • ";
    if (is_category () || is_single ()) {
    에코

  • ‘;
    the_category ( ‘
  • ‘);
    if (is_single ()) {
    에코 "
  • ";
    제목();
    에코
  • ‘;
    }
    } elseif (is_page ()) {
    에코

  • ‘;
    echo the_title ();
    에코
  • ‘;
    }
    }
    elseif (is_tag ()) {single_tag_title ();}
    elseif (is_day ()) {echo"

  • 보관 "; the_time ( ‘F jS, Y’); 에코’
  • ‘;}
    elseif (is_month ()) {echo"

  • 보관 "; the_time ( ‘F, Y’); 에코’
  • ‘;}
    elseif (is_year ()) {echo"

  • 보관 "; the_time ( ‘Y’); 에코’
  • ‘;}
    elseif (is_author ()) {echo"

  • 저자 아카이브"; 에코’
  • ‘;}
    elseif (isset ($ _ GET [ ‘paged’]) && !비어 있음 ($ _GET [ ‘paged’])) {echo "

  • 블로그 아카이브"; 에코’
  • ‘;}
    elseif (is_search ()) {echo"

  • 검색 결과"; 에코’
  • ‘;}

    에코

‘;
}

다음으로, 빵 부스러기가 표시 할 위치에이 코드 조각을 배치하십시오.

<?PHP the_breadcrumb (); ?>

기사를 읽어 주셔서 감사합니다

시간을내어 기사를 읽어 주셔서 감사합니다. 나는 당신이 그것을 즐기고 길을 따라 한두 가지를 배웠기를 바랍니다-나는 내가 한 것을 알고 있습니다. 게시물을 좋아하거나 추가 할 내용이 있으면 의견에 알려주십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map