Cocoon

Cocoon

Cocoon の設定やカスタマイズ記事の一覧です。

Webサイト運営

バリューコマースのLinkSwitchがよく分からないので実際に導入して使ってみました

LinkSwitchというURL(リンク)を自動でアフィリエイトリンクに変えてくれる機能。しかし初心者としては分からない・不安な部分もあり導入に迷いが。実際に設定して問題が解消され、とても便利な事が分かりました。Cocoonでの設定など。
2020.04.04
Webサイト運営

検索結果の左上に表示される画像(ファビコン)が設定しても変わらない

検索結果の左上に表示される画像(ファビコン)が設定しても変わらない。wordpressやcocoon設定を色々試すが反映されず。スマホだけの症状でキャッシュ削除・再起動・など試したが、そもそも反映までにクロールの関係で時間が掛かる様子。
2020.04.08
Webサイト運営

関連記事タイトルのフォントなどをカスタマイズ【Cocoon】

cocoon関連記事のタイトルや画像周りなどをカスタマイズ。フォントサイズを小さくしましたが、コードを適用するには!importantが必要。太さも普通にして画像の枠線も色と丸みをつけてみました。
Webサイト運営

目次の外枠にあるボーダーの色が変わらない?設定方法【Cocoon】

目次のborder-colorを指定したのに色が反映されない。Cocoonの場合はサイトキーカラーが適用されるので、カスタマイズコードに!importantを追加して強めに反映させます。
2020.03.24
Webサイト運営

タグクラウドを優しくカスタマイズ【Cocoon】

タグの一覧を表示するタグクラウドをカスタマイズ。サイドバーなどで利用するウィジェットの1つです。当サイトはCocoon を利用しているので、それに沿ったCSSコードになっています。
2020.03.17
Webサイト運営

オシャレなフォントが無料で使える!Google Fonts の導入と設定方法

オシャレなフォントをサイトや記事で使いたい方にオススメなのがGoogle Fonts。無料で約1,000種類のデザインされたフォントを導入する事ができます。設定方法やCSS/HTMLサンプルコード。Cocoon目線で纏めてます。
2020.03.24
Webサイト運営

slickのdotsが表示されない問題を泥臭く解決【cocoon】

cocoonでslickを利用してスライドショーをカスタマイズしたがドット(dots)がどうしても表示されない。位置やサイズではなくslick-dotsのクラス名を変更して新たにドットのコード作成と適用で直りました!
2020.03.17
Webサイト運営

Cocoonの商品リンクをスマホ向けにカスタマイズ【シンプル】

商品画像を中央に配置。説明文のフォントサイズは小さく色も変更、リンクボタンはテーマカラーにしてシンプルにカスタマイズしました。スマホ向けのCSSコードです。
2020.03.10
Webサイト運営

カスタマイズしたリストを個別に適用する方法【Cocoon】

cocoonのリストや目次などをカスタマイズして、ページごとやピンポイントでそこだけ個別に適用する方法。サンプルのCSSコードも載せましたので参考にカスタマイズ・適用をしてみてください。
2020.03.15
Webサイト運営

グローバルナビの「∨」マークを非表示にする方法【Cocoon】

グローバルナビの∨(font awesome)マークを非表示にするcssカスタマイズコード。∨の名称はangle down。スマホだと副項目の名前に重なってしまったのでクラス名を調べて設定にチャレンジしました。
2020.03.10
タイトルとURLをコピーしました