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

目次
- 投稿日 非表示
- 作成者 非表示
- "Responsive Theme powered by WordPress" 削除
投稿日 非表示
cssのみで非表示にする
// style.css(子テーマ)に追加 .posted, .updated { display: none; }
テンプレート+CSSを編集
・"投稿日: "のテキストを非表示する
// style.css(子テーマ)に追加 .posted { display: none; }
・「投稿日」を非表示にする
%2$sに空文字を挿入します。
// functions.php(子テーマ)に追加 function responsive_post_meta_data() { printf( __( '<span class="%1$s">Posted on </span>%2$s<span class="%3$s"> by </span>%4$s', 'responsive' ), 'meta-prep meta-prep-author posted', '', 'byline', sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s">%3$s</a></span>', get_author_posts_url( get_the_author_meta( 'ID' ) ), sprintf( esc_attr__( 'View all posts by %s', 'responsive' ), get_the_author() ), esc_attr( get_the_author() ) ) ); }
作成者 非表示
cssのみで非表示にする
// style.css(子テーマ)に追加 .byline, .author { display: none; }
テンプレート+CSSを編集
・"作成者: "のテキストを非表示する
// style.css(子テーマ)に追加 .byline { display: none; }
・「作成者」を非表示にする
%4$sに空文字を挿入します。
// functions.php(子テーマ)に追加 function responsive_post_meta_data() { printf( __( '<span class="%1$s">Posted on </span>%2$s<span class="%3$s"> by </span>%4$s', 'responsive' ), 'meta-prep meta-prep-author posted', sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><span class="timestamp updated">%3$s</span></a>', esc_url( get_permalink() ), esc_attr( get_the_time() ), esc_html( get_the_date() ) ), 'byline', '' ); }
コメント 非表示
"Responsive Theme powered by WordPress" 削除
cssのみで非表示にする
// style.css .powered { display: none; }
テンプレートを編集
// footer.php <?php if(0) { ?> <div class="grid col-300 fit powered"> <a href="<?php echo esc_url( 'http://cyberchimps.com/responsive-theme/' ); ?>" title="<?php esc_attr_e( 'Responsive Theme', 'responsive' ); ?>"> Responsive Theme</a> <?php esc_attr_e( 'powered by', 'responsive' ); ?> <a href="<?php echo esc_url( 'http://wordpress.org/' ); ?>" title="<?php esc_attr_e( 'WordPress', 'responsive' ); ?>"> WordPress</a> </div> <!-- end .powered --> <?php } ?>
関連記事
-
-
JSやCSSに自動で付与されるバージョン番号を非表示に
Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して
-
-
Twenty Fourteen "コメントをどうぞ"の非表示と変更方法
Twenty Fourteenでは、デフォルトで投稿ページと各アーカイブページの各投稿のメタ情報欄に「コメントをどうぞ」というコメントフォームへのリンクが設置されます。 それぞれ、コメントが0件の場
-
-
Twenty Thirteen ナビゲーションメニューを固定
ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade
-
-
ie.cssの子テーマ化など Twenty Twelve 1.1での変更点
TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"
-
-
ウィジェット関連のカスタマイズ・プラグイン
リンクマネージャー WordPress 3.5バージョンアップ以降にリンクマネージャーを追加するには以下のフィルタを設定もしくはプラグインをインストールして下さい。 プラグイン Link M
-
-
Twenty Twelve "コメントをどうぞ"を消す
今回は「Twenty Twelve」で標準で投稿タイトル下に出力されるリンク"コメントをどうぞ"|"Leave a reply"を非表示にする方法を。(コメントやピンバックが1件の場合は"1件のフィー
-
-
パーマリンク・スラッグなどURL カスタマイズ
管理画面からの設定 管理画面の「設定」→「パーマリンク設定」で以下の設定が可能です。 共通設定 色々なタグの組み合わせで、URLをカスタマイズできます。 パーマリンク設定の画面に利用可
-
-
「続きを読む」(moreタグ)をカスタマイズ
WordPressではほとんどのテーマでは、複数の投稿を表示するアーカイブページ(カテゴリー別、タグ別、年月日別、作成者別など)ではmoreタグ(<!--more-->)を挿入することで、
-
-
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし
-
-
Twenty Thirteen カスタマイズ
WordPress 3.6のデフォルトテーマである「Twenty thirteen」のカスタマイズをまとめて投稿します。 Twenty thirteenのカスタマイズネタがあまりないです。(それだけ
- PREV
- jqPlot - Legend(凡例) オプション
- NEXT
- ローソク足チャート「jqPlot」