2024-07

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 ...