オリジナルの「囲み枠」のデザインを簡単に設置するには?!

記事
コラム
最近のクライアント様からの要望で、囲み枠をカスタマイズしたいという方がみえました。
そのお客様のワードプレステーマを拝見させていただくと、確かにデフォルトで用意されている囲み枠のデザインはシンプルなもののみ。
少し味気がないのも納得です。

swell などのテーマには初めからいろんなパターンのものが用意されていますが、ブログをメインにしていないテーマだと、見出しや囲み枠のデザインがシンプルすぎてしまいますよね。。


そこで、囲み枠のデザインをググってみると、ネット上にはたくさんのデザインが公開されていて、HTMLとCSSをコピペするだけでとても簡単に実装できるようになっています。


しかしながら、毎回そのコードを

・コピペして・・
・編集画面のカスタムHTMLに貼り付けて・・
・中身を編集して・・

となるとめんどいデスネ・・(´Д` )



プラグイン「AddQuicktag」を使おう

そんなとき、私が辿り着いた答えは、プラグイン「AddQuicktag」を利用するということでした。

こちらのプラグインは無料で何個もお好きなデザインのコードを登録しておくことができて、編集画面から簡単に呼び出すことができます!

また、編集画面上でも実際の表示と同じようにCSSをあてることで、より直感的に投稿&編集しやすくなること間違いなし!

なんて便利・・涙

ということで、今回はお好きな「囲み枠」を簡単に呼び出す方法について記事に残してみました!

もし、ワードプレスのカスタマイズなどでお困りの方がみえましたらお気軽にご相談くださいね!

それではまた!

出品しているサービスについて
ココナラでWeb制作の出品をしてみました。
もしよろしければ、ご質問・お問い合わせだけでもお待ちしております。


サクッとかっこいいホームページを制作したいなら
デザイン丸投げOK!
SWELL専用/低価格でスピーディーに制作します



デザイナー様、制作会社様、コーディングにお困りの方におすすめ
【LPコーディング】

デザイナー様、制作会社様、コーディングにお困りの方におすすめ
【ワードプレスコーディング】

個人事業主様、新規事業で集客していきたい方におすすめ
【ホームページ制作】

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら