WordPressのモバイルビューで、ブログ投稿のサマリを表示しないようにする(追記版)

公開日:2020-07-03 更新日:2020-10-02

HTML/CSS WordPress

t f B! P L

※20201001 Update: こちらの記事も参照ください
WordPressのAstraテンプレートでブログ投稿サマリの行数を減らす


以前設定したCSSが、Themeのアップデートで使えなくなってしまったので、
やっぱり「Appearance」>「Edit CSS」から設定を入れておいた

参考:WordPressのモバイルビューで、ブログ投稿のサマリを表示しないようにする

/* undisplay blog summary on mobile view */
@media screen and (max-width: 985px) {
    .entry-summary {
        display: none;
    }
}


/* undisplay futured image on mobile view */
@media screen and (max-width: 985px) {
    figure.entry-featuredImg {
        display: none;
    }
}


/* blog titile text size on mobile view */
@media screen and (max-width: 985px) {
    h2.entry-title {
        font-size: 20px; line-height: 1.5;
    }
}

これで大丈夫なはず

以上。

About me

ゆかき(♀)

駆け出しインフラエンジニア
"技術力と画力と文章力をあげたい"

営業職からSEへ転身した人
#AP応用情報 #HTML5Lv1 #第2種電気工事士 #DCP(Data Center Practitioner) #LPIC Lv2 #VCP6.5 #CCNP #Oracle Bronze #HSKLv5 #TOEIC860

Line stamp

僭越ながら販売中

Green cat & Orange cat

Amazon