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

デモ | ダウンロード

目次

  • 投稿日 非表示
  • 作成者 非表示
  • "Responsive Theme powered by WordPress" 削除

投稿日 非表示

オリジナル:core\includes\functions.php

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

作成者 非表示

オリジナル:core\includes\functions.php

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件のフィー

no image

パーマリンク・スラッグなどURL カスタマイズ

管理画面からの設定 管理画面の「設定」→「パーマリンク設定」で以下の設定が可能です。 共通設定 色々なタグの組み合わせで、URLをカスタマイズできます。 パーマリンク設定の画面に利用可

「続きを読む」(moreタグ)をカスタマイズ

WordPressではほとんどのテーマでは、複数の投稿を表示するアーカイブページ(カテゴリー別、タグ別、年月日別、作成者別など)ではmoreタグ(<!--more-->)を挿入することで、

独自のCSSやJSを読み込む

WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし

Twenty Thirteen カスタマイズ

WordPress 3.6のデフォルトテーマである「Twenty thirteen」のカスタマイズをまとめて投稿します。 Twenty thirteenのカスタマイズネタがあまりないです。(それだけ

Message

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

*

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

    PAGE TOP ↑