Shortcodes Ultimate でオレティメットショートコードを創る！

2017年7月8日2018年4月15日楽しみながら継続するための簡単カスタマイズWordPress,オレティメット,カスタマイズ,プラグイン,初心者,究極プラグイン

inowayいのうぇいです。

 

あいも変わらず Shortcodes Ultimate究極プラグイン にハマってるinowayです。

 

いや、本当に便利で面白いんですよね、ショートコードって。

 

使うことにより、なによりもこう記事やコンテンツ作成のモチベーションが高まります。

 

だって、楽チンですからね。

 

複雑なデザインやウェブの知識を必要とせず、コードを記述するだけでブログやサイト上に様々な機能やオプションを実装出来るんですよ。

 

 

 

で、あまりにもその素晴らしい機能にメロメロになり、ついには有料の拡張アドオンまで購入してしまいました。

 

しかも３つセットのまとめ買いで。

 

 

 

まあ、なぜまとめ買いしたかってゆーとお得だったからです(笑)

 

なんと別々に購入するより 15ドル も割引。

 

正直、このうちの【新しいショートコード】と【追加のデザインスキン】だけが欲しかったんですが・・・

 

まとめて購入しちゃいました。

 

どのみち同じ 40ドル 払うんなら３つ買っちゃえな精神です。

 

そして手に入れたのが今回ご紹介する Shortcodes Ultimate の最後の有料アドオン。

 

 

ショートコードメーカーです。

 

 

 

上に記載した公式サイトの紹介画像では文字が途切れてましたが補足するとこんな感じです。

 

 

ショートコードを作成、改造・・・面白そうではあるけど・・・

 

HTMLとかPHP、はたまたCSS。

 

そのへんのプログラミングゥな知識とウェブスキルにそれほど自信がない私にはちょっと難しいかな。

 

それに海外の拡張プラグインだし、ほぼ英語だし。

 

ちょっと前につとめてた部品工場で

 

[su_ckf dare="-m2-l" sigusa="nayami" poi="gimon" iro="purple" midasi="スイマセン・・・"]パソコンの電源ってどうやっていれるんですか？[/su_ckf]

 

って課長に聞いたり、中学の時、ディスイズアペンで英語を放置して試験に英語がない高校に進学した私にとってはハードルが高すぎる。

 

だから、まあ、この有料アドオン、Shortcodes Makerショートコードメーカー は買っても使わないだろうな。

 

と、そう思っていました。

 

まとめ買いで無料タダで手に入ったオマケ、そう思っていました。

 

しかし、そうはいっても購入したからには試さずにはいられません。

 

私、inowayは自他ともに認める積み罪ゲーマーですが、ことWordPressのプラグインに関しては積むことを許せません。

 

気になるプラグインは速攻インストールして有効化です！！

 

ともあれ(ちゃんとテスト環境で不具合がないか確認してから)無事に有効化完了し、WordPressのダッシュボードを見てみると・・・

 

 

見事、Custom Shortcodカスタムショートコードの項目が増えてました。

 

さっそくクリックすると、上のほうにさりげなくCreate shortcodeクリエイトショートコードと表示されています。

 

 

そこでショートコードを作成する画面に・・・

 

と、その前に。

 

お気づきになられましたか？

 

上の画像の見慣れないタイトルの数々。

 

 

ええ、そうなんです。

 

全て私が自作したオリジナルショートコードなんです。

 

ということはつまり、

 

Shortcodes Makerショートコードメーカー、私でも簡単に使えました！！

 

 

 

はい、私でも出来ました。

 

まあ、流石に全くのノー知識では無理だと思いますが【検索】と【コピーペーストコピペ】が出来るくらいのウェブ知識があれば単純なショートコードを創作することが出来ます。

 

もちろん、高次元のマスタースキルの持ち主なら超凄い機能のショートコードも作れそうです。

 

HTML と PHP のリターン、そして PHP エコー。

 

具体的にはその３種類の言語(？)モードから作り方を選べるんですが、HTML 以外のモードは複雑そうで私はいまのところパスです(笑)

 

なので今回は HTMLのタグ という比較的単純なモノを使った自作ショートコードをご紹介します。

 

  

[su_ckf dare="-m3-l" sigusa="point" poi="check" midasi="オレティメットショートコードとは？"]説明しよう！

オレティメットとは【俺＋アルティメット究極】、つまりShortcodes Ultimateで自作したオリジナルショートコードの事なのじゃ！！[/su_ckf]

 

 

 

最近のお気に入りです♪

 

めちゃ単純な HTMLタグ を使用しています。

 

はっきりいって、ショートコードにする必要がないレベル(笑)

 

ただ、こんなタグでもアルティメットショートコード化しておくと面白便利です。

 

 

プレビューがあるのでイメージしやすいのがいいですね。

 

遊び心をくすぐられます(笑)

 

 

まあ、本来ほんらいは 読よむのが難むずしい漢字かんじや英単語えいたんご なんかに使つかうとVERY GOODベリーグッドですが、多用たようし過すぎると読よみにくくなるので注意ちゅういしましょう。

 

 

 

ちなみにですが、HTMLタグをショートコード化すると使い勝手がグンっと良くなります。

 

コード自体は同じくらいの長さなんですけどね。

 

 

まず、入力が楽。

 

ショートコードなのでビジュアルモードでの挿入でOKです。

 

HTMLタグだと、通常はテキストモードでないとタグとして機能してくれません。

 

また、Shortcodes Ultimate に追加されてるので他のショートコードと同じように選んで挿入出来ますので探したり迷ったりする手間もありません。

 

そしてなにより！

 

後編集による追加挿入が簡単です♪

例えば上の即興文に振り仮名やルビをつける過程を見てみましょう♪

 

[youtube-adds id="https://youtu.be/9TLut2EGijs" style="tr-gray" margin="2%" popup="https://i.ytimg.com/vi/9TLut2EGijs/0.jpg"]

 

 

 

はい、こんな感じで選んだ単語に読み方を入力していくだけの単純作業で振り仮名を付ける事ができるんですね。

 

これだと、記事作成時にいちいちタグを編集しなくても、完成した文章を後から編集するスタイルも捗ります。

 

てか、気持ちよくルビを打てます(笑)

 

過去記事を見直して、の修正も捗りますよ。

 

 

ちなみに、私は【捗る】って漢字がつい最近まで読めませんでした。

 

やたら当たり前にウェブサイトで見かけるこの字。

 

読み方は 捗はかどる です。

 

と、いうわけで今回は

 

 

というお話でした。

 

次回はもっと高度な自作オレティメットショートコードをご紹介します。

 

 

それでは最後に・・・

 

再見ツァイツェン！！