JetpackのMobile themeをCustomize(投稿者を表示しない)

2016年6月2日Web-log・ココログ関連,WordPress,モバイル

以前Jetpackのモバイルテーマを使っていたとき、カスタマイズ方法を研究しました。

その記事に対して、ご質問を受けました。

jetpackモバイルテーマで、投稿者を非表示にできないか模索しております。
JetpackのMobile themeをCustomize(CSS変更) : プラスα空間より

投稿者あり

通常のJetpackのモバイルテーマだと、投稿者名が表示されています。HTMLソースは、次のようになっています。

<div class="entry-meta">
    <span class="author-link">
        投稿者:  <a href="http://example.com/author/foo/" title="Foo の投稿" rel="author">Foo</a>
    </span><!-- .author-link -->
</div><!-- .entry-meta -->

“author-link"クラスの表示をやめればできそうです。簡単に対応できそうだったので、やってみました。JetpackのカスタムCSSの機能を使います。

カスタムCSS

その後、CSSのカスタマイズは、ダッシュボード→外観→CSS編集で、モバイルテーマにもこのCSSを適用するにチェックを入れておきます。

CSS設定

この設定ののち、次のCSSを追加します。

/* 投稿者を表示しない */
.mobile-theme .entry-meta .author-link {
    display: none;
}

投稿者無し

できました。

[amazonjs asin="B01D1QNN62" locale="JP"]

Posted by お市のかた