ビジュアルエディターのツールバーからレイアウト変更のボタン追加

【やりたいこと】

投稿中に自由な場所にレイアウトを配置したい。

①ビジュアルエディターの上にあるツールバーにオリジナルのボタンを追加。
②それをクリックするとフォームや画像挿入ボタンがでてくる。
③フォームに記入して保存する
④htmlタグが自動生成

例えば投稿記事の中で下記のようなタグを囲みたいです。

html
1
2<div class="wrap">
3  <p>テキストフィールドに入力したものが入る</p>
4  <div class="image>
5    <img src="画像選択から挿入したものが入る">
6  </div>
7</div>
8

しかし、素人の方がテキストからタグを打ち込むのは面倒、、なので
テキストフォームと画像挿入ボタンが現れるツールを作ってその内容が
上記のタグの中に収まってくれるような機能が作りたいです。

カスタムフィールドを普通に作ることも考えましたが、それだと自由な場所に置けないなと思い、、
何か良い方法はあるでしょうか？＞＜

私なりに調べてみましたが中々情報に辿りつけず...

行動規範の内容に同意します

回答2件

ビジュアルエディタでできることにはやはり限界があるので（特に「自由なレイアウト」というのは非常に難しいです）
いっそ別エディタを使うのも一つかなと思います。

こういうプラグインもありますよ…という参考に。
Page Builder by SiteOrigin
自由に、というのであればドラッグ&ドロップでのカラム幅変更やコンテンツ位置入れ替えにも対応しているので
自由度はかなり上がると思います。
ただし、このプラグインは投稿ページのみではなく、固定ページにも適用されます（※タブ切り替えなので切り替えてしまえば何も問題はないでしょうが）

あとはStorehouseなどのブログサービスに見られるドラッグ&ドロップでの編集に対応したWPテーマも出てきているので、ダウンロードしてみて、それに習って投稿画面をカスタマイズしてみるのも一つではあります。（作成におっそろしく時間かかりますが…笑）

投稿2016/04/08 15:04