WordPress Cocoon のアピール エリアを全画面に表示する
#appeal{ width: 100vw; height: calc(100svh - 89px); display: grid; place-content: center; background-image: linear-gradi...
WordPress WordPress Cocoon のアピール エリアのボタンをカスタマイズする
.appeal-content .appeal-button{ background-color: transparent; border-width: 2px; border-style: solid; border-color: #ff...
WordPress グーグル マップを埋め込む
この記事では、グーグル マップをレスポンシブに埋め込む方法について説明します。 見本 HTML コードを取得する <iframe src="" width="600" height="450" style="border:0;" allow...
WordPress WordPress で CSS を追加する
この記事では、WordPress（ワードプレス）で CSS を追加する方法を説明します。 このブログでは、CSS を使ったさまざまなカスタマイズを紹介しています。それらをあなたの WordPress ブログに適用する場合に必要となる知識です...
WordPress Cocoon のバッジをカスタマイズする
この記事では、WordPress の無料テーマ Cocoon のバッジを CSS でカスタマイズする方法を解説します。 カスタマイズする CSS クラス Cocoon では、バッジを以下の CSS クラスで定義しています。 色CSS クラス...
WordPress Cocoon でフルワイドのセクションを作成する
この記事では、WordPress の無料テーマ Cocoon でフルワイドのセクションを作成する方法を解説します。 見本 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Qu...
WordPress 見出しを CSS のみでカスタマイズする
この記事では、WordPress の投稿ページの見出しを CSS のみでカスタマイズする方法を説明します。CSS 内の h3 を h1 や h2 に変えることで h3 タグ以外にも適用することができます。 H1 見出し /* タイトル */...
WordPress Cocoon のカラー パレット
WordPress の無料テーマ「Cocoon」で定義されているカラー パレットです。Cocoon を使って Web サイトを作成する際、これらの中から色を選択すれば簡単に色の統一感を出すことができます。 ● Black: #000000 ...
WordPress Contact Form 7 のフォームを CSS でカスタマイズする
この記事では、WordPress の Contact Form 7 で作成したお問い合わせフォームを CSS のみでカスタマイズする方法を紹介します。 なお、WordPress で使用しているテーマは Cocoon であることを想定していま...
やさしい日本語 「やさしい日本語」のスタイル ガイド：全角スペースと半角スペース
「やさしい日本語」で Web コンテンツを書く場合、必要に応じで文に空白（全角スペースや半角スペース）を挿入します。これにより、文の可読性が高くなります。