ちこXeoryをカスタマイズしてみよう|ヘッダー編その2ツイートシェアはてブGoogle+Pocket現在、こちらの記事に最新の情報を載せています。よければご覧ください。Xeoryカスタマイズ|ヘッダーをスライダーに(フルワイドにもできるよ)2017.03.23お問い合わせをいただいたので、久しぶりにXeoryのカスタマイズに関する記事を書きます。今現在、私はヘッダーにスライダーを使用してるんですが、私の記事通りに設定したらスマホで見た時に表示がおかしくなるというご報告をもらいました。私はまだまだ知識が怪しいので、そのコードを見ずに、想像して原因を特定することができないので、その件はコードを見せてもらいながら原因を特定していきたいと思います。代替案として、ヘッダーに画像を入れてみます。Baseでは、初期ではこのような殺風景な感じですよね。ヘッダーに画像を入れられるような便利な機能ってXeoryには付いてません。header.phpに直接書き込みましょう。幅1200pxの画像を用意します。メディアライブラリからアップロードします。テーマのイメージフォルダに入れてもいいです。header.phpを見てみると、ロゴとかソーシャルボタンが書かれてるのが32行目あたりから58行あたりまで。height:auto;}12img{max-width:100%;height:auto;}となっていて、親要素に対して画像の幅は100%になると設定されてるので、特にスマホ用の指定をする必要はなさそうです。class="wrap">この中の一番下に画像を指定するコードを入れます。alt="header"></div>画像のurlは変更してくださいね。ヘッダーに画像が反映されました。スマホで見ると、クロームはきれに画面に収まるんですが、フォックスだとこのようにロゴと並んで表示されてしまいます。私はimgのタグの前に改行タグを入れました。alt="header">はい。改行タグを入れるのはちょっと素人くさいですねwもっといい方法を知ってる方がいたら是非!!教えてくださいwこちらの記事もどうぞ⇒Xeoryをカスタマイズしてみよう!ヘッダー編(追記アリ)こちらの記事もおすすめですリンク貼ってるのに指のマークにならないとき、これを書くべしstorkカスタマイズ|ナビゲーションメニューにCSSでアニメーションつけたXeoryをカスタマイズしてみよう!フッター編Xeoryカスタマイズ|クリック率を上げる一番簡単な方法カスタマイズこの記事が気に入ったらいいねしよう!最新記事をお届けします。AMりりちこさん、こんにちは。baseを使っているのですが、りりちこさんの記事にはお世話になりました。貧乏と稼ぐについて書かれた記事も本質的でとても面白く参考になりました。AM千田さん、コメントありがとうございます。!important;}これを記述したらいけました。AMりりちこさん、こんにちは。XeryBaseのカスタマイズをしようと思っていてりりちこさんのブログに出会いました。ヘッダー無事にできました。ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。「ラクして稼ぐ方法」は嘘?ほんと?人間関係のストレスは風水で解決!?RECOMMENDこちらの記事も人気です。カスタマイズ2015.2.16Xeoryカスタマイズ!サイドバーのタイトルに背景色を入れる編カスタマイズ2015.2.14Xeoryをカスタマイズしよう!新着記事にサムネイルを入れる編カスタマイズ2015.5.21Xeoryカスタマイズ|クリック率を上げる一番簡単な方法カスタマイズ2015.10.15WPカスタマイズの必需品!chromeのデベロッパーツールカスタマイズ2016.8.27storkカスタマイズ|ナビゲーションメニューにCSSでアニメーションつけたカスタマイズ2016.8.1STORKをカスタマイズ!フッター編カスタマイズ2015.2.13Xeoryをカスタマイズしてみよう!ヘッダー編(追記アリ)カスタマイズ2015.7.28WordPressカスタマイズ|メニューバーを画像に変えようABOUTこの記事をかいた人りりちこりりちこです。web制作をしてます。webデザインで仕事をしたい方のサポートもしてます。目まぐるしく変化していくWebの世界で生き残っていくために、日々インプットアウトプットを繰り返しています。POSTこのライターの最新記事webデザイン講座2020.1.11良質コンテンツは無料化へ。福岡国際会議場で「集客し続けるホームページを作る勉強会」を開催しました。福岡商工会議所で「あなたのホームページを成果を出せるホームページにする勉強会」を開催しました。10/7グロースハックキャンプを開催しました。12/1前田高志デザイントークイベントを開催しました。大卒後からWeb関係の仕事に従事。サイト制作、office、adobeソフトの講師を務める。剣道2段の息子の試合を見てるうちに剣道好きになる。イエモン、真心、エレカシ、ユニコーン日本のロックが好き。※掲載の記事・写真・イラスト等のすべてのコンテンツの無断複写・転載を禁じます。良質コンテンツは無料化へ。仕事としてずっとやっていけるのか不安・・・このメルマガでは、ほんとに稼げるWebデザイナーになるための役立つ情報を配信しています。