テーマ共通 CSS・SVGで作る境界線と背景デザイン｜波、三角形、斜めラインを使ったおしゃれな装飾テクニック
Webデザインでは視覚的なアクセントを加える方法は多くあります。その中でも、「境界線」や「背景スタイル」を工夫することでインパクトのある印象に。この記事では、S...
カスタマイズ
テーマ共通 
テーマ共通 簡単おしゃれ！CSSで見出しデザインをカスタマイズする方法【コピペOK】
見出しを好きなデザインに変えたいな～ウェブサイトの見出しデザインをカスタマイズすると、読みやすさや視認性が向上しサイト全体のデザイン性も高まります。この記事では...
Cocoon ファーストビューをSWELL風に！Cocoonアピールエリアをフルスクリーン＆動きのあるデザインにする方法
Cocoonのアピールエリアは背景画像やテキストを表示することでサイト全体の第一印象を決める大事なパーツ。ここをうまく活用すれば訪問者の関心をグッと引き寄せるこ...
Cocoon Cocoonサイドバー目次を固定して垂直スクロールバーを設置する方法
Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
テーマ共通 もう迷わない！バナーなどの要素を上下左右中央寄せにする方法｜CSS使用
「なんだか見た目がしっくりこない…」そんな時は“中央寄せ”がカギになるかもしれません。ウェブデザインでは、バナーや見出しといった要素をどこに配置するかで全体の印...
テーマ共通 CSSで疑似要素に影をつける方法｜box-shadowとdrop-shadowの違いを比較
この記事では、CSSを使って疑似要素に影をつける方法を紹介します。使用するCSSプロパティは、以下の2つです。box-shadowfilter: drop-sh...
Cocoon Cocoon「新着記事」「もっと見る」「次のページ」ボタン・キャプションのテキストを変更する方法
Cocoonテーマを使用している際に、あらかじめ設定されているボタンやキャプションのテキスト文言を変更する方法を紹介します。PHPを活用し簡単にカスタマイズでき...
Cocoon Cocoonウィジェット新着記事・人気記事に日付を表示する設定方法（投稿日・更新日）
テーマ「Cocoon」では、ショートコードやブロックを利用して新着記事や人気記事を簡単に表示できます。参考記事新着記事一覧を表示するショートコードの利用方法人気...