2023.04.10スポンサーリンク『WordPressのファイルブロックを使えば、サイトにダウンロードボタンを簡単に設置できる』というのが、前回の記事の内容でした。【簡単です】ダウンロードボタンの設置方法(ブロックエディター)ファイルブロックを使って、サイト内に「ダウンロードボタン」を設置する方法です。PDFやzipなどのメディアファイルを1クリックでダウンロードできるようにするために、サイト内にボタンを設置してあるサイトをよく見かけます。cssでカスタマイズしてみます。サイトのWordPressテーマは『Cocoon』です。スポンサーリンクINDEXデザインを変えてみるまとめデザインを変えてみる基本のコードは以下。Child)のスタイルシートに追加します。背景色を変える「background-color」を書き加える。文字色を変える「color」を書き加える。/*文字色*/}文字を太くする「font-weight」を書き加える。/*文字を太くする*/}文字サイズを変える「font-size」を書き加える。/*内側の間隔調整*/}ボタンに枠線を付ける「border」を書き加える。/*枠線を付ける*/}ボタンの枠線を二重線にする「border」をdoubleにする。/*二重枠線にする*/}ボタンを四角い形にする「border-radius」を書き加える。/*ボタンの角*/}ボタンを角丸にする「border-radius」のpx値で丸みを調整する。/*ボタンの角*/}ボタンに影を付ける「box-shadow」を書き加える。/*影を付ける*/}まとめ↓↓ここまでのいろんな要素をひとつに詰め込むとこんな感じになります。今回の記事では、またまたサルワカ先生のサイト記事を参考にさせていただきました。【CSS】box-shadowで影をつける方法とサンプル集CSSのbox-shadowを使って影をつける方法と、コピペで使えるCSSサンプルをいくつか紹介します。向きやぼかし方、色の変え方まで詳しく解説しています。PCWindowsワードプレスWordPressコクーンCocoon収益化MonetizationPC・機器・ソフトElectronicsガジェット・小物GadgetつぶやきMemo・Tweetプロフィールきゅうり個人塾を経営してます。ブログなんかやってて本業は大丈夫なのかって?いえいえ、ソッチの手は抜きませんよ、プライベートと睡眠を少しずつ削ってるだけでね。やると決めたからには何にでも全力です。defined.")}))})();タイトルとURLをコピーしました。