1. TOP
  2. サイドバーを自由自在にデザインできるプラグイン「Black Studio TinyMCE Widget」の使い方

サイドバーを自由自在にデザインできるプラグイン「Black Studio TinyMCE Widget」の使い方

 2017/02/11 Wordpressプラグイン  

あなたはサイドバーを編集していてこのように思うことはありませんか?

  • もっと自由にデザインしたい
  • ここに画像をはめ込めたらな・・・
  • htmlがわからないから、デザインは諦めています

もしも、あなたがこのように思っているなら、朗報です。

この記事で解説する「Black Studio TinyMCE Widget」は、htmlやcssの知識がなくても、サイドバーを自由自在にデザインすることができます。

最後まで読んでいただいて、是非お気に入りのデザインを作ってみてくださいね。

「Black Studio TinyMCE Widget」とは

この「Black Studio TinyMCE Widget」というプラグインでは、サイドバーやフッターなどにブログ記事を書くような感覚で、簡単にデザインすることができます。

Black Studio TinyMCE Widgetの簡単な説明

今まであなたが手を出しづらかったデザインもサイドバーに組み込むことができるのです。

Black Studio TinyMCE Widgetをインストールしよう

Black Studio TinyMCE Widgetのインストール方法です。

プラグインの新規追加画面で「Black Studio TinyMCE Widget」と入力します。

そして、「インストール」「有効化」とクリックします。

Black Studio TinyMCE Widgetのインストール方法

Black Studio TinyMCE Widgetのインストールが確実に完了していることを「インストール済みプラグイン一覧」から確認しておきます。

Black Studio TinyMCE Widgetのインストール完了画面

これでインストール完了です。

ワードプレスプラグインのインストール方法は以下の記事を参考にしてください。

ワードプレスプラグインをインストールする全手順

「ビジュアルエディアター」を選択してデザインする

次に「Black Studio TinyMCE Widget」を使用していきます。

「外観」「ウィジェット」を開きます。

Black Studio TinyMCE Widgetを使用する画面

サイドバーの欄に、以下の「ビジュアルエディター」をドラッグ&ドロップします。

ビジュアルエディター

この「ビジュアルエディター」を開くと、以下のように投稿画面になります。

ビジュアルエディアターの画面

「タイトル」「本文」に必要事項を記載していきます。

ブログ記事を書くような感覚でサイドバーのウィジェットをデザインすることができます。

ここでは事例として、画像リンクを挙げています。

画像リンク例

サイドバーに表示されることを想定して、サイズを調整したら。

右下の「保存」をクリックします。

ビジュアルエディターで編集した結果を確認する

実際にサイトを確認して、ちょうど良ければ完了です。

まとめ

以上が「Black Studio TinyMCE Widget」の使い方の解説でした。

ぜひこのプラグインを活用して、あなたの思い通りのデザインや導線設計をしてみてくださいね。

以下の記事ではサイドバーに様々な機能を追加するための方法をお伝えしています。ぜひご覧ください。

ワードプレスのサイドバーの編集方法

サイドバーにFacebookの「いいね!」ボタンとタイムラインを埋め込む方法

サイドバーに人気記事を表示させる方法


このサイトでは、情報の専門性・信ぴょう性に配慮しています。そのため、中央省庁のデータやGoogle公式資料、市場分析データ、書籍などの信用できるデータを参照するよう、心がけております。ポリシーについて

無料E-BOOK|0から始めるワードプレスマーケティング実践ガイド

0から始めるワードプレスマーケティング
このE-BOOKは次のようなノウハウをお伝えしています。

  •  ・ワードプレスブログを立ち上げてから、実際にビジネスに繋げる方法
  •  ・ブログを使った集客方法の全体像
  •  ・ブログやメルマガなど、様々なツールをより効果的に使いこなす方法

以下のボタンからダウンロードしてください。

ダウンロードする

関連記事

  • ワードプレスでカテゴリの順番を並び替えるプラグイン「Category Order and Taxonomy Terms Order」の使い方

  • ワードプレスのブログ記事で表(テーブル)を作成するプラグインと使い方

  • Akismetの設定方法!スパムコメントをブロックしよう!

  • WordPress Popular Postsを活用してサイドバーに人気記事を表示させる方法

  • お問い合わせフォームを作るプラグイン「Contact Form 7」の使い方を解説

  • Jetpackの使い方!この4つの機能だけ使っておけばOK!