あらやん【STORK(ストーク)】ロゴ画像とテキストロゴのサイズを変更する方法どうも、あらやんです。今回はWordPress用テーマ「STORK(ストーク)」でロゴ画像とテキストロゴのサイズを変更する方法を説明します。STORK(ストーク)では画面最上部にロゴ画像を設定することができます。実はこのロゴ画像のサイズは大きくすることができます。やり方はこれから紹介するCSSを貼り付けるだけなので簡単にできます。テキストロゴを設定されている方もフォントサイズを変更することができます。参考にしてみて下さい。カスタマイズ記事まとめロゴ画像を大きくする方法それではやり方を説明します。ダッシュボード画面左の「外観」より「カスタマイズ」をクリックしましょう。左下の方に「追加CSS」という項目があり、そちらをクリックすると追加CSSを記入する画面になるので以下のCSSを貼り付けて下さい。img{max-height:initial;}}ではどうなったか確認してみましょう。BeforeAfterどうでしょうか、大きくなったのがお分かりいただけますかね。やり方はとっても簡単なのでロゴ画像を大きくしたい方は一度試してみてデザイン的にどうかチェックしてみてくださいね。注意事項この方法でロゴ画像のサイズを大きくする場合は注意事項が2点あります。上記CSSを適用するとロゴ画像が元のサイズで表示されるので、好みの大きさに表示させるにはロゴ画像のサイズそのものを調整する必要がある。横幅が768px以上のデバイスでないとこの設定は適用されない(=スマホから見た時は大きくならない)。ここを把握したうえで上記の方法をご活用下さい。テキストロゴのサイズを変更する方法(PC)ここまではロゴ画像を設定している方向けのお話でしたが、次はテキストロゴを設定されている方向けのお話をしていきます。テキストロゴはサイズを変更することができ、ロゴ画像と違ってフォントサイズを指定することができるのでテキストロゴを設定されている方は参考にしてみて下さい。テキストロゴのサイズ変更もCSSを貼り付けるだけでできます。追加CSSに以下のCSSを貼り付けて下さい。.h1.text{font-size:3em;}}ではチェックしてみましょう。おぉ...でかすぎですね(笑)。次にサイズを調整していきましょう。先ほどのCSSに「font-size:3em」という部分があるのでここの数字をいじってちょうどいい大きさにしてみましょう。サイズ調整をしてレイアウトを中央配置にしてみました。これはこれでいいかも。テキストロゴのサイズを変更する方法(SP)これでパソコンから見た場合のテキストロゴのサイズは変更されましたが、実はこれだけではスマホから見た場合には変更されていません。スマホ用の設定も必要になってくるのでもうひと頑張りしましょう。やり方は下記CSSを追加するだけです。.h1.text{font-size:2.5em;}}こちらもスマホの画面を見ながらちょうどいい大きさになるように「font-size:2.5em」の部分の数字を調整してみてくださいね。ロゴ画像とテキストロゴのサイズ変更の方法は以上です。【STORK(ストーク)】トップページ記事一覧の日付を非表示にする方法RECOMMEND関連するおすすめ記事になっています。STORK(ストーク)2017.11.20【STORK(ストーク)】ロゴ画像がない場合の対処法~あらやんの場合~STORK(ストーク)2018.4.5【STORK(ストーク)】グローバルメニューの設定方法STORK(ストーク)2017.12.28【STORK(ストーク)】ランディングページ機能を使ってみようSTORK(ストーク)2018.7.25【STORK(ストーク)】コピペOK!お手軽簡単にリンクボタンの色を変え...STORK(ストーク)2017.11.22【STORK(ストーク)】魅力的なヘッダーにするための基本的な設定方法STORK(ストーク)2018.6.27【STORK(ストーク)】ある程度カスタマイズをしたらコンテンツを充実さ...STORK(ストーク)2018.5.11【STORK(ストーク)】シンプルイズベスト!ヘッダー画像(テキスト無し...STORK(ストーク)2018.9.5【STORK(ストーク)】ランディングページのカラム幅を調整する方法ブログ運営者:あらやんあらやん(@arayan001t)妻と二人の息子とコーヒーと酒を何よりも愛する33歳。副業をはじめとした収入アップ術や自由を実現するためのマインドセット、家族を持つパパとしての考え方や心構えを発信しています。詳しい自己紹介はこちらから。時間があれば読んでいただけると嬉しいです。arayan001t検索ブログ運営者:あらやんより多くの方が自由で自分らしく、大切な人と笑顔で生きるライフスタイルを実現できるようにお手伝いをしています。