2019.10.18スポンサーリンク有料テーマの「見出し」や「ボックス」はデザインが素敵なものが多いですよね。有料テーマを購入するお金が無いから、無料テーマのシンプルなボックスを使うかぁ......って諦めてませんか?今回は、おしゃれなボックスを誰でもコピペするだけで使用できるようにカスタマイズする方法をご紹介します!MEMO今回のカスタマイズはCocoon限定ではなく、基本的にどのテーマでもご利用いただけます。4に対応したものです。Awesomeって何?という方はこちらを御覧ください。導入済みのブログをサイト紹介させて頂きたいと思います!ボックスパターンボックス1:メモ用MEMOここにテキストを入力することができます。ここにテキストを入力することができます。ここにテキストを入力することができます。1つでもコピーすれば他のボックスではコピーする必要なし。ここにテキストを入力</div>ボックス2:メモ2ここにタイトルここにテキストを入力することができます。ここにテキストを入力することができます。ここにテキストを入力することができます。1つでもコピーすれば他のボックスではコピーする必要なし。注意ここにテキストを入力することができます。ここにテキストを入力することができます。ここにテキストを入力することができます。1つでもコピーすれば他のボックスではコピーする必要なし。ここにテキストを入力</div>ボックス4:注意2ここにタイトルここにテキストを入力することができます。ここにテキストを入力することができます。ここにテキストを入力することができます。1つでもコピーすれば他のボックスではコピーする必要なし。class="s-box-content"><div>ここにテキストを入力</div></div></div>ボックス5:対角線ここにテキストを入力することができます。ここにテキストを入力することができます。ここにテキストを入力することができます。1つでもコピーすれば他のボックスではコピーする必要なし。点線ここにテキストを入力することができます。ここにテキストを入力することができます。ここにテキストを入力することができます。1つでもコピーすれば他のボックスではコピーする必要なし。両サイドここにテキストを入力することができます。ここにテキストを入力することができます。ここにテキストを入力することができます。1つでもコピーすれば他のボックスではコピーする必要なし。鍵括弧ここにテキストを入力することができます。ここにテキストを入力することができます。ここにテキストを入力することができます。1つでもコピーすれば他のボックスではコピーする必要なし。<p>ここにテキストを入力</p></div>スポンサーリンクボックスを実装する手順ボックスパターンに記されているCSSとHTMLをコピー&ペーストすることで使えるようになります。CSSのコピー手順は以下の通りです。style.cssにペーストしてください。HTMLのコピー手順は以下の通りです。HTMLをコピーHTMLをコピーしてQuickTagにペーストしてください。QuickTagを知らないという方は以下のリンクをお読みください。詳しいプロフィールはこちらから。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。詳しいプロフィールはこちらから。アジアヨーロッパガジェットプログラミングWordPressお問い合わせ。