WordPressのTinyMCEをチキチキにカスタマイズする | 高橋文樹.com | プログラミング
この投稿は 13年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近続いているWordPressエントリーの続きです。ところでみなさん、HTMLタグは好きですか？ 僕はというと、特に好きとかはなくて、「セマンティックWebを実現するために大事だとは思うけど、書きたくはない」という感じです。 さて、WordPressにはTinyMCEというWYSIWYGエディタがついています。これはWordPressの中の人ではなくMoxiecodeというスウェーデンの人が作ったオープンソースのソフトですね。 今回はいかにタグ打ちをせずに済ませるかという点にしぼってご説明します。たぶんリンク集みたいになると思いますが、カスタマイズの方法は大体下記の通りです。 TinyMCEでの見映え自分のブログと統一する（初級） TinyMCEに元からあるボタンを追加する
WordPressのビジュアルエディターにCSSを設定出来るって知ってますか？ - NPO法人のためのIT支援事務所 ht
意外にみなさん、知らない人が多い？ WordPressのビジュアルエディターにCSSを読み込ませて、公開されるページのデザインをそのままビジュアルエディターで表現できます。 こんな感じです。 これうちの法人のホームページの１ページです。 このページの固定ページのビジュアルエディターを見てみると・・・ こんな感じで、見出し部分が表示されるページと全く同じスタイルを適用することができます。 見出し以外にもテーブルのデザインや、フォントの種類などCSSで指定出来る項目はビジュアルエディターにも反映させることができます。 ビジュアルエディターにCSSを設定する方法 add_editor_styleを追加 functions.phpに以下のコードを追加します。 [php] <?php add_editor_style(); ?> [/php] <?php ?> 左のPHPブロックのところはfunct
[WordPress] ビジュアルエディタにCSSを適用する
※本サイトではアフィリエイト広告を利用しています。記事内および商品リンクにはプロモーションが含まれる場合があります。 WordPressの投稿エディタ WordPressの投稿エディタには、ビジュアルとHTMLの２つのモードがあります。 ビジュアルエディタでは、挿入した画像が表示されたり、装飾テキストが反映されたりと、実際に投稿される記事に近いイメージで編集作業が行えます。 非常に便利なエディタなのですが、このビジュアルエディタのスタイルが、実際のテーマで使用しているスタイルと異なるという点が非常に気になっていました。 ビジュアルエディタのスタイルについて 例えば、見出しのスタイルを弄っている場合、実際の投稿画面では以下のような表示になります。 見出し部分に、グラデーションや、水色のラインなどの装飾がされています。 次に、この記事の編集画面をご覧ください。 見出し部分には、先ほどのような装
![[WordPress] ビジュアルエディタにCSSを適用する](https://cdn-ak-scissors.b.st-hatena.com/image/square/b61a147a954601a3f9fdc2f981af10bcea695105/height=288;version=1;width=512/https%3A%2F%2Fstorage.googleapis.com%2Fgcs.unsolublesugar.com%2F2012%2F08%2F309dd41c2af2dd6ae9dcee206274b83f-230x230.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
