15効果的なWordPressテーマの推奨事項と禁止事項

今日は、WordPressのテーマに関するいくつかの注意事項を説明します。自分でWordPressテーマを作成している場合でも、リリース用に作成して他のユーザーが使用できるようにしている場合でも、できる限りこれらの注意事項に従ってください。.


1.完全なURLをテーマにハードコードしないでください

テーマを構築しているときに、ソーシャルメディアアイコンやRSSフィードアイコンに画像が使用される場合があります。コーディングのこれらの時点で、完全なURLをコーディングすることもできます(例:/ wp-content /themes/your-theme-name/images/image.jpg)ただし、テーマを使用しているユーザーがテーマフォルダ名を変更すると、ウェブサイトでエラーが発生します.

完全なURLを動的に取得するために使用する適切なコードは以下のとおりです.

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

2.テンプレートタグをできるだけ活用する

WordPressは、使用できるすべてのテンプレートタグを配置するというすばらしい仕事をします。自分自身(および、テーマを使用する可能性のある他の人々)を支持してください。 WordPressテンプレートタグを学ぶ –次に、それらを可能な限り活用します。テンプレートタグを使用することで、エンドユーザーがテーマを設定して実行したときに、テーマが壊れたりエラーを引き起こしたりしないようにすることができます.

3.ナビゲーションドロップダウンコードを忘れないでください

WordPressテーマを作成しているときに見落とされがちな項目の1つは、ナビゲーションのドロップダウンコードです。もちろん、テーマによっては、マルチレベルのulを使用せずにすべてを1行に収めるようにナビゲーションが設定されている場合がありますが、メインの親ページごとに複数の子ページがある場合はどうでしょうか。?

そのための解決策があります。マルチレベルのドロップダウンメニューをコーディングする方法については、以下のチュートリアルのいくつかをチェックしてください。.

4.テーマウィジェットを準備してください

私の意見では、エンドユーザーとして、テーマを展開してすべてを設定する準備をすることほど悪いことはありません。情報をハードコーディングしてテーマのセクションをカスタマイズしようとするタスクに直面していることに気づくだけです。サイドバーやテーマの他のさまざまな場所(3列のフッターはありますか?ウィジェット化してください!)は、できるだけ簡単に編集できる必要があります。これは、テーマに対して行う最も簡単なことの1つであり、テーマのユーザーに多くの利益をもたらします.

Automatticには、テーマをウィジェット化する方法に関する優れたチュートリアルがあります. ここで確認してください.

また、必ずチェックしてください ウィジェットのテーマ テーマラボのチュートリアル.

5.テーマを機能させるために、ユーザーに多数のプラグインに依存させないでください

テーマを無料でリリースしたり、商用のWordPressテーマを作成したりする場合は、エンドユーザーを最大限に活用して、テーマを作成してください。 5〜10個の必要なプラグインでテーマを乱雑にすると、サイトでテーマをダウンロードして設定するときに人々が不満を感じるだけでなく、多くの人がまったくダウンロードしないことにもなります。 2〜3秒を超える注意持続時間がない.

たとえば、テーマにページ分割を設定する場合は、この記事を利用して、テーマに自動的に設定する方法を学んでください。 Cats Who Codeにはかなり良いチュートリアルがあります テーマにページネーションを追加する方法 プラグインをアクティブ化する必要なし.

6.検索結果ページに検索用語を表示する

何らかの理由で、これは見過ごされがちなヒントであり、テーマに実装できます(実装する必要があります)。これはシンプルな1行のコードで、テーマが訪問者に検索した内容を思い出させることができます。些細なことのように見えるかもしれませんが、結果がゼロの投稿を返す場合、訪問者は検索した正確なフレーズを知っているので、別の検索用語を入力できます。.

以下は、テーマの現在の「検索結果」タイトルを置き換えるために使用されるコードです.

の検索結果 <?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
  • コメント.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

これらのテンプレートファイルとその機能の詳細については、 テンプレート階層 WordPress.orgのページ.

9. RSS統合を忘れないでください

ブログを作成するとき、人々の注意を引く最も重要な項目の1つは、RSSリーダーを介してブログを購読する機能です。したがって、テーマのユーザーにこの情報を追加するように求める代わりに、検索ボックスと同じようにrss購読のボックスに追加する手順を実行してみてください。 RSSボタンを追加し、電子メールで購読するオプションを追加します。また、表示したいテーマにこのコードを追加して、購読者数をテキストで追加することもできます(「feedburner-id」を独自のものに置き換えますFeedBurner ID –このテーマを実際にリリースする場合は、リストの#11を見て、これがオプションであることを確認してください).

<?php
//クールなフィードバーナー数を取得
$ whaturl ="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

// Curlセッションを初期化します
$ 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 = new SimpleXMLElement($ data);
$ fb = $ xml->フィード->entry [‘circulation’];
echo $ fb;
//クールなフィードバーナーカウントの取得を終了
?>

10.スレッド化されたコメントにCSSスタイルを追加する

テーマを作成する場合は、常にスレッド化されたコメントに備える必要があります。これはWordPressの機能であり、多くのブログがコメントセクションでインタラクションを構築するために使用しています。したがって、スレッド化されたコメント用にスタイルシートを準備することは素晴らしいアイデアです。クリスは素晴らしい投稿があります WordPressがコメントセクションで出力するデフォルトのCSSクラスのCSSコード, あなたのテーマに、comments.phpファイルに手を加える必要なしに様式化されたコメントセクションを与える.

11.オプションパネルなしでテーマをリリースしないでください

一部の人々はこれに同意しないかもしれませんが、私はそれがWordPressテーマの自然な進歩の一部であると信じています。コードを編集せずにテーマのアイテムを編集、カスタマイズ、変更する機能を備えたWordPressオプションパネルがテーマで実行されていない場合は、何か問題があります.

独自のテーマオプションパネルを作成する方法がわからない場合は、下のリンクにその方法が表示されます.

12.テーマがそのまま使えることを確認してください

これは、リスト5のリストに含まれています。テーマが箱から出してすぐに機能することを常に確認する必要があります。私が見たいくつかのテーマは、プラグインのアクティブ化やテーマオプションパネルの編集/保存など、サイトでテーマが機能する前に5〜6ステップを必要とします。テーマに特定のものが必要な場合は、バックアップのデフォルトアイテムが使用されていることを確認してください.

たとえば、作成または使用しているテーマオプションパネルで、各セクションにデフォルトの情報があることを確認してください。これにより、エンドユーザーが更新したかどうかに関係なく、すべてが表示されます。同じことがプラグインにも当てはまります。テーマでWordPressのページネーションプラグインを使用している場合、プラグインがアクティブでない場合、テーマが前のリンクまたは次のリンクに戻るようにコーディングしてください。.

13.カスタムフィールドを過度に使用しないでください。

はい、数年前のほとんどの雑誌スタイルのWordPressテーマは、毎回カスタムフィールドを使用して作成されましたが、ほとんどの人は実際に各投稿の3、4、または5カスタムフィールドに入力したくありません。だから、彼らのために物事を容易にします。投稿の画像をテーマのホームページに表示する場合は、この便利なコードを使用して、themes functions.phpファイルに追加すると、最初の画像が自動的に投稿されます。カスタムフィールド.

//投稿の最初の画像のURLを取得します
function 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( ‘名前’); ?> | <?php bloginfo( ‘説明’); ?><?php} ?>
<?php if(is_search()){ ?>の検索結果 <?php / *検索数* / $ allsearch = &新しいWP_Query("s = $ s&showposts = -1"); $ key = wp_specialchars($ s、1); $ count = $ allsearch->post_count; _e( ”); echo $ key; _e( ‘-‘ ‘); $ countをエコーし​​ます。 ”; _e( ‘記事’); wp_reset_query(); ?><?php} ?>
<?php if(is_404()){ ?><? bloginfo( ‘名前’); ?> | 404何も見つかりません<?php} ?>
<?php if(is_author()){ ?><? bloginfo( ‘名前’); ?> |著者アーカイブ<?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( ‘名前’); ?> | <?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( ‘名前’); ?><?php} ?>
<?php if(is_month()){ ?><? bloginfo( ‘名前’); ?> |アーカイブ| <?php the_time( ‘F、Y’); ?><?php} ?>
<?php if(is_day()){ ?><? bloginfo( ‘名前’); ?> |アーカイブ| <?php the_time( ‘F j、Y’); ?><?php} ?>
<?php if(function_exists( ‘is_tag’)){if(is_tag()){ ?><?php single_tag_title("", true); }} ?> | <? bloginfo( ‘名前’); ?>

15.ブレッドクラムを忘れないでください

あなたのテーマに追加されたナビゲーションの一部として、(私の意見では)パンくずリストをできるだけ活用する必要があります。 SEOの目的に役立つだけでなく、ビジターがサイトをすばやくナビゲートできるようにします。ブレッドクラム用のWordPressプラグインがありますが、 コードする猫, WordPressテーマにパンくず関数を追加する方法を理解しました.

最初に、以下のコードをテーマのfunctions.phpファイルに追加します(上記のリンクの元のCats Whoコードの投稿から少しカスタマイズされています).

function the_breadcrumb(){
エコー ‘

    ‘;
    if(!is_home()){
    エコー ‘
  • ‘;
    echo ‘ホーム’;
    エコー "
  • ";
    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()){エコー"

  • アーカイブ "; the_time( ‘F jS、Y’);エコー’
  • ‘;}
    elseif(is_month()){エコー"

  • アーカイブ "; the_time( ‘F、Y’);エコー’
  • ‘;}
    elseif(is_year()){エコー"

  • アーカイブ "; the_time( ‘Y’);エコー’
  • ‘;}
    elseif(is_author()){エコー"

  • 著者アーカイブ";エコー’
  • ‘;}
    elseif(isset($ _ GET [‘paged’]) && !empty($ _ GET [‘paged’])){echo "

  • ブログのアーカイブ";エコー’
  • ‘;}
    elseif(is_search()){エコー"

  • の検索結果";エコー’
  • ‘;}

    エコー ‘

‘;
}

次に、このコードをパンくずリストを表示する場所に配置します.

<?php the_breadcrumb(); ?>

記事を読んでくれてありがとう

記事を読んでいただきありがとうございます。私はあなたがそれを楽しんで、途中で1つまたは2つのことを学んだことを願っています。投稿が気に入った、または何か追加することがあれば、コメントでお知らせください.

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