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

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

 

前書き

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

ショートコードを挿入

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

から、ボタンを選ぶ。

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

可変や中央の設定

ボタン名を記入

その結果は次になった

ボタンのテキスト

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

その結果は次になった

ボタンのテキスト

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

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

WordPressダッシュボードpdf

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

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

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

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

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

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

以上で完了

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

シェア

コメント