WordPress で 【文字付ボタン】の作成、&【pdfファイル用リンクボタン】を作る

WordPress で 「ボタン」の作成方法 WordPress

 

前書き

WordPressで「文字付ボタン」や「pdfリンクボタン」等を作成したい時があります、その方法を調べてみます、但し「旧エディター使用」時で書いています。

ショートコードを挿入

まず文字付ボタンを作成してみよう。

2021 12 17 17h11 13 - WordPress で 【文字付ボタン】の作成、&【pdfファイル用リンクボタン】を作るから、ボタンを選ぶ。

2021 12 17 17h08 19 - WordPress で 【文字付ボタン】の作成、&【pdfファイル用リンクボタン】を作る

 ボタンサイズ6を選んでみた
リンクURL

2021 12 17 17h10 21 wpp1669427678539 - WordPress で 【文字付ボタン】の作成、&【pdfファイル用リンクボタン】を作る

可変や中央の設定

ボタン名を記入

その結果は次になった ボタンのテキスト

ボタンサイズを3、文字の色を(#270202)に設定してみた

2021 12 17 17h26 40 wpp1669427500441 - WordPress で 【文字付ボタン】の作成、&【pdfファイル用リンクボタン】を作る

その結果は次になった

ボタンのテキスト

ボタンサイズ」の大小はボタンの高さに影響しています。

リンク(pdf)付ボタンの例(但しこれはテーマCocoon専用のボタン)

WordPressダッシュボードpdf

スタイル」→「ボタン」→「パープル(中)

2021 12 18 21h24 21 wpp1669425351590 - WordPress で 【文字付ボタン】の作成、&【pdfファイル用リンクボタン】を作る

大、中、小の大きさを比較してみました

ボックス、大、中、小の比較

「pdfファイルリンク」用ボタンを作る

pdfファイルリンク」用ボタンを作るには

  1. pdfファイル」を「メディアライブラリ」に「新規追加」する。
  2. URL をクリップボードにコピー」し、仮にテキストエディターに貼り付けておく。
  3. 上記方法で「ボタン」を作ると、中央に文字を書くカーソルが有るので、ボタン名を記入する
  4. ボタン名をドラッグし、リンクを押し、「メディアライブラリ」に保存した「pdfファイル」にリンクさせる。「URL をクリップボードにコピー」したURLにリンクさせる。

以上で完了

参考にして頂いた外部記事

シェア

コメント