Twenty Thirteen カスタマイズ

WordPress 3.6のデフォルトテーマである「Twenty thirteen」のカスタマイズをまとめて投稿します。
Twenty thirteenのカスタマイズネタがあまりないです。(それだけ完成度が高いのか、それとも、イジりがいのないテーマなのか??) ネタ募集してますので、お問い合わせもしくはコメントいただけたらと思います。
目次
- アイコンフォント「Genericons」を無効化
- ヘッダ画像のサイズを変更する
- "Proudly powered by WordPress" 非表示
- コメント欄停止・コメント削除
別記事
Twenty Thirteen ナビゲーションメニューを固定
共通
投稿タイトル(entry-title)を非表示にする
「編集(Edit)」リンクの非表示方法
"コメントを残す" 削除・文言を変更する方法
「Twenty Thirteen」ベースのフリーテーマ 7
7 Free WordPress Themes Based on Twenty Thirteen
アイコンフォント「Genericons」を無効化
Twenty Thirteenでは、メタ情報や検索フォーム部分に「Genericons」というGPLで配布されているベクターアイコンを使用しています。記事のカテゴリーやタグなどの部分に付いてくるやつです。
使用しない場合は、子テーマのfunctions.phpに以下を追加して下さい。
// オリジナル:twentythirteen_scripts_styles in functions.php function dequeue_genericons() { wp_dequeue_style( 'genericons' ); } add_action( 'wp_enqueue_scripts', 'dequeue_genericons', 11 );
ヘッダ画像のサイズを変更する
ヘッダー画像は、管理画面の「概観」→「ヘッダ」で設定できます。
大きさを変更するには、add_theme_supportのcustom-headerに設定したい値を渡します。
以下はヘッダ画像の高さを400pxへ変更するコードです。
// オリジナル:twentythirteen_custom_header_setup in inc/custom-header.php function my_twentythirteen_custom_header_setup() { $header_args = array( 'height' => 400 ); add_theme_support( 'custom-header', $header_args ); } add_action( 'after_setup_theme', 'my_twentythirteen_custom_header_setup' );
"Proudly powered by WordPress" 非表示
2つ方法があります。
スタイルシートで消す方法
.site-info { display: none; }
テンプレートを編集して消す方法
表示部分をコメントアウトして下さい。
// オリジナル:in footer.php <?php if(0) { //コメントアウト開始 ?> <div class="site-info"> <?php do_action( 'twentythirteen_credits' ); ?> <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentythirteen' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentythirteen' ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentythirteen' ), 'WordPress' ); ?></a> </div><!-- .site-info --> <?php } //コメントアウト終了 ?>
コメント欄停止・コメント削除
TwentyThirteenでは、標準では、以下の3つのページでコメントフォームが表示されます。コメント欄出力部分をコメントアウトすることで、設定無しに停止・過去のコメントを非表示にすることができます。設定で行う場合はコチラ
- シングルページ (single.php)
- 固定ページのデフォルトテンプレート (page.php)
- 画像(メディア)ページ (image.php)
コメントを無効にしたいページ(.php)の以下の部分をコメントアウトして下さい。
<?php comments_template( '', true ); ?>
関連記事
-
-
コメント欄停止・コメント削除
WordPressでは標準でコメント機能が付いてきます。この投稿ではコメント機能の停止や既に投稿されたコメントを削除する方法を紹介します。 設定による停止方法 新規の投稿に関してコメントを停止
-
-
Twenty Fourteen 「投稿日」や"先頭固定表示"を非表示
日付を表示する部分は、全てtwentyfourteen_posted_onに集約されています。該当部分をコメントアウトしたかたちで子テーマのfunctions.phpに追加して下さい。 「投稿日
-
-
パーマリンク・スラッグなどURL カスタマイズ
管理画面からの設定 管理画面の「設定」→「パーマリンク設定」で以下の設定が可能です。 共通設定 色々なタグの組み合わせで、URLをカスタマイズできます。 パーマリンク設定の画面に利用可
-
-
テーマ ブックマーク 2013
2012 フリーテーマ トップ 20 Top 20 Free WordPress Themes of 2012 http://ow.ly/wMGjZ ハイクオリティフリーテーマ 3月 20 Top
-
-
Pocketボタンの設置
日本のブログでは、4大SNS(Twitter, はてな, Facebook, Google+)に加えて最近では、Pocket(以前は、Read it later)もよく見かけますよね。追加してみました
-
-
Twenty Fifteen カスタマイズ
WordPress 4.1のデフォルトテーマである「Twenty Fifteen」は三世代前の「Twenty Twelve」に似たテーマで非常にシンプルなテーマにまとまっていますね。カスタマイズをまと
-
-
ログイン画面・機能をカスタマイズ
CSSを変更してスタイル変更 ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.
-
-
Twenty Twelve "Open Sans"の使用を止
「Twenty Twelve」では、"スペシャルフォント"ということで「Open sans」を特別にロードしているようです。今のところ使うつもりがないのでリンクしないようにしました(必要になれば戻せば
-
-
ウィジェット関連のカスタマイズ・プラグイン
リンクマネージャー WordPress 3.5バージョンアップ以降にリンクマネージャーを追加するには以下のフィルタを設定もしくはプラグインをインストールして下さい。 プラグイン Link M
-
-
ツールチップ実装プラグイン「WordPress Tooltip」
「WordPress Tooltip」は、WordPressにツールチップを実装できるプラグインです。jQueryプラグイン「TipTip」を組み込んでいます。プラグインページの対応バージョンは古めで
- PREV
- 商用利用フリー Lightbox プラグイン
- NEXT
- 数値系バリデーション
Comment
コメント欄停止・コメント削除ですが
設定>ディスカッション>新しい投稿へのコメントを許可する
の方法もあります。
サイトタイトルの横スペースにリンク集を入れる方法を教えてください。
“WordPress | Twenty Thirteen カスタマイズ” http://t.co/Su14edTtBJ
[…] 参考URL […]
Twenty thirteenの検索フォームをTwenty Twelveにカスタマイズしたい...!
コメントありがとうございます。
いただいたコメントは「質問いただいた」と理解して
(1) Twenty Thriteenで表示されるような検索フォームをTwentyTwelveに組み込みたい。
(2) Twenty Twelveで表示されるような検索フォームをTwenty Thirteenに組み込みたい。
どちらでしょうか?
(2)の場合を試してみたあと、いただいた質問をよくよく読むと上の疑問がでてきました。
ひとまず、(2)の場合は、これでいけるはずです...!
ーー
Twenty Thirteenでは検索フォームがHTML5対応されていますのでまずそれを外します。
あとは、子テーマのstyle.cssにTwentyTwelveのスタイルを追加
返信ありがとうございます!
私がやりたいと思ったのは、(1)のほうです。
分かりにくい文ですみませんでした。。
(1)について以下に投稿しました。
ナビゲーションメニューに検索フォームを追加
いいの見付けられた!しかも、STINGER3だ♪
Twenty Thirteen カスタマイズ http://t.co/qj17PA9F39
#wordpress #stinger3
[…] Twenty Thirteen カスタマイズ […]
wordpress "proudly powered by" を消す
"ヘッダー画像は、管理画面の「概観」→「ヘッダ」で設定できます。大きさを変更するには、add_theme_supportのcustom-headerに設定したい値を渡します"