WordPressでCSSデザインを簡単に実装する方法

wordpressにショートコードプラグインが導入すると、おしゃれなデザインを簡単に実装出来る事が可能になります。具体的には以下の事がボタン一つで実装可能です。

例

こんにちはこれはサンプルテキストです。こんにちはこれはサンプルテキストです。こんにちはこれはサンプルテキストです。こんにちはこれはサンプルテキストです。こんにちはこれはサンプルテキストです。

背景色変更。

リンクボタン

おすすめのショートコードプラグインは以下の２つです。

1. Shortcodes Ultimate
2. WP Canvas – Shortcodes

Shortcodes Ultimateで出来る事

参考サイト

以下のサイト様で実際にデモが置いてあります。

Shortcodes Ultimateで使える50種以上のショートコード一覧

WordPressプラグイン「Shortcodes Ultimate」で無料で使える50種類以上のショートコー

www.singapore-startup.com

ワードプレスなら簡単にできる！画像の横に文字を配置する方法 | ７つ星ブログ

ワードプレスのプラグイン「Shortcodes Ultimate」を使って、写真とテキストを横並びに配置する方法を書いています。

esquared.jp

WP CANVASの出来る事

wp canvasは、ショートコードでcssデザインを簡単に実装できる以外にも固定ページに人気記事をサムネイルリンク付きで並び替えられたり応用度は高いです。

参考サイト

http://www.onecos.me/wpcanvasshortcodes/

www.onecos.me

HTMLやCSSの知識がなくてもおしゃれな記事が書けるShortcodes by Angie Makes - Naifix

WordPress は HTML や CSS の知識がなくても無料ブログと同じように記事が書けますし、TinyMCE Advanced というプラグインを入れることで表作成なども簡単にできます。 でも、記事内で段組みした

naifix.com

まとめ

2つのショートコードを使ってみた結果、Shortcodes Ultimateの方が個人的には使いやすかったです。直感的に使えるのはShortcodes Ultimateでした。