ブログやサイトの見た目やレイアウトの調整に便利な 『Shortcodes Ultimate』

4月中旬から、ほぼ毎日、WordPress と向き合っています。

WordPress をあまりご存知ない方向けに説明すると、ブログや、WEBサイトを作成したり、そのコンテンツを管理するのに便利なシステムです。 確かに便利なんですが、機能が幅広くあって、それを覚えるのもなかなか大変だし、メニューを移動したり、記事を更新するときに、サクサク動いてくれないとか、いくつか不満はあるものの、代替のシステムが見つからない限り、今後も使い続けると思います。

WordPress は、HTML や CSS などの知識がなくても、「プラグイン」と呼ばれる、ツールをどんどん追加していくと、本当に色々な機能を強化できるんですよ。

それらのプラグインの中で、見た目や、レイアウトの調整に有用な「Shortcodes Ultimate」というプラグインを見つけたので、その機能と、使い方について、説明します。

実は、自社サイトをいま更新していて、このブラグインを使っているんです。

Google で検索すると、もう十分かな、というぐらい、ブログの記事が見つかるんですが、私なりに、分かりやすく理解できるようにまとめてみますね。

「Shortcodes Ultimate」とは

WEBサイトを制作するとき、内部の構造は、HTML、見た目は、CSS で記述するのが基本です。

CSS は、言語の中では、簡単な部類の１つですが、それでも、WEBサイトの制作を専門にしていない人からすれば、使いこなすのが、大変だし、時間がかかる、というのが、個人的な見解です。

「Shortcodes Ultimate」というプラグインを使えば、CSS の知識があまりなくても、結構高度なデザインができるようになります。

ページのレイアウトをするのが、すんごく、楽チンになるんですよ。

「Shortcodes Ultimate」のインストール

WordPress にアクセスして、プラグインを追加します。

↑　プラグインの新規追加

↑　「Shortcodes Ultimate」の検索

↑　インストールを実行

↑　「Shortcodes Ultimate」の有効化

↑　プラグインの一覧で、「Shortcodes Ultimate」が有効化されているのを確認

「Shortcodes Ultimate」の機能

プラグインの一覧で、「Shortcodes Ultimate」の「例」というメニューに開くと、何ができるかが、動きも含めて分かります。

そのメニューからコードも取得できますよ。

１つ１つ、みていきましょう。

アコーディオン、スポイラ、異なるスタイル、アンカー

↑　クリックすることで、開いたり、閉じたりするメニューなどを作れる機能です。

タブ、垂直タブ、タブアンカー

↑　タブで切り替えできるパーツが作れます。

カラムレイアウト

↑　ページのレイアウト調整に、バッチリ使えます。

メディア要素、YouTube、Vimeo、ScreenR、自己ホスト型動画、オーディオプレーヤー

↑　Youtube などの動画の貼り付けに便利ですね。

アンリミテッドボタン

↑　ボタンて、普通に作ろうと思うと結構手間かかるんですよ。見た目もイケてます。

アニメーション

↑　動きのある、レイアウト・パーツを作れますね。

「Shortcodes Ultimate」の使い方

大きく２つやり方があります。

ショートコードを挿入

投稿ページまたは、固定ページの新規作成画面より、「ショートコードの挿入」メニューから追加します。

↑　「ショートコードを挿入」ボタンをクリック

↑　メニューから挿入したいものを選択

↑　「ショートコードを挿入」ボタンをクリック

↑　該当箇所を編集すれば、出来上がりです。

ショートコードの例より「コードを取得」

ショートコードの例のメニューから、「コードを取得」して、投稿ページまたは、固定ページの新規作成画面で、コードを利用します。

↑　ショートコードの例のメニューを開きます。

↑　例のメニューで、一通り、動きを確認できますよ。

↑　好みのコードを取得します。

↑　コードをすべてコピーして、同じく、投稿ページまたは、固定ページの新規作成画面で、コードを貼り付けします。

編集したいコンテンツの箇所を編集して、完了です。

ショートコードの例

アコーディオン

タブ切り替えパーツ

1/3 + 1/3 + 1/3 カラム

ボタン

Click me Click me Click me Click me Click me Click me

まとめ

どうです、簡単そうでしょ。

他にも、似たような機能を持った、『WP Canvas – Shortcodes』というプラグインもあるんですが、私が確認する限り、ウィジェットに貼り付けて、使えないんですよね。 『Shortcodes Ultimate』はウィジェットでも使えるので、重宝しています。

ただいま、自社サイトのリニューアル真っ最中なので、このプラグインを多用するつもりです。

WordPress を使っていましたら、参考にしてくださいね！