Twenty Fourteen カスタマイズ

「Twenty Fourteen」はWordPress 3.8のデフォルトテーマです。TwentyThirteenから彩りもガラッとかわってますね。個人的には、すごく好きなデザイン。

TwentyFourteen ダウンロード デモ
いくつか質問をいただいたのでカスタマイズ方法をまとめました。

  • キャッチフレーズを消す
  • "カテゴリー別アーカイブ" 削除・非表示
  • コメント欄を表示させない
  • 投稿タイトルを大文字に変換しない

キャッチフレーズを消す

ブログタイトルの下に「キャッチフレーズ」が表示されます。管理画面の「設定」→「一般設定」のキャッチフレーズを空欄にすれば表示されなくなります。
設定を残したままで非表示にしたい場合はスタイルシートかテンプレートをカスタマイズします。

/* style.css(子テーマ)に追加 */
.site-description {
    display: none;
}
// sidebar.php(子テーマ)
<?php if(0) { // コメントアウト?>
    <?php
        $description = get_bloginfo( 'description', 'display' );
        if ( ! empty ( $description ) ) :
    ?>
    <h2 class="site-description"><?php echo esc_html( $description ); ?></h2>
    <?php endif; ?>
<?php }       // コメントアウト?>

"カテゴリー別アーカイブ:" 削除・非表示

他のテーマと同じくカテゴリーアーカイブページのヘッダに"カテゴリー別アーカイブ:<カテゴリー名"と表示されます。 category.phpを子テーマ化して"Category Archives: "を削除するだけです。

// オリジナル
<h1 class="archive-title"><?php printf( __( 'Category Archives: %s', 'twentyfourteen' ), single_cat_title( '', false ) ); ?></h1>
// "カテゴリー別アーカイブ:"なし
<h1 class="archive-title"><?php printf( __( '%s', 'twentyfourteen' ), single_cat_title( '', false ) ); ?></h1>

コメント欄を表示させない

設定による停止

コメント欄停止・コメント削除

テンプレートを編集して停止

TwentyFourteenでは、標準で以下の3つのページ(+2テンプレート)でコメントフォームが表示されます。コメント欄出力部分をコメントアウトすることで、設定無しに停止・過去のコメントを非表示にすることができます。

  • シングルページ (single.php)
  • 画像(メディア)ページ (image.php)
  • 固定ページのデフォルトテンプレート (page.php)
  • 固定ページの全幅ページ (page-templates/full-width.php)
  • 固定ページの参加者ページ (page-templates/contributors.php)

コメントを無効にしたいページ(.php)の以下の部分をコメントアウトして下さい。

<?php comments_template( '', true ); ?>

投稿タイトルを大文字に変換しない

投稿タイトルのアルファベットがすべて大文字(uppercase)に変換されるようにスタイルされています。

.entry-title {
    text-transform: none;
}

その他、メタデータなどにも適用されているので外したい要素にそれぞれ適用して下さい。

  • このエントリーをはてなブックマークに追加

関連記事

no image

ソーシャルボタン設置 プラグイン

各種メジャーなソーシャルメディアボタンを設置できるプラグイン WP Social Bookmarking Light 国産プラグイン。国産ゆえ、はてなボタンの設置も可能 ダウンロード Twe

Twenty Fourteen "コメントをどうぞ"の非表示と変更方法

Twenty Fourteenでは、デフォルトで投稿ページと各アーカイブページの各投稿のメタ情報欄に「コメントをどうぞ」というコメントフォームへのリンクが設置されます。 それぞれ、コメントが0件の場

Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」

Prettify Code Syntaxは、WordPressでGoogle Code Prettifyを使用してソースコードを表示してくれるプラグインです。 プラグインダウンロード Google

画像マウスオーバーでキャプションを表示

メディアをアップロードした際に、「キャプション」項目にテキストを設定された画像を挿入した場合はキャプションショートコードが生成され、ページ内の各画像下にその設定したテキストが表示されます。 今回

テーブル実装プラグイン「TablePress」 + レスポンシブ対応

「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり

独自のCSSやJSを読み込む

WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし

テーマ 「Responsive」 カスタマイズ

デモ | ダウンロード 目次 投稿日 非表示 作成者 非表示 "Responsive Theme powered by WordPress" 削除 投稿日 非表示 オリ

Twenty Thirteen テーマ用フォント "Source Sans Pro" / "Bitter"の使用を止

TwentyThirteenでは、テーマ用のフォントとして「Source Sans Pro」と「Bitter」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどの

「Contact Form 7」 メッセージの送信に失敗~

この修正はWordPress 3.5で行われているようです。(~3.4.2) Contact Form 7で以下のエラーメッセージが出る場合は、確認してみて下さい。 「メッセージの送信に失敗

JSやCSSに自動で付与されるバージョン番号を非表示に

Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して

Comment

LINK | 町田市消防団第一分団第四部 へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑