「WordPressサイト制作を簡単にする国産サイトビルダー weluka:ウェルカ」テクニカルブログ

weluka ショートコードについて

 | 

welukaで用意しているショートコードについての説明です。

ショートコードが追加されたら本ページでご紹介させていただきます。

電話番号表示ショートコード

ショートコード名
weluka-phone
機能
電話番号の表示を行います。独自スタイルの設定及びスマートフォン表示時のリンククリックで直発信等の切り替えを行います。
パラメータ名 説明
h ヘッダーテキストを指定。h="Tel." のように指定してください。指定なしの場合はTel.が表示されます。
disp 表示される電話番号を指定。disp="03-9999-9999" のように指定してください。(必須)
no スマートフォン時の発信電話番号を指定。disp="0399999999" のように指定してください。指定なしの場合はdispが設定されます。
i ヘッダーテキストではなく「」アイコンを表示する。i=true のように指定してください。アイコン表示する場合、ヘッダーテキストは表示されません。
style 表示スタイルを指定。style="font-size:30px; color:#000000;" のように指定してください。weluka-phoneというclass名が標準設定されるので「Custom Css」で全体設定することも可能です。
tag 電話番号のHTMLタグを指定。tag="h3" のように指定してください。指定なしの場合、divタグが設定されます。
Ex. [weluka-phone no="0399999999" disp="03-9999-9999" i=true style="font-size:30px;color:#000000;" tag="p"]

03-9999-9999

メール(mailto)表示ショートコード

ショートコード名
weluka-mail
機能
mailtoリンク形式のメールアドレス表示を行います。mailto以外にURL指定も可能です。
パラメータ名 説明
h ヘッダーテキストを指定。h="Email." のように指定してください。指定なしの場合はEmail.が表示されます。
addr メールアドレスもしくはURLを指定。addr="xxxxx@weluka.me" もしくは addr="https://www.weluka.me/contact" のように指定してください。(必須)
subject mailtoリンク形式の場合のメール件名を指定。subject="お問い合わせ" のように指定してください。
disp 表示されるテキストを指定。disp="お問い合わせはこちらから" のように指定してください。(必須)
i ヘッダーテキストではなく「」アイコンを表示する。i=true のように指定してください。アイコン表示する場合、ヘッダーテキストは表示されません。
style 表示スタイルを指定。style="font-size:30px; color:#000000;" のように指定してください。weluka-phoneというclass名が標準設定されるので「Custom Css」で全体設定することも可能です。
tag 電話番号のHTMLタグを指定。tag="h3" のように指定してください。指定なしの場合、divタグが設定されます。
Ex. [weluka-mail addr="xxxxx@weluka.me" disp="xxxxx@weluka.me" subject="お問い合わせ" i=true style="font-size:30px; color:#000000;" tag="p"]
Ex. [weluka-mail addr="https://www.weluka.me/contact" disp="お問い合わせはこちらから" i=true style="font-size:30px; color:#000000;" tag="p"]