Google Playのアプリのページのリンクをパラメータ(引数)としてショートコードに渡せないものかと調べました。どなたもfunctio.phpへの記述を詳しく解説されていますが、自分がやりたいことをどのように記述すればよいのかがさっぱりわかりません(万年素人)。
やりたいこと<a href='○○○○'/></a>
のコードにてアプリのリンク○○○○を引数としたい。
function.phpは編集で下手をすると、画面が真っ白になりますので怖いです。
その時にふと、インストールしたばかりのshortcoderプラグインに気になる項目を見つけました。
「カスタムパラメータ挿入」なる項目があるではないですか。実際、このカスタムパラメータを用いることによってfunction.phpを操作することなくリンク先のアドレスを引数とすることができました。
プラグインのインストール手順は省略します。
- Shortcoder
- カスタムパラメーター
実際に手順を見ていきます。
- STEP1新規作成
「新規作成」ボタンをクリックします。
「ショートコードのパラメータを挿入」というボタンがあります。
「カスタムパラメータ名を入力」とあります。ここで「url」と入力して「Insert Parameter」をクリックしますと、「%%url%%」がエディタ内に挿入されます。
- カスタムパラメーター
- カスタムパラメーター
- STEP2コードエディタにて編集
ショートコード名を付けます。
ここではGoogle Playへのリンクということで「glink」と名付けました。
Google Playのホームページよりコピーしたリンクを貼ります。
href=で記述されているアプリへのリンク箇所を「%%url%%」に書き換えます。
ついでに画像を読み込む<img以下に「width="153"」と「loading="lazy"」を加えます。width="153"がないと大きな画像が表示されます。これを縮小します。loading="lazy"は画像を遅延読み込みします。
- カスタムパラメーター
- カスタムパラメーター
<div class="download_btn"><a href="%%url%%"><img width="153" loading="lazy" alt="Google Play で手に入れよう" src="https://play.google.com/intl/en_us/badges/static/images/badges/ja_badge_web_generic.png"></a></div>
- STEP3保存
画面をスクロールして下部に名前を付けられます。自分自身で識別しやすい名称を付けておきます。
画面の右側に「公開」ボタンがあります。このボタンをクリックすることにより、そのサイト内でショートコードが使用できるようになります。
- STEP4記事内での記述
- STEP5表示
- ここまで