cocoon記事一覧でブログカードのタイトル下の本文を消す方法

WordPressテーマcocoonブログカードのディスクリプション非表示 ブログ・HP

cocoonのブログの記事一覧で、タイトルの下に出てくる本文を消す方法を知りたい!

記事一覧(カテゴリーページ)がなんだかごちゃごちゃしていたので、

スッキリさせるためにブログのタイトル下に出てくる本文を消してみました。

WordPressテーマcocoonのカテゴリーページカスタマイズ

ここで説明しているCSSを、

外観→テーマエディターの「スタイルシート」にコピペすればOK!

では行ってみましょう!

スポンサーリンク

【cocoon】cssで記事一覧でブログカードのタイトル下の本文を消す方法

カテゴリーページで呼び出されるタイトル下の文章は、cocoonの場合はメタディスクリプションに文章が入っていればそれが呼び出されます。

メタディスクリプションに文章が入っていなければ、記事本文の書き出し部分が呼び出されます。

もともとの記述は「entry-card.php」にあるのですが、phpファイルをいじるのは少々面倒なのでcssで消す方法を説明します。

この方法なら面倒なことは何も無く、スタイルシートに以下の記述を追加するだけです。

.entry-card-snippet, .related-entry-card-snippet {display: none;}

これを管理画面のサイドメニューから、外観→テーマエディターの「スタイルシート」にコピペするだけでOK。簡単ですね。

記事下にディスクリプションが出なくなるとこんな感じです。

cocoonカテゴリーページの本文呼び出しを消す方法

かなりスッキリしますね。

個人的にはサムネイルとタイトルのみの方がスッキリしてて好みなので、ディスクリプション部分は当分非表示で行こうかなと思います。

cocoon設定からでもできるの?

cocoonにはcocoon設定という、項目を選択するだけでカスタマイズできる超・便利な機能があります。

今回のカテゴリーページでの本文呼び出しは、cocoon設定でもできるのでしょうか?

一応私も最初はcocoon設定からできないかと試みました。

css書くの面倒だし…

ただ、それらしき項目を見つけられず、結局今回の方法に落ち着きました。

もしcocoon設定からもできる方法があれば、教えてください!!

ちなみに先に話したphpファイル自体を書き換える方法は、子テーマ用にファイルを用意しないと行けなかったりphpを解読しないといけなかったりして超絶面倒&ミスると危険なのでオススメしません…。

今回は以上です!

今後もcocoonのカスタマイズの情報を発信できたらなーと思ってます!

コメント

  1. Emvare より:

    buy lipitor generic oral lipitor 20mg atorvastatin 10mg pills

  2. Wbhnyf より:

    cipro 500mg cheap – trimethoprim tablet clavulanate for sale

  3. Siffcf より:

    ciprofloxacin cheap – order generic bactrim buy generic augmentin 375mg

  4. Qyaoem より:

    ciplox 500mg pill – purchase chloromycetin for sale erythromycin 500mg drug

  5. Uqjpks より:

    stromectol for humans for sale – aczone online buy buy sumycin 250mg pills

  6. Wjbmqh より:

    ivermectin 12mg for humans for sale – cheap sumycin for sale order sumycin 500mg generic

  7. Tpxffc より:

    buy generic valacyclovir over the counter – buy generic diltiazem over the counter zovirax online order

  8. Fedxgy より:

    furosemide 40mg canada – candesartan oral order capoten 25 mg pills

  9. Hvpsas より:

    metformin usa – bactrim 960mg price order lincocin 500mg pills

  10. Sadpsm より:

    zidovudine online order – buy roxithromycin 150 mg online cheap buy allopurinol 300mg online cheap

  11. Djxzmh より:

    clozapine 100mg ca – clozaril 50mg for sale famotidine 20mg over the counter

  12. Ulloxj より:

    where to buy quetiapine without a prescription – purchase venlafaxine generic order generic eskalith

  13. Ffkslz より:

    buy generic anafranil – paroxetine for sale online where to buy sinequan without a prescription

  14. Ixezld より:

    buy atarax sale – order endep 10mg pill purchase endep for sale

  15. Mdkcgn より:

    order augmentin 625mg pill – where can i buy ampicillin ciprofloxacin 1000mg brand

  16. Gnszxc より:

    buy amoxil cheap – order amoxicillin 500mg sale cipro pill

  17. Jhauln より:

    azithromycin drug – ciplox 500mg over the counter purchase ciplox for sale

  18. Fetoaq より:

    buy generic cleocin 150mg – where can i buy cefixime buy chloramphenicol online cheap

  19. Wobfxo より:

    cost of ivermectin – ivermectin 6 mg for humans purchase cefaclor generic

  20. Adyyyv より:

    albuterol inhalator cost – brand ventolin theophylline us