「SANGO」は、ヘッダーのバーの中に、ロゴ(サイトタイトル)とヘッダーメニューが表示されるようになっています。これはこれで、悪くはないけどなんとなく窮屈なかんじ(あくまで主観ですが)。サイトタイトルをロゴに替えたうえでバー下中央に持ってきたいと思います。↓完成図このカスタマイズでは、header.php(新規作成して子テーマ内に)style.css(子テーマ内にあるスタイルシート)二つのファイルを新規作成及び編集します。編集するためのテキストエディタと編集したファイルをアップロードするためのFTPソフトが必要です。SANGOの子テーマでカスタマイズを行う方法サルワカ↑をよく読んでからチャレンジしてみましょう。基本の設定なので、設定済の場合又はロゴは使わずサイトタイトルのままの場合は次へ。設定してない人はこちらを参考に設定しましょう。ブログのタイトルとロゴ画像を設定しようサルワカheader.phpファイルの追加*ロゴ(サイトタイトル)をヘッダーバーの中から動かさない場合は必要ありません。テキストエディタに、以下のコードを貼り付けて「header.php」という名前のファイルを作成し、子テーマのフォルダに保存します。href="'.get_option('header_info_url').'">'.get_option('header_info_text').'</a></div>';}?>作成した「header.php」ファイルを子テーマのフォルダにFTPソフトでアップロードします。sango-theme-child├functions.php└style.cssが、↓このようになるってことですね。sango-theme-child├functions.php├header.php└style.cssまだ、スタイルシートをいじってないので、この時点では、以下の様になります。「/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/」とある下に追記してください。訂正↑ロゴ表示部分のクラスをwrapにしていたために最大1000pxになっていたので、新たにlogo-wrapに変更しました。2ロゴをスマホでもタブレットでもPCでも、どんな大きさのデバイスでも真ん中に。3ロゴを入れてる部分の高さはロゴの高さ以上に。通常はロゴの高さと同じで良いと思います。4ロゴを入れてる部分の背景色ですが、今回はロゴを透過させなかったので白に。200pxの画像でも180pxと指定すれば180pxで表示されます。「SANGO」のヘッダーバーをページ上部に固定した上で透過させる※訂正ありフッター固定メニューをスマホにだけ表示させる。ウイジェット記事下記事上広告もスマホとタブレット&パソコンで振り分けるヘッダーアイキャッチ上の文字を見やすくする為に背景色をプラスする。この記事を書いた人nekomoriya猫になりたい人間どうぶつ占いは「コアラ」。”猫になりたい”とひたすら願う怠けもの。コメントをキャンセルメールアドレスが公開されることはありません。「SANGO」で”セルフピンバック”を停止するメニューメニュー名1メニュー名2メニュー名3メニュー名4ねこもりやどうぶつ占いは「コアラ」。”猫になりたい”とひたすら願う怠けもの。見た目1フッター固定メニューをスマホにだけ表示させる。views3ヘッダーアイキャッチ上の文字を見やすくする為に背景色をプラスする。views5「スマホにだけ表示」「タブレット以上で表示」のショートコードを追加する。Postsヘッダーアイキャッチ上の文字を見やすくする為に背景色をプラスする。「スマホにだけ表示」「タブレット以上で表示」のショートコードを追加する。ウイジェット記事下記事上広告もスマホとタブレット&パソコンで振り分けるフッター固定メニューをスマホにだけ表示させる。