テーマ 「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 } ?>
関連記事
-
-
Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更
標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです
-
-
テーブル実装プラグイン「TablePress」 + レスポンシブ対応
「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり
-
-
アバターサイズの変更など Twenty Twelve 1.3での変更点
Twenty Twelve 1.3 での変更点 アバターサイズの設定ロジック変更 ヘッダ画像の設定ロジック変更 全ての変更点はこちら Changes from twentytwel
-
-
投稿記事から「(ログイン)ユーザー名」がバレるのを防ぐ
ここ最近、アカウント乗っ取りやセキュリティ事故関連のニュースが相次いでいますが、WordPressで制作されたサイトも標的に会っているようです。一般的な手法としては「ブルートフォースアタック」という手
-
-
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし
-
-
翻訳ファイルの子テーマ化
子テーマでfunctions.phpなどを変更していくと翻訳すべき項目にぶつかっていくと思います。例を挙げると_()の部分で、Wordpressが翻訳を行ってくれる部分です。 個人的には、日本語
-
-
"コメントを残す" 削除・文言を変更する方法
コメントフォームに表示される「コメントを残す」はWordPress標準で翻訳される要素です。テーマ側でカスタマイズしていない限り表示されます。 ここでは、この要素を削除したり、文言を変更する方法を紹
-
-
「Google Analytics for WordPress」投稿URLにやたら長いパラメータがついてしまう
Google 検索結果をみていたら、Wordpressの投稿のURLが実際のものより異様に長くなっているので何かなと思って調査してみました。 このような感じで http://kwski.net/ca
-
-
Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」
Prettify Code Syntaxは、WordPressでGoogle Code Prettifyを使用してソースコードを表示してくれるプラグインです。 プラグインダウンロード Google
-
-
Twenty Fourteenカスタマイズ用プラグインと派生テーマ
WordPressの現在のデフォルトテーマ「Twenty Fourteen」のカスタマイズに便利なプラグインと、「Twenty Fourteen」をもとに作成されたテーマのまとめです。 カスタマ
- PREV
- jqPlot - Legend(凡例) オプション
- NEXT
- ローソク足チャート「jqPlot」