ワードプレスやブログ運営に役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

Shortcodes by Angie Makes - ショートコードで記事を装飾&拡張できるWordPressプラグイン

このエントリーをはてなブックマークに追加
Shortcodes by Angie Makes

記事公開 2015.06.01

最終更新 2017.02.19

Shortcodes by Angie Makesは、ショートコードを利用して記事を装飾したり、様々な機能を拡張して利用できるWPプラグインです。

このWPプラグインを利用すると記事内での表現の幅が広がります。CSSの装飾で記事の見た目が良くなります。便利な機能としては、記事内でのカラム分割表示やタブ表示などもできます。

このWPプラグインはWordPressで記事を書く際に、あると便利な機能をまとめたものです。独自の仕様に慣れるまでに時間がかかりますが、慣れると非常に役立つプラグインです。

プラグインの名称が変わりました

新名称:Shortcodes by Angie Makes
旧名称:WP Canvas Shortcodes

はじめに

このプラグインが優れている点

  1. ショートコードを利用して記事を装飾したり、様々な機能を拡張して利用できる。
  2. ビジュアルエディタの上部に専用のショートコード挿入ボタンが追加されます。ちなみに、テキストエディタ(HTMLモード)には、ショートコード挿入ボタンは追加されません。
  3. 記事内でのカラム分割表示やタブ表示など、役に立つ機能が満載です。
  4. WPプラグインの管理画面やマニュアル類は英語表記ですが、文言を日本語にすれば、日本語のサイトでも利用できます。

使い方&動作見本

デモサイトに実際に動作するショートコードの見本が公開されています。

ショートコードの動作見本

Accordion アコーディオン構造のコンテンツを表示できる
Tabs タブ構造のコンテンツを表示できる
Toggle 項目をクリックすると展開するコンテンツを表示できる
Columns & Sections 記事内のカラムを分割表示できる
Testimonials 利用者の声を表示できる
Borders 破線を表示できる
Buttons リンクボタンを表示できる
Full Width 指定したコンテンツエリア内で最大幅表示できる
Notifications お知らせ(メッセージボックス)を表示できる
Google Maps グーグルマップを表示できる
Social Icons ソーシャルメディアの各種アイコンを表示できる。カスタムアイコンにも対応
Progress Bars 進捗率を表す横棒を表示できる
Pricing 価格表を表示できる
Images with Flags 画像の上に見出しテキストを重ねて表示できる
Highlights テキストのハイライト表示ができる
Countdown 指定日時に対してのカウントダウンができる
RSVP 招待状のフォームを表示できる。文言は管理画面でカスタマイズ可能
Custom HTML カスタムフィールドに登録したHTMLコードを表示できる
Code Snippets カスタムフィールドに登録したソースコードを表示できる
Isotope / Masonry Posts 記事内にサムネイル画像付きの記事一覧を表示できる
Font Awesome Icons フォントアイコンの「Font Awesome Icons」を利用できる
Heading 記事の見出しをカスタマイズして利用できる

ショートコード挿入画面の例

ビジュアルエディタの上部ボタンにショートコードとフォントアイコン挿入ボタンが追加されます。

ショートコード挿入画面

ショートコード挿入画面

フォントアイコン挿入画面

フォントアイコン挿入画面

インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「WP Canvas Shortcodes」で検索
  2. WordPress.org からダウンロード

プラグインの使い方

管理画面の場所

プラグインの管理画面は下記の場所にあります。

WordPress管理画面 > 外観 > Shortcodes

管理画面の設定

管理画面には「Social Media」「Share Buttons」「RSVP」「Misc」のタブがあります。

このプラグインは、初期設定のままでも運用できます。英語の文言を変更したい場合は、対応するタブを選択して文言を変更しましょう。

Misc(その他設定)

フォントアイコンの「Font Awesome Icons」を利用しない場合は、チェックを外すとヘッダーにあるCSSの読み込むタグを除去できます。

Misc(その他設定)

まとめ

Shortcodes by Angie Makesは、ショートコードを利用して記事を装飾したり、様々な機能を拡張して利用できるWPプラグインです。

このWPプラグインはWordPressで記事を書く際に、あると便利な機能をまとめたものです。独自の仕様に慣れるまでに時間がかかりますが、慣れると非常に役立つWPプラグインです。

スポンサーリンク

最後までお読み頂きありがとうございます

ネタワンは皆様の善意に支えられています。
この記事の内容が役に立ったと思ったら、記事をソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


ネタワンを購読する

  • Twitter
  • Facebook
  • Google Plus
  • Feedly
  • RSS
  • Push7

初心者向け

WordPress使い方ガイド
WordPress入門

スポンサーリンク

ワードプレステーマTCD

ネタワンでも利用しているTCDのWordPressテーマを紹介します。様々な種類のテーマが販売されています。

MAG(TCD036)

WordPressテーマ「MAG(TCD036)」

ハイクオリティーな人気ブログを構築できるWordPressテーマ


ワードプレステーマTCDの詳細&レビューはこちら