Cocoon Cocoon人気記事ランキング｜表示方法とラベルの色やスタイルを変更するカスタマイズ
Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを元に簡単に人気記事ランキングを作成できます。サイドバーやトップページに設置すれば、読者の目を引きやすく記事の回遊率アップにもつながります。この記事では以下の２点につい...
カスタマイズ
Cocoon 
テーマ共通 CSSで疑似要素に影をつける方法｜box-shadowとdrop-shadowの違いを比較
この記事では、CSSを使って疑似要素に影をつける方法を紹介します。使用するCSSプロパティは、以下の2つです。box-shadowfilter: drop-shadow一般的に要素に影をつけるにはbox-shadowプロパティがよく使われま...
テーマ共通 タブ切り替えをHTMLとCSSで実装（JavaScriptなし）
必要な情報へ迅速にアクセスするために便利なのが「タブ切り替え」機能。この記事では、HTMLとCSSだけでタブ切り替えを自作する方法を紹介します。通常はJavaScriptを使って実装されますが、HTMLとCSSだけでもシンプルなタブ切り替え...
テーマ共通 CSSのカスタムプロパティを使いこなそう！繰り返し利用できる変数の設定方法
この記事ではCSSカスタムプロパティ（CSS変数）の使い方と、よく使われる値を解説します。CSSカスタムプロパティ（CSS変数）は「設定した値を何度も使えるようにする」仕組み。サイト内で繰り返し登場するプロパティ値（色や数値）を変数にして一...
Cocoon X（Twitter）でURLシェア時に画像を表示！CocoonのOGP設定と反映されない対処法
SNSでサイトや記事をシェアしたときにOGP画像を表示する方法をご紹介します。意外と設定していないデフォルトの方が多いのでは？イメージを伝えて読者に訪れてもらえるようなサイトにしましょう。