Cocoon の設定やカスタマイズ記事の一覧です。
Cocoon
Webサイト運営バリューコマースのLinkSwitchがよく分からないので実際に導入して使ってみました
LinkSwitchというURL(リンク)を自動でアフィリエイトリンクに変えてくれる機能。しかし初心者としては分からない・不安な部分もあり導入に迷いが。実際に設定して問題が解消され、とても便利な事が分かりました。Cocoonでの設定など。
Webサイト運営検索結果の左上に表示される画像(ファビコン)が設定しても変わらない
検索結果の左上に表示される画像(ファビコン)が設定しても変わらない。wordpressやcocoon設定を色々試すが反映されず。スマホだけの症状でキャッシュ削除・再起動・など試したが、そもそも反映までにクロールの関係で時間が掛かる様子。
Webサイト運営関連記事タイトルのフォントなどをカスタマイズ【Cocoon】
cocoon関連記事のタイトルや画像周りなどをカスタマイズ。フォントサイズを小さくしましたが、コードを適用するには!importantが必要。太さも普通にして画像の枠線も色と丸みをつけてみました。
Webサイト運営目次の外枠にあるボーダーの色が変わらない？設定方法【Cocoon】
目次のborder-colorを指定したのに色が反映されない。Cocoonの場合はサイトキーカラーが適用されるので、カスタマイズコードに!importantを追加して強めに反映させます。
Webサイト運営タグクラウドを優しくカスタマイズ【Cocoon】
タグの一覧を表示するタグクラウドをカスタマイズ。サイドバーなどで利用するウィジェットの1つです。当サイトはCocoon を利用しているので、それに沿ったCSSコードになっています。
Webサイト運営オシャレなフォントが無料で使える！Google Fonts の導入と設定方法
オシャレなフォントをサイトや記事で使いたい方にオススメなのがGoogle Fonts。無料で約1,000種類のデザインされたフォントを導入する事ができます。設定方法やCSS/HTMLサンプルコード。Cocoon目線で纏めてます。
Webサイト運営slickのdotsが表示されない問題を泥臭く解決【cocoon】
cocoonでslickを利用してスライドショーをカスタマイズしたがドット(dots)がどうしても表示されない。位置やサイズではなくslick-dotsのクラス名を変更して新たにドットのコード作成と適用で直りました！
Webサイト運営Cocoonの商品リンクをスマホ向けにカスタマイズ【シンプル】
商品画像を中央に配置。説明文のフォントサイズは小さく色も変更、リンクボタンはテーマカラーにしてシンプルにカスタマイズしました。スマホ向けのCSSコードです。
Webサイト運営カスタマイズしたリストを個別に適用する方法【Cocoon】
cocoonのリストや目次などをカスタマイズして、ページごとやピンポイントでそこだけ個別に適用する方法。サンプルのCSSコードも載せましたので参考にカスタマイズ・適用をしてみてください。
Webサイト運営グローバルナビの「∨」マークを非表示にする方法【Cocoon】
グローバルナビの∨(font awesome)マークを非表示にするcssカスタマイズコード。∨の名称はangle down。スマホだと副項目の名前に重なってしまったのでクラス名を調べて設定にチャレンジしました。