WordPressのAudioプレーヤー([aduio])のサイズを変える方法

WordPressのAudioプレーヤー([aduio])のサイズを変える方法を紹介します。

デフォルトだと画面いっぱいになってしまうので、このサイズを調整します。

やり方としては、CSSを設定します。

スポンサーリンク

Audioプレーヤー([aduio])のサイズを変える方法

1.「追加CSS」でCSSを設定

WordPressの「追加CSS」機能で、CSSを設定します。

追加CSSは、ダッシュボード→カスタマイズ→追加CSSです。

2.CSSでサイズを指定

追加CSSのところに、サイズを指定するCSSを書きます。

クラス名を決め(自由)、サイズ(width)を指定します。単位はpxや%などを使用します。

3.CSSを適用する

最後に、設定したCSSを適用します。

サイズを変更した形(50%)

デフォルトのサイズ

真ん中に配置したい場合

サイズを変更した後に、真ん中に配置したい場合は、「margin-left:auto;」と「margin-right:auto;」を入れると、真ん中に配置されます。追加CSSのところに、CSSを加えます。


Amazonプライム・ビデオ

月額500円または年間4900円で、独占配信のAmazonオリジナル作品や、人気の映画やTV番組を楽しめます。

Prime Videoの会員特典対象作品の視聴をはじめ、Amazonの配送特典やPrime Reading、Prime Music等が使える会員制プログラムです。

まずは、30日間の無料トライアルに申し込むのをおすすめします。

U-NEXT

映画やドラマ、アニメの名作はもちろん、最新作も超充実なコンテンツ数が特徴です。その数200000本以上。

まずは、31日間の無料トライアルに申し込むのをおすすめします。

WordPress
スポンサーリンク
hmrをフォローする
映画とWordPressと節約と私
タイトルとURLをコピーしました