cocoonの記事一覧ページ（カテゴリーページ）で、サムネイルの上に小さく出るカテゴリー名のバッジの色を変えたい！
カテゴリーによって色分けされているブログもよくありますよね。
なんだかおしゃれだったので真似したくなりやってみました。
バッジの色を変える方法を説明します。記述はコピペでOK！
では行ってみましょう！
【cocoon】カテゴリー名の背景色をカテゴリーごとに変える方法
以下の記述を外観→テーマエディターのスタイルシートに書き足せばOKです。
.cat-label-● {background-color: #ffffff;}
「ffffff」の部分にお好みの色のカラーコードを当てはめて下さい。
部分●の部分には数字が入るのですが、数字はカテゴリーIDとなっています。
カテゴリーにはそれぞれ番号が不規則に割り振られるので、その番号を確認して●の部分に入れる必要があります。
カテゴリーIDの確認方法は以下の通り。
①投稿→カテゴリーへ移動
②カテゴリー名にマウスを乗せる
この時画面下のリンク先URLの部分に出てくる「category&tag_ID=●」という部分の
●の数字が、カテゴリーIDです。
この数字を、先ほどのCSSの●の部分に当てはめます。
あとはお好みのカラー指定をすれば、カテゴリーバッジの色が代わります！
仕組みがわかれば簡単ですね！
cocoon設定からは出来るのか？
最初はcocoon設定から出来るのかなーと思って色々見てたのですが、
それらしき項目が見つかりませんでした。
カテゴリーのIDはランダムで指定されるのでそう簡単に出来ないのでしょうか。
こうして自分でいじってみると、複雑さがよくわかりますね。
cocoonのようにカスタマイズしやすいテーマを作ってくれた方に本当に感謝です…。
まとめ：【cocoon】カテゴリーバッジの色はカテゴリーIDごとに設定できる
ブログのテーマでcocoonを使っている人は多いと思います。
あなたのブログのデザイン性を上げるために役に立てば嬉しいです！
それにしても、カテゴリーごとにID番号が割り当てられるのは理解できますが、なんでランダムなんでしょう？
謎だ〜。
コメント
order lipitor atorvastatin 20mg price order lipitor 20mg generic
order cipro 500mg pill – cheap amoxiclav buy clavulanate generic
buy baycip online – buy cephalexin 500mg sale clavulanate over the counter
buy metronidazole without prescription – order azithromycin pills buy generic azithromycin over the counter
buy ciplox 500 mg without prescription – order ciprofloxacin 500mg online erythromycin 500mg price
buy valtrex generic – buy nemasole order zovirax 400mg generic
ivermectin 12mg oral – order ciplox 500 mg online cheap tetracycline 250mg for sale
furosemide pill – lasix uk order captopril 25mg generic
glycomet ca – order cipro online buy lincomycin cheap
zidovudine 300mg tablet – order generic allopurinol buy allopurinol 100mg generic
clozaril sale – buy perindopril 8mg famotidine usa
quetiapine tablet – order venlafaxine 75mg online eskalith oral
anafranil 50mg cheap – order anafranil 50mg online cost doxepin 75mg
order hydroxyzine 10mg online – brand buspar 10mg buy endep without prescription
clavulanate oral – myambutol 600mg sale buy ciprofloxacin cheap
amoxicillin for sale – buy amoxicillin sale cipro online order
purchase zithromax without prescription – oral tindamax generic ciplox 500 mg
clindamycin price – cleocin 150mg without prescription buy chloromycetin generic
stromectol otc – how to buy cefaclor purchase cefaclor sale
purchase albuterol inhalator online – generic phenergan theo-24 Cr price
medrol 16 mg over counter – buy fml-forte online order generic azelastine
buy desloratadine generic – purchase beclomethasone sale buy ventolin 2mg inhaler
glyburide 2.5mg cheap – order glyburide for sale forxiga 10mg pill
glucophage 500mg cheap – glycomet 1000mg price buy generic precose over the counter
order repaglinide online – prandin 2mg for sale jardiance 25mg generic
terbinafine us – cost lamisil buy griseofulvin without prescription
buy generic semaglutide for sale – glucovance without prescription buy DDAVP without a prescription
buy ketoconazole without a prescription – nizoral over the counter order generic itraconazole 100mg
famvir 500mg oral – buy famciclovir without a prescription where to buy valcivir without a prescription
order lanoxin 250 mg sale – dipyridamole order lasix oral
metoprolol order – buy benicar 20mg without prescription adalat 10mg oral
order microzide without prescription – amlodipine online buy generic bisoprolol over the counter
nitroglycerin drug – buy generic combipres over the counter diovan ca
simvastatin 20mg cost – fenofibrate unicorn atorvastatin anyone
crestor pills audience – zetia desire caduet buy reflect
viagra professional online short – buy cialis professional twelve levitra oral jelly online whip
priligy countenance – viagra plus footstep cialis with dapoxetine remove
cenforce ward – zenegra online harmony brand viagra beside
brand cialis swell – penisole seek penisole supple
cialis soft tabs pills blade – valif pills cruel viagra oral jelly online drift
cenforce anger – zenegra pills inside brand viagra online college
priligy admiration – udenafil charles cialis with dapoxetine infinite
acne medication ankle – acne treatment frank acne treatment recover
asthma medication hurt – asthma medication lean asthma treatment consequence
uti antibiotics manner – uti treatment broad uti medication send
pills for treat prostatitis frantic – pills for treat prostatitis difference prostatitis medications starve
valacyclovir pills seldom – valacyclovir online flutter valtrex visit
claritin pills snow – claritin pills vision claritin scratch
priligy wink – priligy nevertheless priligy apprehension
claritin pills eventual – loratadine undoubted loratadine medication hail
ascorbic acid fire – ascorbic acid shoot ascorbic acid dish
promethazine devote – promethazine joy promethazine linger
biaxin pills former – albendazole add cytotec pills circle
fludrocortisone pills mansion – florinef neighbourhood lansoprazole faith
order rabeprazole 20mg generic – buy reglan 20mg generic brand motilium 10mg
buy generic bisacodyl – buy liv52 paypal buy cheap generic liv52
bactrim 960mg canada – keppra 1000mg us tobramycin over the counter
purchase hydroquinone creams – buy desogestrel 0.075mg for sale buy duphaston generic
forxiga 10 mg uk – buy cheap generic sinequan buy precose 50mg pills
order griseofulvin – fulvicin 250mg over the counter gemfibrozil 300 mg usa
dimenhydrinate cheap – where to buy actonel without a prescription actonel order
order enalapril pills – generic doxazosin where to buy latanoprost without a prescription
buy etodolac 600mg sale – monograph for sale online order pletal generic
purchase feldene without prescription – purchase feldene for sale order rivastigmine online cheap
purchase nootropil – buy generic nootropil for sale order sinemet 10mg for sale
buy hydroxyurea – buy cheap ethionamide order robaxin
depakote 500mg uk – acetazolamide ca order topiramate 100mg online cheap
disopyramide phosphate ca – purchase chlorpromazine generic chlorpromazine 100mg us
order aldactone 100mg for sale – naltrexone cheap naltrexone us
cyclophosphamide without prescription – buy vastarel generic buy vastarel generic
zofran tablet – buy oxybutynin cheap buy ropinirole paypal
ascorbic acid 500mg drug – order compro without prescription compro price
where can i order durex gel – how to order durex gel order latanoprost sale
medication from mexico pharmacy: cmqpharma.com – pharmacies in mexico that ship to usa
generic minoxidil – generic finasteride finasteride medication
order generic arava – buy actonel 35 mg generic order cartidin generic
buy generic calan – verapamil 120mg uk buy cheap tenoretic
atenolol buy online – buy coreg 6.25mg sale coreg where to buy
atorlip for sale – order bystolic without prescription nebivolol 5mg generic
gasex buy online – diabecon cost purchase diabecon online cheap
canada drugs online: canadian online drugs – trusted canadian pharmacy
best canadian online pharmacy reviews: canadian 24 hour pharmacy – pharmacy canadian
canadian pharmacy tampa: canadian valley pharmacy – trusted canadian pharmacy
best online pharmacy india: top online pharmacy india – online pharmacy india
indian pharmacy online: indian pharmacy paypal – buy medicines online in india
lasuna pill – cheap lasuna sale purchase himcolin pills
indian pharmacy paypal: buy medicines online in india – best online pharmacy india
п»їlegitimate online pharmacies india: mail order pharmacy india – best online pharmacy india
canada cloud pharmacy: canadian pharmacy online – northwest canadian pharmacy
mexican mail order pharmacies: mexican rx online – mexico drug stores pharmacies
reputable mexican pharmacies online: mexico drug stores pharmacies – mexican drugstore online
http://ciprodelivery.pro/# buy ciprofloxacin
http://amoxildelivery.pro/# where can you buy amoxicillin over the counter
http://paxloviddelivery.pro/# paxlovid pharmacy
https://paxloviddelivery.pro/# п»їpaxlovid
http://clomiddelivery.pro/# buy generic clomid
cheap norfloxacin without prescription – cheap flutamide without prescription confido usa
http://clomiddelivery.pro/# where to buy clomid without dr prescription
https://clomiddelivery.pro/# cost generic clomid for sale
https://amoxildelivery.pro/# amoxicillin from canada
where can i buy speman – buy himplasia generic fincar for sale online