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;
}

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

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

関連記事

投稿タイトルのtitle属性を削除など Twenty Twelve 1.2での変更点

TwentyTwelveが1.1から1.2にアップデートされたので、いくつか変更点を洗ってみました。 (*全てを網羅しているわけではありません) 全ての変更部分は、こちらに記載されています。

サイトのキャプチャをショートコードで生成してくれる「Browser Shots」

外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット

Twenty Twelve 投稿日・投稿者を非表示に

TwentyTwelveのちょっとした部分をカスタマイズする方法を紹介していきます。 また、子テーマで出力部分を変更する際に、翻訳が必要な部分//_()の部分がでてきますので、以下の投稿も参考に

Twenty Twelve サイトタイトルをテキストから画像に置き換え

ページトップに表示されるサイトタイトルをデフォルトのテキストから画像に変更します。 あらかじめ、管理画面のメディアライブラリから画像をアップロードしているもしくは別の場所に保存しているそのファイルの

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

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

jQueryをCDNから読み込む

WordPressではデフォルトでjQueryライブラリが同梱されています。この記事では、それをやめて、CDNから読み込み、使用する方法を解説します。 WordPress 3.6 3.9 4.0

多言語化プラグイン「qTranslate」

ブログを多言語化しようと思い、プラグイン「qTranslate」を導入してみました。 General Settingsで使用する言語を選択する ★使用する言語を選択 管理画面「設定」⇒「Lang

head内に出力される要素を整理

Wordpressを使用していくうちに、head内がカオスな状態になっていくきますよね。そこで、そういう状態になったものをスッキリさせていこうという試みをやっていこうと思います。 削除方法 取り急

no image

アイキャッチにマウスオーバーすると投稿タイトルを表示

WordPressのフォーラムから定期的に流入があるため、対応をいくつか探ってみました。トピックは、「サムネイルにマウスオーバーするとタイトルが表示されるようにしたい」 ちなみに、投稿内のキャプ

Twenty Eleven カスタマイズ

目次 author-info 消す 作成者(投稿者)を消す 投稿者情報を表示しない proudly powered by wordpressのリンクをコピーライトに変更

Comment

★投稿・固定ページのタイトルを隠す! » WordPressの勉強中です へ返信する コメントをキャンセル

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

*

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

    PAGE TOP ↑