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