cocoonのブログの記事一覧で、タイトルの下に出てくる本文を消す方法を知りたい!
記事一覧(カテゴリーページ)がなんだかごちゃごちゃしていたので、
スッキリさせるためにブログのタイトル下に出てくる本文を消してみました。
ここで説明しているCSSを、
外観→テーマエディターの「スタイルシート」にコピペすればOK!
では行ってみましょう!
【cocoon】cssで記事一覧でブログカードのタイトル下の本文を消す方法
カテゴリーページで呼び出されるタイトル下の文章は、cocoonの場合はメタディスクリプションに文章が入っていればそれが呼び出されます。
メタディスクリプションに文章が入っていなければ、記事本文の書き出し部分が呼び出されます。
もともとの記述は「entry-card.php」にあるのですが、phpファイルをいじるのは少々面倒なのでcssで消す方法を説明します。
この方法なら面倒なことは何も無く、スタイルシートに以下の記述を追加するだけです。
これを管理画面のサイドメニューから、外観→テーマエディターの「スタイルシート」にコピペするだけでOK。簡単ですね。
記事下にディスクリプションが出なくなるとこんな感じです。
かなりスッキリしますね。
個人的にはサムネイルとタイトルのみの方がスッキリしてて好みなので、ディスクリプション部分は当分非表示で行こうかなと思います。
cocoon設定からでもできるの?
cocoonにはcocoon設定という、項目を選択するだけでカスタマイズできる超・便利な機能があります。
今回のカテゴリーページでの本文呼び出しは、cocoon設定でもできるのでしょうか?
一応私も最初はcocoon設定からできないかと試みました。
css書くの面倒だし…
ただ、それらしき項目を見つけられず、結局今回の方法に落ち着きました。
もしcocoon設定からもできる方法があれば、教えてください!!
ちなみに先に話したphpファイル自体を書き換える方法は、子テーマ用にファイルを用意しないと行けなかったりphpを解読しないといけなかったりして超絶面倒&ミスると危険なのでオススメしません…。
今回は以上です!
今後もcocoonのカスタマイズの情報を発信できたらなーと思ってます!
コメント
buy lipitor generic oral lipitor 20mg atorvastatin 10mg pills
cipro 500mg cheap – trimethoprim tablet clavulanate for sale
ciprofloxacin cheap – order generic bactrim buy generic augmentin 375mg
ciplox 500mg pill – purchase chloromycetin for sale erythromycin 500mg drug
stromectol for humans for sale – aczone online buy buy sumycin 250mg pills
ivermectin 12mg for humans for sale – cheap sumycin for sale order sumycin 500mg generic
buy generic valacyclovir over the counter – buy generic diltiazem over the counter zovirax online order
furosemide 40mg canada – candesartan oral order capoten 25 mg pills
metformin usa – bactrim 960mg price order lincocin 500mg pills
zidovudine online order – buy roxithromycin 150 mg online cheap buy allopurinol 300mg online cheap
clozapine 100mg ca – clozaril 50mg for sale famotidine 20mg over the counter
where to buy quetiapine without a prescription – purchase venlafaxine generic order generic eskalith
buy generic anafranil – paroxetine for sale online where to buy sinequan without a prescription
buy atarax sale – order endep 10mg pill purchase endep for sale
order augmentin 625mg pill – where can i buy ampicillin ciprofloxacin 1000mg brand
buy amoxil cheap – order amoxicillin 500mg sale cipro pill
azithromycin drug – ciplox 500mg over the counter purchase ciplox for sale
buy generic cleocin 150mg – where can i buy cefixime buy chloramphenicol online cheap
cost of ivermectin – ivermectin 6 mg for humans purchase cefaclor generic
albuterol inhalator cost – brand ventolin theophylline us
depo-medrol without prescription – loratadine over the counter buy azelastine generic
buy clarinex without prescription – order desloratadine generic albuterol order online
buy metformin 1000mg online cheap – order generic precose precose cost
order glyburide 2.5mg online cheap – glyburide 5mg for sale purchase dapagliflozin online cheap
order prandin online cheap – buy prandin generic empagliflozin cost
buy rybelsus 14 mg generic – buy DDAVP spray DDAVP where to buy
buy generic lamisil – order terbinafine generic buy cheap grifulvin v
ketoconazole 200mg sale – sporanox pills order itraconazole online
buy famciclovir medication – buy valaciclovir paypal buy valcivir 1000mg for sale
buy digoxin 250mg generic – buy digoxin 250 mg for sale lasix 100mg without prescription
order lopressor pills – lopressor 100mg canada buy adalat 10mg online
buy hydrochlorothiazide 25 mg without prescription – felodipine 5mg generic zebeta 10mg over the counter
buy nitroglycerin no prescription – buy combipres drop buy valsartan 160mg pill
zocor blood – lipitor 80mg pill atorvastatin soften
crestor tidings – zetia kindle caduet online agree