WordPressでCSSを使わず投稿内の文章や画像へきれいな背景が作れるプラグイン「Special Text Boxes」

シェアする

  • このエントリーをはてなブックマークに追加
  • 1
サイトURL変更しました。ブックマーク登録やリンク等はこちらのアドレスへお願いします(旧サイトへアクセスされた場合リダイレクトされます)


投稿や固定ページの中で、「この部分だけ背景に変化をつけたい」という機会は多いのでは?そうした場合一般的にはCSSを作ってセレクタで呼び出してというのが基本的な手順ですが、「Special Text Boxes」はCSSの知識がない人でも簡単にグラデーションや影などを使った背景が作れるプラグインです。

スポンサーリンク

【Special Text Boxes】の使い方

  1. CSSのコードや使い方の知識がなくてもカッコいいデザインの背景が表示できる
  2. 複数の背景を作成、呼び出すことができる
  3. 背景の中にはどんなコンテンツでも挿入できる
  4. ビジュアルエディタでは設定した背景デザインをボタンで呼び出すことができる
  5. ショートコードを使用することでテキストエディタでも使える

「Special Text Boxes」を使った背景の表示例

プラグインを有効にして表示したものを画像化していますので多少見え方が違いますが、プラグインインストール時にサンプルとして設定されている背景の表示例です。
Special Text Boxes
このようにグラデーションや影のあるきれいなデザインの背景を簡単に作成することができます。そして背景の中にはWordpressの投稿や固定ページで使えるすべてのコンテンツを入れることができます。

こうしたプラグインは主にビジュアルエディタ向けのものが多いのですが、このプラグインはショートコードを使ってテキストエディタでも使えるようになっている便利なプラグインです。

このプラグインの日本語翻訳ファイルは
「Special Text Boxes」プラグインを日本語で使う、翻訳ファイルのダウンロードとサイトへの適用方法
からダウンロードできます

設定方法

プラグインのインストールと有効化については新規追加画面で検索すれば問題なく完了できるので割愛します。
詳しくは

【Wordpress】プラグインのインストール&追加方法とエラー対処の方法
Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができる...
を参照ください

日本語化してしまえば設定は簡単です。

設定や背景の追加は管理画面の「STB」という項目から行います。

「STB」→「設定」のメニューを開くと基本的なデザインや動作の設定ができますが、背景1つ1つ個別に作成した方が無難ですのでこの項目はデフォルトのままでOKです。

背景を追加するには「STB」→「新しいスタイル」から設定します。翻訳ができていれば項目に従ってデザインしていくだけですから簡単です。

ビジュアルエディタ使用時には投稿や固定ページの編集画面に並んでいるボタンに「Special Text Boxes」が追加されていますので、背景を設定したいコンテンツをドラッグした上でボタンをクリックし、設定を選択するか、ここだけに与えるデザインを行います。

「Special Text Boxes」をテキストエディタで使うには

[stextbox id=”一覧のスラグ名を入れる“]・・・開始ショートコード
ここにテキストやHTMLタグ、画像などさまざまなコンテンツを入れる
[/stextbox]・・・終了ショートコード

  1. 「一覧のスラグ名を入れる」のところにSpecial Text Boxesの一覧にあるスラグを入れます
  2. 「ここにテキストやHTMLタグ、画像などさまざまなコンテンツを入れる」のところにはWordpressの投稿や固定ページで使用できるコンテンツなら何でも表示できます

【wp special textboxes】をもっと便利に使うために

テキストエディタで使用する場合、そのままでは特にCSSを使いクラス指定してデザインするのと何ら変わりありません。ここでもう一つ「Add Quick Tag」プラグインを使って作成した背景のショートコードを登録しておくと、簡単に呼び出すことができます。

WordPressで定型タグや定型文をボタン1つで挿入できるプラグイン「Add quick tag」
定型HTMLタグや定型文をボタン1つで挿入できる、Wordpressプラグイン...
特にありません

実際にこのプラグインを使用した方から寄せられた感想を紹介します。
※ページ末尾に投稿フォームがありますので感想をぜひお寄せください
感想をお寄せください
※送信されたご意見は管理人によって確認の上掲載させていただきます

皆さんの声を募集しています

このプラグインの使用感はどうでしたか?
プラグインは実際に使ってみないと分からない部分が多いですよね?
たくさんあるプラグインを選ぶ上で皆さんの参考になるようぜひ皆さんのご意見・ご感想をお寄せください。
ご意見の一覧、投稿は上の「使用した方の声」から行えますのでお気軽にどうぞ!!
スポンサーリンク
Wordpressでサイトを作成する上で困ったことを解決するためのQ&Aサイト
ご訪問ありがとうございます。当サイトはWordpressを使っている人同士がサイト作りで疑問に思ったこと、ここをこうしたい!と思ったことなどを解決できるフォーラムサイトです。サイト内の質問と回答はどなたでもご覧いただけますが、スパム行為防止
を開設しました。質問のある方も、回答できるエキスパートの方もぜひご利用ください

シェアする

  • このエントリーをはてなブックマークに追加
Howdy,
Buy PRO version at http://wpclever.net to add more powerful tools to this place.