ボタン一つでオシャレな枠(ボックス)を作成できるWordPressテーマ|CSSをいじらず実装されているテーマを活用しよう!

本日は、有料のWordPressテーマで、オシャレなボックス枠を作成する事ができるテーマをご紹介します!!

あなたのサイトデザインやイメージにあうテーマがみつかるといいですよね。

私の場合は、購入してから、『こんなデザインの枠がつくれるんだっ』といった感じですが、この記事をみている人は、WordPressテーマによって、どんなデザインの枠が作れるの??と疑問に思っている方も多いと思うので、ここで紹介します!
有名かつ人気のWordPressテーマの枠で紹介していきますね。

実際にボタン一つで枠を作成する事ができますが、『AddQuicktag』プラグインをインストールして、枠を設定しておく方法もあります。

囲み枠(ボックス)って何??

枠(ボックス)とは、こんな感じの文字を囲む事ができるボックスのデザインの事ですね。
文字だけだと、味気ないけど、枠を作成する事で、サイトデザインの印象に変化つける事ができます!!
シンプルによくないですか。多様に使ってしまう事はみにくいサイトとも思われてしまうので、ほとほどに枠をつかいましょう。

 

上で紹介した枠ボックスは、『テキストエディターに貼り付けコピー』で枠を作成する事ができるんですが、もっと簡単に実装させる方法は、WordPressテーマに備わっている枠を使用するという方法です。

CSSをいじるリスクを理解しておこう!!

枠を作成するためにデザイン編集する場合は、CSSをいじったりする必要がありますが、初心者の方にとっては、なんの事??ってなりますよね。

CSSを、いじる時は自己責任で行いましょうね^^;
コードの入力ミスなどで下手をすると、画面が真っ白になり、サイトがうまく表示されなくなる事がありますので、初心者の方は直接コード入力はオススメしません。

結局、カスタマイズ好きだったりコードの勉強をしている方はどんどんCSSを編集する方も多いです!!でも、初心者の方は、画面が真っ白になってパニックになるくらいであれば、最初からノンストレスの枠つきのテーマをつかう方が手っ取りばやかったりもします。

オシャレなデザインの枠ボックスを使う事ができますからね^^では、人気のWordPressテーマの枠(ボックス)デザインをご紹介しますね。

簡単にショートコードを使って枠(ボックス)を作成できるオススメのWordPressテーマ

EmanonPro(エマノンプロ)

エマノンプロでは、こんな枠を作成する事ができます!
補足説明と注意説明の枠です。

Emanonの枠

EmanonProは、「投稿記事 < テキスト < 補足説明・注意説明」をクリックすると、上のようなボックスデザインを簡単に設置する事ができます。(※addQuicktagを使用せずテキストモードのボタンひとつで設定できます。)
Emanonシリーズ自体が、シンプルかつオシャレなので、ポップな感じの枠ではありませんが、逆に信頼感のあるビジネス系のサイトを展開する場合は、こういったシンプルデザインの方がマッチしますよ。

WEB集客に特化したサイト『EmanonPro・business』の当サイトの記事
Web集客に特化したWordPressテーマ Emanon

JIN(ジン)

ジンでは、こんな枠を作成する事ができます。

JINの枠

JINもアフィリエイターやブロガーの中でも、かなり有名になっていますが、JINのテーマを使う事で、こういった枠ボックスのデザインを作成する事ができます。
Emanonがシンプルなのに対して、JINでは、少しポップなイメージです。

アフィリエイトサイトに特化したWordPressテーマ『JIN』
JINのデモサイト

STORK(ストーク)

ストークでは、こんな枠を作成する事ができます。
ストークの枠

ストークもすでにかなりの知名度があると思います。
JINのテーマの枠と比べた場合、少しシンプルな印象をあたえる事ができます。
色合いがシンプルでとてもオシャレだと思います。

デザインがオシャレなwordPressテーマ『STORK ストーク』
WordPressテーマ「ストーク」

SANGO(サンゴ)

最後にサンゴのテーマでは、こんなボックス枠を作成する事ができます。
他にもSANGOの枠はかなりバリエーションは豊富です。

SANGOの枠

サンゴはポップなイメージですね。
ゴリゴリのビジネスというよりは、ポップなかわいらしいbox枠を作成する事が可能となります。

ポップな印象のサンゴ『SONGO』

⇒SONGOのサイト

枠を使うためには??AddQuicktagを利用しよう!

WordPressテーマの枠ボックスを使うためには、AddQuicktagというプラグインを導入する必要があります。

流れとしては、WordPressテーマを導入してから、次の項目を設定します。
1.【addQuicktag】プラグインを導入して有効化
2.WordPressテーマを提供しているサイトでインポート用ファイルをダウンロード
3.addQuicktagの設定から、インポート用ファイルをインポート
4.エディターで【adquicktag】が使えるか確認

という流れになるのではないでしょうか。

関連記事:
プラグインのインストール・有効化の方法について参考にしてください。
プラグインの使い方ガイド

1.プラグインの導入がわかる方は、AddQuicktagをインストールして有効化しましょう^^

2.WordPressテーマを提供しているサイトに飛んで、インポート用ファイルをダウンロードしましょう。
※SANGOとストークは公式サイトからインポート用ファイルをダウンロードできます。(テーマ購入後)
※エマノンはQuicktagを取得しなくても、テキストエディターから、枠を作成する事ができます。

3.管理画面の設定から、インポートという項目があるので、そこから、ダウンロードしたファイル(解凍ファイル)を選択して、アップロードします。

インポート

4.エディターで【adquicktag】が使えるか確認

アドクイックタグ

エディターの一覧に、【Quicktags】という項目が追加されていたら、完了です!
(私の場合はファイルをアップロードしないと表示されませんでした。)
みんなも同じかな。

大まかには、この手順で導入できるハズです。

Quicktagを導入する事で、枠だろうが、ボタンだろうが、クリック一つで設定する事ができるようになりますので、ぜひやってみてください。Quicktagは枠ではなくても、HTMLコードを登録しておくと便利なので、例えば、私の場合は吹き出し枠がQuickコードひとつで表示できるように設定してあります。

Quicktagを導入する事でこんな事も設定は簡単なのです。便利でしょ。

まとめ

・WordPressテーマによって、枠のデザインは異なります。自分のサイトデザインに合うテーマ選びをしましょう。
・ビジネス系を運営するなら、シンプルを貫くエマノンがオシャレ。
・ポップ~かわいい印象のサイトを運営するなら、ストーク、JIN,SONGOがオシャレ。
・QuicktagをWordPressにインストールして、ファイルをアップロード。
・最後に、エディター画面に【Quicktag】が表示されているか確認して、使えるようになっていたらOK!

他にもジャンル別でWordPressテーマを紹介しています。

色んなテーマがあるので、参考にしてみてくださいね!

EmanonProを実際に使用してみた感想を書いています。Emanonが気になる方はこちらの記事も参考にしてみてください。

Emanon Pro(エマノンプロ)がWeb集客に必要な機能を搭載したWordPressテンプレートである理由!!


wordPressのテーマ選びの3つのポイントについて解説しています!オススメテーマ紹介しています。

SEOに効果のあるオススメのWordPressテーマ一覧!初心者が選ぶべき3つのポイントを紹介!


ランディングページを作成したい人はこちらの記事を参考にしてみてください

ランディングページ(LP)を手軽に作成できるWordPressテーマ|成約率を高めるテーマ


ポータルサイトを作成したいひとはこちらの記事も参考にしてみてください
ポータルサイトが作成できるオシャレなWordPressテーマ厳選4選

 

斬新なグリッドデザインを使用してみたいかたはこちらのテーマ

グリッドデザインを採用した綺麗なWordPressテーマ9選


コストを抑えないと考えている方は無料のWordPressテーマを使用しよう

SEOに強くてデザインが綺麗な無料wordPressテーマ一覧表|日本語版・英語版【完全保存版】


ランキング形式やアフィリエイトサイトを作成したい方

ランキング・口コミ・レビューサイトを簡単に作成できるオススメのWordPressテーマ

ポートフォリオ・ギャラリーサイトを作成したい人はこちら

ポートフォリオ・ギャラリーサイトを作成できるWordPressテーマ


美容やエステ系店舗を経営していて企業サイトを作りたいならこちら

エステや美容系のホームページや自社サイトを構築できる綺麗なWordPressテーマ|【経営者向け】

 

企業やリアル店舗に向いているwordPressテーマはこちら

フリーランス・個人事業主・起業家にオススメな最適なWordPressテーマ!


女性向けに作られたwordPressテーマはこちら
女性ブロガー向けWordPressテーマ|女性らしくかわいいオシャレなテーマ

 

複数サイトを運営してもOK!使い回し可能なオシャレなwordPressテーマ

複数サイトを運営してもOK!使回しが可能なwordPressテーマ特集!

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です