プラスα空間

ブログ in お市 のーと

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

以前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;
}

投稿者無し

できました。

コメントを残す