ルクセリタスのヘッダー画像の設定方法をサンプルと共に解説します。 また、モバイル端末ではヘッダー画像を表示しないようにする簡単な方法も。   ヘッダー画像の設定 「外観」→「カスタマイズ」か ...

ルクセリタスのキャッチフレーズを、サイト名やサイトロゴの右側に並列して表示する方法です。 ルクセリタスのキャッチフレーズは、WordPressで設定するものとは別にも設定可能で、便利です。 ...

おすすめの記事を表示したいけど、 テーマには機能がない時 カルーセルスライダーなどの機能はあるけどデザインなどが気に入らない場合 プラグインに頼らなくともウィジェットにCSSとHTMLのみで簡単に表示 ...

軽量で簡単に実装できる「Chart.js」を使った棒グラフと折れ線グラフの複合チャートの表示方法についてです。     「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、 ...

ブログ内にレーダーチャートを表示したかった為、色々なプラグインなども探しましたが、一番手軽で思ったようなキレイなチャートが表示できる軽量のJavaScript「Chart.js」を使うことにしました。 ...

軽量で簡単に実装できる「Chart.js」を使った折れ線グラフの表示方法についてです。       「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチ ...

軽量で簡単に実装できる「Chart.js」を使ったポーラーチャートの表示方法についてです。     「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチャートなど ...

軽量で簡単に実装できる「Chart.js」を使った棒グラフの表示方法についてです。     「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチャートなど多彩なグ ...

軽量で簡単に実装できる「Chart.js」を使った円グラフと、ドーナツチャートの表示方法についてです。       「Chart.js」では、棒グラフや円グラフ、折れ線グ ...

クリックで表示内容を開閉するアコーディオンメニューなどをCSSのみで実装する方法です。 アコーディオン 表示サンプル 展開する各ラベルの右側に「+」マークを表示し、クリックアクションでクルクルっと「+ ...

プロフィール欄を表示するウィジェットや機能がないテーマにも、CSSとHTMLのみで簡単に設置できるデザインをいくつか。   手順 プロフィール画像を使う場合は画像を用意 プロフィールエリア用 ...

タブで表示内容を切り替えるデザインをCSSのみで実装する方法です。 たくさん紹介されているサイトがあるのですが、イマイチ、きちんと表示されなかった為、自分用にカスタムしたものになります。 この方法であ ...