入れておきたいプラグイン TinyMCE Advanced

[vc_row row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” css_animation=””][vc_column][vc_empty_space][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner width=”1/2″][vc_column_text]wordpress-pluginsそのままでも、非常に便利なWordpressですが、プラグインを追加することによってどんどんパワーアップしていきます。ただし、プラグインを入れすぎると動作が重くなってしまって、[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]ローディング遅いサイトをユーザーに提供することになってしまいます。そこで、これはいれておいた方がいい!というプラグインを紹介していきます。これらのプラグインの解説はあくまで管理人が経験上感じたことです。[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_empty_space][/vc_column][/vc_row][vc_row row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” css_animation=””][vc_column][vc_column_text]

TinyMCE Advanced

[/vc_column_text][vc_empty_space][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner width=”1/2″][vc_column_text]自分でhtml, cssをスラスラ書くことができない管理人は、まずこれです。初期状態のWordpressのビジュアルエディタには必要なものはそろっていますが、例えば表組み(table)を使いたくなったときなど、やっぱり少し機能不足です。そこで、TinyMCE Advancedの登場です。

プラグインの導入の基礎的な方法などは別ページで紹介します。TinyMCE Advancedを導入したら、まずしたいのがその設定。プラグインを入れてすぐにつかいたくなるのはわかりますが、この設定が重要です。右の画像をクリックして拡大表示してみてください。この充実設定内容!こんなものが無料で転がっているインターネット、驚愕です。[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”784″ img_size=”full” alignment=”center” style=”vc_box_rounded” onclick=”link_image” qode_css_animation=”element_from_fade”][/vc_column_inner][/vc_row_inner][vc_empty_space height=”10px”][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner width=”1/2″][vc_column_text]自分は右(下)のような感じに設定してあります。赤線を引いたところが多用する部分です。しかし、この手、htmlをGUIで編集するプログラムの性、あんまり編集に夢中になって、いろいろやっていると裏で生成されるhtmlコードがどんどん煩雑になっていってしまいます。できたと思ったら、必ずテキストモードに切り替えて、一回コードを見直すことをおすすめします。でも、絶対入れたほうがいいプラグインのひとつです![/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”786″ img_size=”full” alignment=”center” style=”vc_box_rounded” onclick=”link_image” qode_css_animation=”element_from_fade”][/vc_column_inner][/vc_row_inner][vc_empty_space height=”62px”][/vc_column][/vc_row]