
幅が決まっている固定ページで全幅コンテンツでページを作る方法【例:THE THOR】
例としてTHE THORを使用していますが、他のテーマでも使える全幅コンテンツにする方法です。 THE THORは簡単に綺麗なデザインのページが作れるようになっ ...

登録フォームやページからの移動を確認/戻るボタンを禁止する方法
登録フォームやお問合せなど、ユーザーが入力するページにおいて誤動作やページの不具合によって入力した内容が消えてしまうのは腹立たしいものですよね。 複数ページに渡 ...

背景画像のデザインで使える!透けるボックスのレスポンシブルデザインCSS【コピペ用コード】
透ける色を使って、背景画像の上でも綺麗に文字が見えるボックスができます。 パララックスで使える透けるボックスのサンプルサイト 透けるボックスの基本のデザインCS ...

CSSのみでパララックスするサイトデザインの作り方&スマホ対応させる方法【コピペ用HTML&CSS】
パララックスデザインとは、背景と中身のコンテンツのスクロール動作をずらして視覚的な効果をつけるデザインのことです。 パララックス部分とパララックスしない部分を組 ...

1カラム全幅デザインを作る方法!画面幅いっぱいに見出しやブロックを広げるCSS【コピペでOK】
LightningなどのWordPressテーマでは、1カラムのサイドバーのないテンプレートを使ったとしても、ページの画面幅いっぱいにデザインすることができませ ...

ブロックエディタやHTMLで会社概要・運営者情報や人物紹介・スタッフ紹介を作る~CSSデザイン付き~
コーポレートサイトや店舗のサイトに必須な基本情報を入力するページ。 最近ではスマホで地図を見ながら場所を探す人が多いため、アクセスページにはGoogleマップの ...

初心者でもContactForm7で作れる!シンプルなお問合せページの作り方(デザインのカスタマイズ可能)
最近では、どのようなサイトでもお問合せフォームを設置することがSEO的にも有利だと言われ、必須のページになってきています。 基本的なお問合せフォームの作り方から ...