WordPressは、アメブロよりページ装飾機能が多い

この記事を読むのに必要な時間は約 7 分です。

WordPressの装飾機能について

従来、HTMLやCSS・Java Scriptなどでページ作成していたころ
ページを装飾するのは、画像やスタイルシート・タグ・スクリプトなどでしたが・・・
WordPressが主流になった今は、プラグインを有効活用するようになりましたね。
それによってどうなったのか？
正直、初心者の方でも工夫次第でプロ顔負けのページ装飾ができるようになったということです。
では、実際にどんなプラグインがあるのか？
簡単で使いやすいものを紹介します。

使いたいプラグイン

WP EDIT

WP EDITをインストールして有効化するとこれだけボタンが増えます。
それだけでもないのですが・・・
ページの装飾は、ここだけで十分すぎるほどあります。
上の列に文字を装飾するボタンを集めています。
太字や下線・斜体だけでなくフォントや文字サイズや文字色・背景色まで・・・
下の段には、動画や画像に関するものやテーブル作成などが並んでいます。
これ、実はかなり並べるの面倒な作業なんです。

WP EDIT
このプラグインは、日本語化されていません。
くまはちLABで日本語化に成功しているのでレンタルサーバー借りていただいているお客様には日本語化を無料でさせていただく予定です。

Shortcodes Ultimate

WP EDITだけでもかなり装飾しやすいですが、それだけでなくShortcodes Ultimateも・・・

簡単に上記のものが挿入できるのです。
ボタンなども簡単に作成できてしまいます。
→　ボタン作成
→　作成したボタンのサンプル
初心者にはこれがあれば楽チンですよ

Shortcodes Ultimate
ある程度日本語化されているのでインストールして有効化するとそのまま使えますよ。

Shortcodes by Angie Makes

こちらもショートコードで簡単にできるんです。
ただ、この画像にあるようにカラムは、こちらで作成する方が簡単です。
その他、アコーディオンやタブ表示なども簡単に作成できますね
スライダーも作成可能です。
1歩進んだページになるかもですね。

Shortcodes by Angie Makes
このプラグインも日本語化されていませんが、そのまま使えます。

Better Font Awesome

ご存知でしたか？
最近は、いろんなアイコンがフォントとして扱われていることを・・・・
Better Font Awesomeをインストールしておくだけで[icon name=”facebook-official” class=”” unprefixed_class=””]Facebookや[icon name=”twitter-square” class=”” unprefixed_class=””]Twitterなどのアイコンも簡単に挿入できるのです。
使い方は、スクロールして探すもよし、キーワード検索もできますよ。見つけたらクリックするだけです。
また、当サイトのメニューバーなどでもこのアイコンフォントというものを利用して表示しているのです。
タグの書き方知らなくても簡単に挿入できるって楽チンだと思いませんか？

Better Font Awesome

このプラグインも日本語化されていませんが使い方が簡単なのでそのまま使えると思います。

AddQuicktag

このプラグインは、ある意味Amecareに似た特性を持つプラグインです。
ビジュアル画面とテキスト画面で上記画像のように配置されます。
要は、タグを登録しておくだけです。
ちょっとTCDライクなタグとHTML5で利用可能なタグを登録してみました。

開始タグと終了タグをどう登録するかです。
このプラグインのいいところは、設定をエクスポートできてもちろんインポートもできます。
くまはちLABでレンタルサーバー借りていただいてるユーザー様には設定データをJSONファイルで配布しております。