サルワカのWebデザイン入門では、どの書籍よりも、またどのウェブページよりも分かりやすくオシャレなWebサイトを作るための知識を解説していきます。はじめにHTMLとCSSをマスターしましょう。初心者の方はSTEP.1から読んでいくことをおすすめします。

はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル（スマホ）デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試

Site will be available soon. Thank you for your patience!

ituore.com 2024 著作権. 不許複製 プライバシーポリシー

※記事更新から1年以上が経っているため情報が古い可能性があります 当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。 投稿する記事の質は当然意識してきましたが 、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。 そこで今回は、当ブログ「ひつじの雑記帳 」で実践しているカスタマイズ・コード全てを紹介していこうと思います。 当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。 デザイン完成図 使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢

この「Minimal Green」テーマのCSSは自由に改変してくださって構いません。 Minimal Green - テーマ ストア 背景画像や背景色を変えるとこんな感じになります。 メニューやリンク文字の色を変えるとこんな感じになります。 [注意]　グローバルメニューとページトップへ戻るボタンを表示させるには、それぞれヘッダとフッターに追加のHTMLコードの貼り付けが必要です。 グローバルメニューの設置 ページ上部へ戻るボタン 各要素のデザインの変更・カスタマイズ まとめて色を変更する タイトル画像、ヘッダー周りの設定・カスタマイズ タイトル下やフッター部分をcontent幅に揃える（レスポンシブ） 文字色、フォント、リンクの色の変更 記事幅などレイアウトの変更 見出し、サイドバーモジュールタイトルのデザイン 日付の色 続きを読むのデザイン カテゴリーの色 ページャのデザイン コメント