マンション管理士は、マンション管理の諸問題に対して管理組合の立場に立って、解決を支援する専門家です!業務地域◇阪神地区:西宮市,宝塚市,芦屋市,神戸市,伊丹市,尼崎市,三田市,川西市ほか隣接地域

  トップメニュー
  インフォメーション
  RSS 配信ニュース
  マンションの法律
  マンションの維持
  マンションの運営
  マンション関連書籍
  et cetera
  HP内検索

高度な検索



カテゴリ: お役立ちツール
訪問Wordpress ビジュアルエディターTinyMCEでの表示フォント変更 備忘録[2]  人気 最終更新日: 2014-6-1
説明:
■[ビジュアル]画面で、フォントの種類の追加が反映されない現象

[ビジュアル]画面では、フォントサイズは反映されましたが、フォントの種類は相変わらず、英文フォントの代替フォントとして明朝体で表示されているようで、編集はやりづらい状況です。

私は[テキスト]画面でタグを叩きながら入力して、たまにプレビューを[ビジュアル]画面で確認できる程度で十分ですが、タグに疎い会員の方の利便性を考えると、ビジュアル画面でWinodowではMS系かメイリオフォント、マックはよく分かりませんが、ヒラギノ角ゴあたりが表示されるとよいでしょう。

※備忘録[1]は下記リンク
http://mansion.eduplan21.net/cam/mylinks/singlelink.php?cid=6&lid=28

【手順2】
?ビジュアル画面の使い勝手をよくするため、[TinyMCE Advanced]というプラグインを導入します。Versionは4.0.2です。
ダウンロードは以下リンク参照。
https://wordpress.org/plugins/tinymce-advanced/

?サーバへアップロードして、[TinyMCE Advanced]を有効化します。

【手順3】
?アドバンストオプションで、追加スタイルシートを指定しようにも、Themeは標準添付とは別のフリーテーマを導入したためか、[editor-style.css]が、下位フォルダーも含めてThemeフォルダ内に存在せず、「このテーマではオプションが適用できない」旨のメッセージが出ていたと思います。

?大丈夫です。標準Themeの[twentyfourteen]などの下位フォルダー内に[editor-style.css]があり、これを利用します。

?[editor-style.css]ファイルを、たとえばbody内のfont-familyを次のように変更します。

body {color: #2b2b2b;
font-family:'meiryo','ヒラギノ角ゴ Pro','MS Pゴシック','MS ゴシック','MS UI Gothic','MS 明朝','MS P明朝',Lato, sans-serif;
font-weight: 400;
line-height: 1.5;
vertical-align: baseline;
}

?現在使用するテーマフォルダー内にアップします。

アドバンストオプションの追加スタイルシートのロードにチェックマーク、変更の保存。
[Advanced Options]
□ Load the CSS classes used in editor-style.css and replace the Formats button and sub-menu.
(実際の画面に近い雰囲気で表示できるようになります)

?これで、[ビジュアル画面]のフォントファミリーもスタイルシートで追加した先頭フォントのメイリオになり、以前に比べ見やすくなりました。フォントの種類はPC等に保存されているフォントに依存します。

?うまく表示されない場合は、[TinyMCE Advanced]プラグインを一度停止(無効)にして、ブラウザのキャッシュをクリアする。
→プラグインを有効にして、[ビジュアル画面]で投稿やページを表示してみてください。

■ビジュアル画面のメニューボタンで日本語フォントを別途指定できない問題
懸案だった表示は、[ビジュアル]画面でも見やすいフォントへ変更できました。
ただ、[ビジュアル]画面上のメニューボタンに[フォントファミリー]を追加しても、プルダウンボタンで表示されるフォントには、日本語フォントは反映されておらず、英語フォントしか選択できません。
[テキスト]画面でタグを叩けばいいだけですが、サイト会員の利便性に配慮すべく、WPのプログラミングの詳細はよく分かりませんので、力量の範囲で取り組むことにしました。

→続きは[3]で

ヒット数: 653   評価: 0.00 (投票数 0 )
このサイトを評価する | 修正 |リンク切れ報告 | 友達に紹介 | コメント (0)

     |ホ ー ムプライバシーお問い合わせお問い合わせフォームリンクについてリンク集
   
Copyright ©2003-2017, Condominium Administrative Manager MAINO, Edu-Plan Ltd.           
  == 左側メニュー枠が縮小されて歪む場合、【 お気に入り 】エクスプローラーバーを一時閉じて閲覧ください ==