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

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

inowayいのうぇいです。

 

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

 

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

 

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

 

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

 

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

 

Shortcodes Ultimateについてはコチラ

超凄いぞ!究極のWordPressプラグイン!

 

 

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

 

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

 

有料アドオンについてはコチラ

ShortcodesUltimateの有料アドオンを購入してみた

 

 

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

 

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

 

アドオンの種類価格
新しいショートコード25  $
ショートコードメーカー15  $
デザインスキン15  $
まとめて購入40  $
価格は私が購入時のものです。

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

 

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

 

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

 

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

 

 

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

 

 

ショートコードメーカーは使えるのか?

 

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

 

このアドオンはカスタムショートコードを作成することができます。

簡単に別のパラメーターで任意のショートコードを作成したり、デフォルトのショートコードを上書きしたり出来ます。

 

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

 

HTMLとかPHP、はたまたCSS。

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

嘘です。危険ですので真似をしないようにお願いします。

WordPressのプラグインはお使いのテーマや他のプラグインとの競合、媒体のソースや使用サーバー等の環境により予想出来ない挙動を起こすことがあります。インストール前には必ずバックアップをとるか、テスト用のサイトやローカル環境で確認してください。

 

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

 

 

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

 

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

 

 

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

 

と、その前に。

 

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

 

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

 

1 . テキストを縁取り

2 . キャラクター吹き出し


3 . 文字に影


4 . おしゃれBOX


5 . 縦書き


6 . 振り仮名

 

ええ、そうなんです。

 

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

 

ということはつまり、

 

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

 

 

ショートコード、簡単かんたんに作れます

 

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

 

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

 

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

 

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

 

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

 

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

難しいものは私にはまだ作れません
 

 

オレティメットショートコード!

  

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

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

 

オレティメットショートコード
振り仮名ふりがな

 

 

最近のお気に入りです♪

 

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

 

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

<ruby><rb>振り仮名<rt>ふりがな</ruby>

上記の HTMLタグ で

振り仮名ふりがな

と表示されます。

表示ブラウザ等が対応していない場合もあります。

 

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

 

 

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

 

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

 

救世主メシア 長老おさ 神側の人間ゴッドサイダー 七鍵守護神ハーロイーン 幽波紋スタンド 弱肉強食やきにくていしょく 頭脳戦艦ガルアールピージー inowayないすがい

 

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

 

 

部屋とワイシャツと王大人ワンターレン

 
こーゆー元ネタがわからないのも論外ろんがいです。

 

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

 

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

 

HTMLタグ

<ruby><rb>振り仮名<rt>ふりがな</ruby> 

オリジナルショートコード

[su_shyo]su_ruby ruby="ふりがな"]振り仮名[/su_ruby[/su_shyo]

 

まず、入力が楽。

 

ショートコードなのでビジュアルモードでの挿入で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"]

 

 

吾輩わがはいねこである。

名前なまえ殺戮騎士マーダーナイツ

 

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

 

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

 

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

 

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

 

 

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

 

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

 

読み方は はかどる です。

 

と、いうわけで今回は

 

  • Shortcodes Ultimate の有料アドオン『ショートコードメーカー』はけっこう簡単にショートコードが作成出来る
  • 究極プラグインで創ったショートコードはオレティメットショートコード
  • 単語にルビを打つHTMLタグの使い方
  • 振り仮名って楽しい
  • タグのショートコード化は以外と便利
  • 捗るの読みは「はかどる」

 

というお話でした。

 

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

私のレベルでの高度です(笑)

 

 

それでは最後に・・・

 

再見ツァイツェン!!

 


Short codes Ultimate の様々な機能と3つの拡張アドオンは公式サイトで詳しく確認出来ます。

公式サイト トップページ
Short codes Ultimateショートコード一覧
拡張アドオン追加のスキン
拡張アドオンエクストラショートコード
拡張アドオンショートコードクリエイター
まとめてお得バンドルアドオン

リンク先はプラグイン制作元の海外のサイトになります。英語が苦手なかたは私と同じようにGoogle等の日本語翻訳機能をお使い下さい。


関連記事
Shortcodes Ultimate の拡張オプションを手に入れる方法

見てみる