Twenty Fourteen カスタマイズ
「Twenty Fourteen」はWordPress 3.8のデフォルトテーマです。TwentyThirteenから彩りもガラッとかわってますね。個人的には、すごく好きなデザイン。
TwentyFourteen ダウンロード デモ
いくつか質問をいただいたのでカスタマイズ方法をまとめました。
- キャッチフレーズを消す
- "カテゴリー別アーカイブ" 削除・非表示
- コメント欄を表示させない
- 投稿タイトルを大文字に変換しない
"コメントをどうぞ"の非表示と変更方法
クレジットを非表示・変更方法
「投稿者」を非表示
「投稿日」や"先頭固定表示"を表示しない
共通
(固定ページなどの) 投稿タイトル(entry-title)を非表示にする
「編集(Edit)」リンクの非表示方法
"コメントを残す" 削除・文言を変更する方法
キャッチフレーズを消す
ブログタイトルの下に「キャッチフレーズ」が表示されます。管理画面の「設定」→「一般設定」のキャッチフレーズを空欄にすれば表示されなくなります。
設定を残したままで非表示にしたい場合はスタイルシートかテンプレートをカスタマイズします。
/* 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;
}
その他、メタデータなどにも適用されているので外したい要素にそれぞれ適用して下さい。
関連記事
-
-
「Google Analytics for WordPress」投稿URLにやたら長いパラメータがついてしまう
Google 検索結果をみていたら、Wordpressの投稿のURLが実際のものより異様に長くなっているので何かなと思って調査してみました。 このような感じで http://kwski.net/ca
-
-
"コメントを残す" 削除・文言を変更する方法
コメントフォームに表示される「コメントを残す」はWordPress標準で翻訳される要素です。テーマ側でカスタマイズしていない限り表示されます。 ここでは、この要素を削除したり、文言を変更する方法を紹
-
-
ソーシャルボタン設置 プラグイン
各種メジャーなソーシャルメディアボタンを設置できるプラグイン WP Social Bookmarking Light 国産プラグイン。国産ゆえ、はてなボタンの設置も可能 ダウンロード Twe
-
-
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし
-
-
Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止
TwentyFifteenでは、テーマ用のフォントとして「Noto」と「Inconsolata」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどのようなフォント
-
-
テーブル実装プラグイン「TablePress」 + レスポンシブ対応
「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり
-
-
Twitterのツイートボタンの設置
Twitterのツイートボタンの設置はプラグインを使用しなくても容易に実装できるようです。 ソーシャルボタン設置のプラグインはこちらにいちおうまとめています。 Tweetボタンの設置コード 公式
-
-
「続きを読む」(moreタグ)をカスタマイズ
WordPressではほとんどのテーマでは、複数の投稿を表示するアーカイブページ(カテゴリー別、タグ別、年月日別、作成者別など)ではmoreタグ(<!--more-->)を挿入することで、
-
-
「Contact Form 7」 メッセージの送信に失敗~
この修正はWordPress 3.5で行われているようです。(~3.4.2) Contact Form 7で以下のエラーメッセージが出る場合は、確認してみて下さい。 「メッセージの送信に失敗
-
-
Twenty Twelve カスタマイズ
何点かTwentyTwelveのカスタマイズについてご質問をいただきましたのでここでまとめてみます。 目次 子テーマのつくりかた 他記事へのリンク アーカイブタイトル("カテゴリー別アーカ
- PREV
- シンプルな画像スライダー/ギャラリー用プラグイン
- NEXT
- ログイン画面・機能をカスタマイズ





Comment
[…] Twenty Fourteen カスタマイズ […]
[…] Twenty Fourteen Custom […]
[…] あと投稿タイトルを大文字に変換しないと言うのも導入。CSSでそんなこと出来るんですね今。 […]