WordPressテーマ『mono-lab | CUBIC』を少しカスタマイズしてみた

wpテーマ-cubic Wordpress

wpテーマ-cubic
現在はStinger3で運用しています。
このブログは(モノラボ)mono-lab | CUBIC というテーマを使っています。GPLライセンスの元で著作権表示することを条件に無料で配布されているテーマです。WordPress管理画面の外観からテーマオプションで表示項目の設定ができるし、ウィジェットやメニューに対応しており、固定ページもノーマルパターン、サイドメニュー無し、コメント欄無し、両方なしと4種類のパターン用意されているので使い易いテーマだと思います。そのまま使っても充分なテーマですが、WordPressのテーマカスタマイズの勉強がてら少しカスタマイズしてみましたのでカスタマイズ箇所の覚え書きとして残しておきます。

[adsense]

カスタマイズした箇所

タイトルタグ(title)とメタタグ(meta description)

  • タイトルタグ(title)が、トップページの場合は「サイトタイトル+サイトキャッチフレーズ」となっていたがサイトキャッチフレーズをカットした。
  • 全ページのメタタグ(meta description)にサイトキャッチフレーズをセットしていたので、トップページの時だけセットするようにした。ついでにアーカイブのタグページはインデックスされないように”noindex”を追加した。
  • 対象テンプレートファイル:header.php

    【変更前コード】
    [crayon]<?php global $page, $paged; wp_title( '|', true, 'right' ); bloginfo( 'name' ); $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; if ( $paged >= 2 || $page >= 2 ) echo ‘ | ‘ . sprintf( __( ‘Page %s’, ‘cubic’ ), max( $paged, $page ) );<br /> ?>
    ‘ ; ?>


    [/crayon]

    個別ページの「h1タグ」の位置

    全てのページでサイトタイトルにh1タグがついているので個別投稿ページと固定ページの時は投稿タイトルにh1タグを変更した。ロゴ画像は使っていないのでテキストの時だけ対応した。

    対象テンプレートファイル:functions/header-logo.php
    【変更前コード】
    [crayon]/**
    * フロントページにロゴを表示する
    */
    function the_dp_logo(){
    $logo = dp_logo_to_display();
    if($logo){
    $option = get_cubic_option(); //オプションの値を取得
    $title = get_bloginfo(‘name’);
    $url = home_url();
    echo <<<EOS

    EOS;
    }else{
    echo ‘

    ‘.get_bloginfo(‘name’).”

    \n”;
    }
    }[/crayon]
    【変更後コード】
    [crayon]/**
    * フロントページにロゴを表示する
    */
    function the_dp_logo(){
    $logo = dp_logo_to_display();
    if($logo){
    $option = get_cubic_option(); //オプションの値を取得
    $title = get_bloginfo(‘name’);
    $url = home_url();
    echo <<<EOS

    EOS;
    } elseif ( is_single() ){
    echo ‘

    \n”;
    } elseif ( is_page() ){
    echo ‘

    \n”;
    } elseif ( is_home() ){
    echo ‘

    ‘.get_bloginfo(‘name’).”

    \n”;
    } else {
    echo ‘

    ‘.get_bloginfo(‘name’).”

    \n”;
    }
    }[/crayon]

    SNSボタンを設置

    ソーシャルボタンですがプラグインは使わずに個別投稿ページと固定ページにSNSボタンを設置しました。
    対象テンプレートファイル:single.php page.php
    【追加したコード】
    [crayon]