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
order finasteride online – doxazosin online buy alfuzosin 10 mg generic
order terazosin 1mg for sale – tamsulosin sale purchase dapoxetine generic
trileptal 600mg drug – buy pirfenex tablets levothyroxine sale
Link pyramid, tier 1, tier 2, tier 3
Primary – 500 links with inclusion inside pieces on publishing sites
Tier 2 – 3000 web address +Redirect connections
Lower – 20000 references mix, feedback, posts
Employing a link structure is helpful for online directories.
Necessitate:
One hyperlink to the domain.
Query Terms.
Accurate when 1 query term from the website title.
Note the additional feature!
Important! First-level links do not overlap with Tier 2 and Tier 3-tier references
A link network is a instrument for boosting the flow and link profile of a online platform or online community
lactulose uk – order generic brahmi cheap betahistine 16mg
purchase imusporin eye drops – buy generic cyclosporine colchicine sale
buy cheap generic calcort – buy cheap generic brimonidine order alphagan sale
besivance without prescription – where can i buy besivance purchase sildamax pill
gabapentin over the counter – azulfidine 500 mg without prescription brand sulfasalazine
benemid tablet – order benemid 500mg online carbamazepine over the counter
order celecoxib 100mg without prescription – celebrex 200mg cheap buy generic indomethacin over the counter
colospa 135mg ca – buy colospa online cheap cilostazol online order
purchase diclofenac pills – aspirin 75 mg ca aspirin generic
buy generic rumalaya for sale – rumalaya pill amitriptyline usa
buy pyridostigmine 60mg online cheap – buy generic sumatriptan for sale imuran 25mg brand
indian pharmacy: top online pharmacy india – buy prescription drugs from india
indian pharmacies safe: india online pharmacy – indian pharmacy
buying prescription drugs in mexico: mexico drug stores pharmacies – best online pharmacies in mexico
rx to go pharmacy: pharmacy prices on viagra – flonase pharmacy
buying prescription drugs in mexico: buying prescription drugs in mexico online – mexican rx online
brand voveran – imdur canada buy cheap generic nimodipine
cialis offshore pharmacy: Himplasia – top online pharmacy 247
mexico pharmacies prescription drugs: buying prescription drugs in mexico – medication from mexico pharmacy
ozobax ca – order feldene 20 mg without prescription piroxicam drug
farmacia online madrid: farmacia online barata y fiable – farmacias online baratas
oral meloxicam 15mg – order mobic without prescription toradol where to buy
farmacia online madrid: farmacia online envio gratis – farmacia barata
cyproheptadine 4 mg cheap – cheap cyproheptadine 4 mg zanaflex uk
farmacia online: Cialis generico 20 mg 8 compresse prezzo – farmacie online sicure
Farmacie online sicure: Cialis generico controindicazioni – farmacia online piГ№ conveniente
purchase trihexyphenidyl for sale – voltaren gel where to order purchase emulgel for sale
rybelsus generic: rybelsus price – Rybelsus 7mg
furosemide 40mg: furosemida 40 mg – lasix 20 mg
ventolin over the counter: Ventolin inhaler – can i buy ventolin over the counter uk
omnicef 300mg sale – order cefdinir 300mg online cheap buy cleocin generic
Online medicine home delivery: Indian pharmacy online – top 10 online pharmacy in india
п»їbest mexican online pharmacies https://mexicanpharma.icu/# mexican rx online
reputable mexican pharmacies online
order isotretinoin 10mg generic – deltasone 5mg without prescription buy deltasone 20mg pill
mexican drugstore online: medication from mexico – pharmacies in mexico that ship to usa
buying from online mexican pharmacy
prednisone 5mg without prescription – prednisolone price zovirax online buy
rybelsus price: buy semaglutide online – buy rybelsus online
permethrin generic – generic acticin buy tretinoin gel generic
rybelsus pill: buy semaglutide pills – buy semaglutide online
ozempic generic: ozempic online – ozempic
buy cheap ozempic: ozempic coupon – buy ozempic
Ozempic without insurance: ozempic online – ozempic cost
buy cheap betamethasone – monobenzone cream monobenzone cheap
https://stromectol.agency/# ivermectin 1 topical cream
metronidazole online – buy flagyl 400mg buy cenforce without prescription
generic augmentin 625mg – cheap levothyroxine pills buy synthroid 75mcg online
where can i buy cleocin – purchase indomethacin sale buy generic indomethacin
http://clopidogrel.pro/# plavix best price
ed men
buy crotamiton online – aczone where to buy purchase aczone
pin up kz: pin up – pin up
1хставка: 1хставка – 1хбет
buy generic modafinil for sale – brand provigil 100mg order melatonin generic
bupropion order online – bupropion order order shuddha guggulu generic
пин ап 634: pin up kz – пин ап казино онлайн
xeloda 500 mg sale – naproxen 500mg ca danazol 100 mg over the counter
buy generic prometrium – cheap ponstel generic order clomiphene pill
online shopping pharmacy india Pharmacies in India that ship to USA world pharmacy india
best online pharmacy india Indian pharmacy worldwide delivery pharmacy website india
indian pharmacy indian pharm 24 buy medicines online in india
buy alendronate paypal – buy generic pilex online buy cheap generic provera
purchase norethindrone – norethindrone 5 mg usa order generic yasmin
buy dostinex 0.5mg generic – alesse where to buy buy alesse paypal
buy estrace 2mg online cheap – buy generic anastrozole over the counter anastrozole generic
https://indianpharmacyeasy.com/# indian pharmacies safe
https://mexicanpharmgate.com/# reputable mexican pharmacies online
バイアグラの飲み方と効果 – г‚·гѓ«гѓ‡гѓЉгѓ•г‚Јгѓ« – 50mg/100mg г‚їгѓЂгѓ©гѓ•г‚Јгѓ« гЃЉгЃ™гЃ™г‚Ѓ
プレドニンジェネリック йЂљиІ© – г‚ўгѓўг‚г‚·г‚·гѓЄгѓійЂљиІ©гЃЉгЃ™гЃ™г‚Ѓ г‚ўг‚ёг‚№гѓгѓћг‚¤г‚·гѓі гЃ©гЃ“гЃ§иІ·гЃ€г‚‹
пинап казино: пин ап кз – пинап казино
best online pharmacies in mexico: Mexican Pharm – medicine in mexico pharmacies
гѓ—гѓ¬гѓ‰гѓ‹гѓі жµ·е¤–йЂљиІ© – гѓ‰г‚シサイクリン通販おすすめ г‚ўг‚ュテイン通販で買えますか
eriacta wand – zenegra pills general forzest remain
where buy cheap clomid without prescription: how can i get clomid no prescription – can i get cheap clomid without insurance
crixivan brand – finasteride sale purchase voltaren gel sale
My story about sepsis changed my life tremendously both financially and mentally get cytotec price
https://cenforce.icu/# cenforce for sale
valif importance – secnidazole over the counter sinemet pills
http://casinositeleri2025.pro/# slot oyunlarД±nda en Г§ok kazandД±ran oyun
order modafinil – generic modafinil order combivir generic
http://casinositeleri2025.pro/# gГјvenilir bahis siteleri
ivermectin 6 mg over the counter – buy atacand pills for sale order carbamazepine 200mg
promethazine 25mg without prescription – lincomycin 500 mg pills lincocin 500mg tablet
https://gramster.ru/# пин ап казино официальный сайт
https://gramster.ru/# pinup 2025
https://gramster.ru/# пин ап вход
http://gramster.ru/# pinup 2025
https://canadianpharmacy.win/# canadian pharmacy checker
order prednisone 10mg generic – cheap capoten buy captopril online
https://fastpillsformen.com/# cheap viagra
order isotretinoin 10mg online – buy zyvox 600 mg for sale purchase zyvox
purchase amoxicillin generic – amoxil online buy combivent without a prescription
slot oyunlar? puf noktalar?: slot oyunlar? – en cok kazand?ran slot oyunlar?
casino en iyi siteler
Betzula giris, casino oyunlar? konusunda benzersiz secenekler sunar. derbi heyecan? icin guvenli bir sekilde yuksek oranlar? kesfedebilirsiniz.
Betzula’n?n yuksek guvenlik onlemleri, profesyonel hizmet garantisi verir. Bet Zula sosyal medya hesaplar?yla ozel promosyonlardan haberdar olabilirsiniz.
Fenerbahce ve Galatasaray gibi buyuk tak?mlar?n heyecan?n? Betzula ile yasayabilirsiniz.
Ayr?ca, Betzula guncel giris adresi, mobil cihazlar uzerinden kolay erisim sunar. Ozel olarak, betzula twitter, profesyonel bir deneyim saglar.
Betzula, mobil uyumlu ve h?zl? erisim f?rsatlar?na kadar en iyi deneyimi yasatmay? amaclar. en guncel oranlar? gormek icin simdi giris yap?n!
371212+