SANGOがもっと便利に！「All ShortCode of SANGO」でショートコードを簡単に貼ろう

こんにちは、こはるです！

弊ブログで愛用しているブログテーマ、SANGO。
ブログ界隈でもその美しさとカスタマイズの充実度で沼にハマる方続出中です。

SANGOって？という方はまずコレ
サルワカさんのWordPressブログテーマ「SANGO」に惚れてもーたんじゃい！！

そして、そのSANGOのカスタマイズの先駆者、まっさーさんが作り上げた愛されし子テーマ、PORIPU。
この組み合わせでさらにSANGO礁の住民は増加中です（体感的に）。

PORIPUはいいぞ～～
SANGO公認子テーマ「PORIPU」が超感動的だったので紹介させてほしい

そんな今日この頃、さらにSANGOのお友達が歓喜しそうなプラグインがリリースされました。

その名も「All ShortCode of SANGO」。

かゆいところに手が届く、この素晴らしいプラグインを画像たっぷりでご紹介していきたいと思います。

全国のSANGO礁の皆さまに届きますように！

All ShortCode of SANGOとは？

このプラグインは、ご自身のブログをSANGOでカスタマイズされております現役大学生のふうやさんが何と３日で作成されました。つよい…！

ショートコードを投稿画面から簡単挿入

SANGOにはたくさんの機能がありまして、「ショートコード」を記事に挿入することでその機能を使えるようになります。

↑これの目次だけでも見てきてください(別タブで開きます)。めっちゃショートコードあるんです。

この豊富なショートコード、一部はAddQuicktagに登録して使ってはいたものの、どんどん機能が追加されるのでやっぱりこのカスタマイズガイドを開いてはコードをコピペしていたわけですよ。

そのちょっとした手間を取り除き、WordPressの投稿ページで済ませることができるのがこのプラグイン。

完全無料のプラグイン

はい。この便利な機能が、無料なんです。

嘘…だろ…！？！？

ということで、感謝の気持ちを込めて精一杯ご紹介記事を書かせていただきます。
ふうやさん、本当にありがとうございます。

ダウンロードはふうやさんのブログから行えますよ！こちらからどうぞ。

プラグインのダウンロード

All ShortCode of SANGOの対応ショートコード

一通り使ってみましたので、画像付きでご紹介していきますね。

基本的な使い方

ふうやさんのブログからプラグインをダウンロード後、WordPressにインストールして有効化すると、記事を投稿する画面にボタンが出現します。

ショートコードを挿入したいところでこのボタンをポチ。

これがAll ShortCode of SANGOのショートコード挿入画面。
ここから使いたいショートコードを作っていきます。

「ショートコードのプレビュー」を押すと、表示イメージが確認できます。
いちいちプレビューを押して別窓で確認する必要がないのでとっても楽。

問題なければ「投稿に挿入」を押せば簡単に記事に追加可能できますよ！(その他のショートコードも操作はほぼ同じです)

アコーディオン

アコーディオンとは、ボタンを押すことでメニューを開閉できる機能。
普段は隠しておきたいものや、表示させると長いものなどを隠しておいて、必要に応じて開閉できるようになります。

↑これです。

タイトル部分には閉じた状態のボタンに表示させたい文章（「クリックして開きます」など）を。

下のエディタに隠しておきたいコンテンツを入力します。

タイムライン

タイムライン形式の表示を作り出せる機能です。

STEP1…のように順序立てて説明するときに便利。

↑こんなやつが作れます。

これもカスタマイズガイドからのコピペが省けて楽チンですね！

関連記事

とっても便利な関連記事のショートコード。SANGOでこれを使うには、表示させたい記事ID(数字)を確認する必要がありました。これが地味に大変。

このプラグインでの関連記事画面。

おや、記事のアイキャッチが見えますね。

これ、使ってみましたがめっちゃ便利です。

この至れり尽くせり感。

表示形式は3種類あり、それぞれこうなります。

①横長タイプ

②カードタイプ

③別スタイルのタイプ

管理画面から表示切り替えができて、すぐプレビューできるのは嬉しいところですね！

アップデートにより「新しいタブで開く」機能が追加されて、さらに便利になりました！

他サイトへのリンク

外部リンクを作成する時も、専用の枠が用意されるので入力しやすくなります。

リンク先のURL、記事のタイトル、サイト名をそれぞれ貼り付けるだけ。

ショートコードの文字列の中にコピペするのは結構難しかったので、これなら間違いや失敗が防げますね！

文字数が長くなると、画像のようにｽﾞﾗｰｰｰｯと長く表示されて、文字が若干かぶるのが少し気になるところ。今後のアップデートで解消されるかしら？

こんな表示になります

作った外部リンクはこんな感じの表示に。キレイですね！

アップデートにより、「新しいタブで開く」機能と「nofollow属性付与」機能が追加され、さらにかゆいところに手が届く仕様に強化されました。

線・点線を引く

これは地味に嬉しいw

実線と点線を引くことができる機能です。私は固定ページの区切りに使っています。

補足説明／注意書き

SANGOでは「memo」と「注意」という枠を作ることができます。

これもこのプラグインで分かりやすく簡単に挿入できるようになりますよ！

タイトルを変更できるので、「memo」以外に色々応用できそう。

補足説明の完成イメージ

注意書きの完成イメージ

ソースコードボックス

カスタマイズ記事を書かれる方には朗報。

ソースコードを表示させるボックスも簡単に作成できます！

吹き出し

こはるアイコンの吹き出しはAddQuicktagに登録してありますが、たまーに使いたい吹き出しアイコンだと設定が結構面倒でした。

これまでのやり方だと、画像のURLをコピペする必要があったんですよね。

このプラグインなら、見て。メディアから画像を選択して設定できるんです。URLのコピペ必要なし。

画像位置を右にするか左のままにするかも設定可能。きめ細やかな配慮が嬉しいですね！

挿入するとこうなります

横並び２列／３列

画像や文章を横に2枚または3枚並べることができる機能。

プレビューを押して別窓で確認するのがいちいち大変なこのショートコードも、簡単切り替えでプレビューできます。

ただし、画像のサイズによってはうまく表示できない場合もあるようです。

表示分岐

モバイルから見た時だけ表示させる、またはPCから見た時だけ表示させる。

そんな設定もポチッと押すだけで設定可能です！

指定のカテゴリー記事／タグ記事を表示

指定したカテゴリーや特定のタグを使った記事を好きな数表示できる機能ですが、IDを調べるのがなかなか大変なのです。

このプラグインなら、ご覧の通り自分のカテゴリーをドロップダウンリストから選んで設定することができます！(タグも同様)

管理画面からカテゴリー一覧に行ってIDを調べて…という手間は一切なし！

おまけに表示する記事数までこの場で入力できます。

画像に文字をのせる

こんなこともできちゃいます。

メディアから画像を選んで、画像の上に乗せたい文字を入力すれば…

こんなイメージになります

オサレ…!!!

新着記事を好きなだけ表示

こちらの機能も、表示させたい新着記事の数を入力する枠が用意されているので、とても簡単です！

レビューボックス

商品のレビューを書く方にオススメ！星の数で評価を表示します。

まぁ、つまりこういう感じです。↓

コピペ不要で管理画面から挿入できて、素晴らしい！

ボタン

SANGOのために用意された様々なボタンも、このプラグインで簡単挿入が可能になります！

嬉しいことに、

1. 新しいタブで開く機能
2. nofollow属性付与機能
3. ボタン中央寄せ機能
4. リップルエフェクト機能

こんなに多くの便利機能がチェックボックスで対応可能。

なお、「例を見る」を押すとボタンのイメージが画像で確認できます。

ボタン名の説明だけではイメージしづらいけど、視覚的に分かるからいいですね！

ボックス

SANGOの魅力の一つである、豊富なデザイン。

その中のひとつ、ボックスもこのプラグインから挿入可能に。

「例を見る」のボタンを押すことで、ボックスデザインが一覧となり確認することができるようになります！

これはありがたい…！

いいなと思ったデザインのボックスをドロップダウンリストから選び、タイトルと文章を入力して「適用」すれば…

簡単にできちゃいます…！！！

SANGOユーザーならぜひ使ってみて！

以上が、現在の機能一覧です。

ご覧いただいた通り、ものすごく充実しています。これは記事を書く効率がめっちゃ上がりそう…！

今後のアップデートも楽しみ。

ふうやさん、素晴らしいプラグインをありがとうございました！

SANGO愛用の皆さん、ぜひ使ってみてくださいね。

プラグインのダウンロード