検索CLOSEプロフィールネイネイ自由な働き方で生活していけるように、日々の『喜び・怒り・悲しみ・楽しみ』を書きつづったブログです。イイ感じのトップページになったネイネイ(@NEYNEYx2)です。THOR(ザ・トール)』のロゴ画像の大きさをカスタマイズする方法のご紹介していきます。サイトのロゴ画像のサイズを調整する時の参考にしてください。下記が、サイトのロゴ画像の大きさをカスタマイズした画像になります。ロゴ画像の高さをPC表示のときは40pxから100pxに変更、スマホ表示のときは25pxから45pxに変更しています。PC表示スマホ表示カスタマイズ事前準備カスタマイズをする前に事前準備をする項目があります。事前準備サイトロゴの設定で、スマホ表示:25px(default)、PC表示:40px(default)に高さを設定グローバルメニューを表示している場合には、ヘッダーエリア設定でヘッダーのレイアウトを「ダイナミック」に選択することをおすすめします。THOR(ザ・トール)のサイトロゴ設定を確認サイトロゴの設定でロゴ画像の高さが、スマホ表示:25px(default)、PC表示:40px(default)になっているか確認します。01ロゴ画像の設定確認WordPressのダッシュボードから外観>カスタマイズとクリックします。基本設定[THE]とクリックします。サイトロゴの設定をクリックします。02ロゴ画像の高さ確認スマホ表示時のロゴ画像の高さが「20px(default)」になっているか確認します。PC表示時のロゴ画像の高さが「30px(default)」になっているか確認します。内容を変更した場合は、「公開」ボタンをクリックします。以上で、サイトロゴ設定の確認は完了です。ヘッダーエリア設定の確認グローバルメニューを表示している場合には、ヘッダーエリア設定でヘッダーのレイアウトを「ダイナミック」に選択することをおすすめします。MEMOヘッダーエリア設定でヘッダーのレイアウトを「シンプル(default)」になっていると、ロゴ画像とグローバルメニューが重なってしまうことがあります。01ヘッダーエリア設定確認WordPressのダッシュボードから外観>カスタマイズとクリックします。共通エリア設定[THE]とクリックします。ヘッダーエリア設定をクリックします。02ロゴ画像の高さ確認ヘッダーのレイアウトが「ダイナミック」になっているか確認します。内容を変更した場合は、「公開」ボタンをクリックします。以上で、ヘッダーエリア設定の確認は完了です。THOR(ザ・トール)のロゴ画像の大きさをカスタマイズここでは、説明したカスタマイズ内容をCSSファイルにコピペしていきます。CSSファイルへのコピペは下記のどちらか、お好みな方で編集ください。子テーマの「style-user.css」を編集する。(外観/テーマの編集から変更できます)追加CSSを編集する。(外観/カスタマイズ/追加CSSから変更できます)それでは、準備が整いましたら下記のCSSコードを、CSSファイルにコピペしてください。100px;}}注意ご使用のロゴ画像によっては、ロゴ画像が見切れてしまったり、メニューパネルに近づきすぎる場合もありますので必ず問題ないか確認してください。スマホ表示の場合に注意してください。以上で、ロゴ画像の大きさカスタマイズは完了です。キャッシュの削除カスタマイズをして、内容がうまく反映されない場合はキャッシュの削除をしてみましょう。実際はカスタマイズ内容が反映されているのに、古いキャッシュを見てしまっている場合に有効な方法です。THOR(ザ・トール)のロゴ画像の大きさを調整することができましたか。これでまた、あなたのWebサイトがまた一つレベルアップしましたね。それでは、まったです。公式サイトデザインに優れ、集客を後押しする機能が標準装備ポチして頂くことで、ランキングの順位が上がりますAmazonギフト券Amazonでお買い物するなら、Amazonギフト券の利用がおすすめ!チャージするたびに、プライム会員なら最大2.5%分、通常会員なら最大2.0%分のAmazonポイントが貯まります。/この記事を書いた人ネイネイ自由な働き方で生活していけるように、日々の『喜び・怒り・悲しみ・楽しみ』を書きつづったブログです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。生活エンタメブログブログランキングプロフィールネイネイ自由な働き方で生活していけるように、日々の『喜び・怒り・悲しみ・楽しみ』を書きつづったブログです。ネイネイの喜怒哀楽.。