テーマ 「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 } ?>

Related

Twenty Fifteen カスタマイズ レスポンシブに対応した画像ギャラリーが実装できる「Responsive Image Gallery」 タブを画面サイズによってアコーディオンにしてくれる「Easy Responsive Tabs to Accordion」 Twenty Ten カスタマイズ 「タグクラウド」ウィジェット カスタマイズ Twenty Twelve カスタマイズ 「最近の投稿」ウィジェット カスタマイズ Twenty Thirteen カスタマイズ