質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
TinyMCE

TinyMCEとはプラットフォーム独立型であるウェブベースのJavaScript/HTML WYSIWYGエディターです。Moxiecode Systems ABによってLGPLライセンス下でオープンソース化されています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

1回答

1552閲覧

[WP Visual Icon Fonts]をプラグインなしでTinyMCEで使用したいです

makoto-n

総合スコア436

TinyMCE

TinyMCEとはプラットフォーム独立型であるウェブベースのJavaScript/HTML WYSIWYGエディターです。Moxiecode Systems ABによってLGPLライセンス下でオープンソース化されています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2017/05/23 09:00

WP Visual Icon Fontsを有効化すると
iconFont
上図のようなドロップダウンが出力されます。

なのですが、これをプラグインを使用しないで出力・表示させたいと思っています。
functions.phpまたTinyMCEをどう拡張すればいいでしょうか?

プラグイン → プラグイン編集 → wp-visual-icon-fontsを選択しますとプラグインのソースは表示されるのですが、どこを切り取って使用すればいいかわかりませんでした。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/05/23 09:38

プラグインを使用したくない理由はなんでしょうか。自力で実装できないのであれば、そのままプラグインを利用するのがよいのではないでしょうか。そのためのプラグインなわけですし。
makoto-n

2017/05/23 14:11

Font Awesomeをfunctions.phpで読込むことを前提に制作したテーマだからです。顧客がFont Awesomeを使用したいと要望を出してきた場合にも対応できれば、また自分の拡張のスキルも上がればいいと思いました。
makoto-n

2017/05/23 14:15

プラグインを使用するとFont Awesomeを二回読込むことになります。逆にプラグインを使用しない、もしくはfunctions.phpに記述しないとどちらかが実装されていることを前提とした状態で提出などはしたくはないです。
makoto-n

2017/05/23 14:17

それと、今回の質問の意図に「プラグインのソースを読み取ってテーマを拡張する力をつけること」があります。
guest

回答1

0

ベストアンサー

プラグインWP Visual Icon Fonts(https://wordpress.org/plugins/wp-visual-icon-fonts/)の仕組みを確認しました。

  • wpvi_add_icon_select関数でアイコンを選択するドロップダウンリストを作成
  • chosen.jsおよびfa4-admin.js(もしくはgenericon-admin.js)でドロップダウンリストからアイコンを選択したときの投稿画面の挙動を制御
  • wpvi-admin-style.cssで投稿画面上のドロップダウンリストの見た目等を設定

ざっと確認したところ、こんな感じです。

それほど複雑なプラグインではないので、処理を丁寧に追っていけば必要最低限な箇所を抽出することはそう難しくないと思います。

投稿2017/05/29 11:12

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

makoto-n

2017/05/29 14:03

わかりました! ありがとうございます!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問