Shortcodes Ultimate　カラムを使おう

プラグインShortcodes Ultimate のカラム使っていますか？
写真を横並びにしたり、写真の横に説明文を加えたりが出来ます。

●２カラム（スマホで表示の場合は縦に並びます）

●3カラム（スマホで表示の場合は縦に並びます）

こんな感じです。コレを簡単にできるように解説していきます。

WordPressのプラグインのインストール

プラグイン【Shortcodes Ultimate】をインストールし有効化します

　　

1. ワードプレスのプラグインにカーソルを合わせ新規追加をクリック。
2. 検索窓に、Shortcodes Ultimateと入力
3. 今すぐインストールをクリック
4. プラグインを有効化にクリック

【Shortcodes Ultimate】が使えるようになりました。

【Shortcodes Ultimate】公式サイト

カラムを使います

普段の使い方

他のボックスやメモなどは【ショートコードを挿入】を使いますが、カラムを使う時は、写真などを挿入する事が多いので違う方法で行う方が分かりやすいです。
そして次回からは、一瞬でカラムを使う事が出来るのでオススメです。

　

どうするかというと、直接ワードプレスの投稿画面に入力します。

ちゃんと合っているか、プレビューにして確認します。

ちゃんと出来ていたら、コレをコピーアンドペーストして、パソコンのユーザー辞書に登録します。
最初のカッコから最後のカッコまで切れないように選択して、コピーします。

MacBookの場合のユーザー辞書登録方法

 

アップルメニュー＞「システム環境設定」と選択し、「キーボード」をクリックして、「ユーザ辞書」をクリック　　（メニューバーの”あ””A”からでも登録出来ます。）
＋をタップ左側の空白にひらがなで”からむ”と入力します。
クリックして、右側の空白にペーストします。

 

実際に使います。

では、写真と説明文を並べましょう。メディアを追加から写真を追加します。

次に、説明文をどこにでもいいので入力します。
左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明
左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明

ひらがなで　”からむ”と入力して変換すると、先ほど登録した[su〜が何番目かに出てくるので選択します。
写真を選択して右クリックで切り取りをします。そしてひだりのところにカーソルを持っていって貼り付けます。

そして説明文を全て選択して、切り取ります。次はみぎのところで貼り付けします。]カッコが切れていたら崩れるので気をつけましょう。切れた場合は入力します。

左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明
左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明

バランスが悪いので調節します

1/2と1/2では、バランスが悪いので、数字を書き換えます。1/3と2/3にします。

左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明
左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明左の説明

　　　　

写真をタップすると、左寄せ、右寄席など選べるので、適当な位置に配置しましょう

3カラムも登録します

同じようにユーザー辞書に登録します。わたしは”さんから”と登録しています。

一番間違えるのは、やはりカッコを消してしまう場合が多いのでその点だけ注意しましょう。

最後に

いかがでしたか？きちんと登録できたでしょうか？私は何度も【ショートコードを挿入】で失敗し、手で入力した方が分かりやすかったので、この使い方をしました。
他のショートコードでも内容は投稿画面で入力して、切り取りして、貼り付けています。

 

　

パソコン画面をスクリーンショット&加工の方法