ゾノ@引きこもり教師のBlog

【CSS】Manablog Copyのカスタマイズ方法【コピペ用】

WORDPRESS

こんにちは、ゾノです。

本ページは、Manablog Copyのカスタマイズ方法をまとめた記事です

不定期で更新していこうと考えています。HTMLやCSSのソースコードをそのまま掲載するので、ブログ初心者の人にも分かりやすいように、まとめていきますので、チェックしてみてください。

基本設定や、操作について

【CSS】Manablog Copyのカスタマイズ方法【コピペ用】

  • スマホ表示:メニューバーの色を変更する

スマホ表示:ヘッダーのメニューバーの色を変更する

ブログ相談チャット|無料開放」でも、わりと質問が多いのが、スマホ表示の際のカスタマイズです。

基本知識としては、「【CSS】パソコン表示/スマホ表示でデザインを切り替える【簡単】」の方法を使ってカスタマイズします。

ソースコード

外観」>「カスタマイズ」>「追加CSS」に記述でオッケイです。

@media only screen and (max-width: 479px){
	header{
		background: #333333;
	}
}

background: #333333;」の色を変更すれば、自由にカスタマイズできます。

カラーコードについては、「色検索 | カラーピッカーからカラーコードを選んでテーマに合う配色を探そう」を参考にしてみてください。

追記があったら、記述していきます。

質問や相談をチャットで募集中

ブログ相談チャット|無料開放」にて、ブログの相談を自由にすることができます。

良い質問は、当ブログやYouTubeにて解説する場合もあるので、ぜひ質問してみてください。

相談やお問い合わせ、ご依頼など

お気軽にメッセージください。
» お問い合わせ

Webマーケティング基礎知識の学習用に、「【入門ガイド】経験ゼロ→お金を生み出すブログを開始する完全マップ」をまとめました。

【入門ガイド】経験ゼロ→お金を生み出すブログを開始する完全マップ

ブログを使ったWeb集客の基本を学習したい方向け。本記事は初心者がブログを開設するために必要な基礎をまとめました。情報が変われば常にアップデートしていきます。これからWebマーケティングをを学びたい人や現在学習中の人は是非ご覧ください。

» 詳細を読む

当ブログと他のサイトの圧倒的な違いは様々な疑問や悩みを解決するために【無料体験レッスン】30分相談会(オンライン開催)に初回限定で参加できることです。

どうしても分からなかったり、1人で悩むことがあればご相談ください。
また質問やメッセージ、相談があればお気軽にお問い合わせください。
» お問い合わせ

人気記事【ブログ書くことない】ブログ書き方テンプレートで解決【ひな形】

人気記事【持ち物公開】場所を問わないノマドワーカーのバックパックLIFE