はじめの一歩

初めての、始めの一歩を応援します!

デザイン・カスタマイズ

カスタマイズ ⑤フッタ

今回は、フッタのカスタマイズです。 管理画面のデザインの「カスタマイズ」タブにあります。 フッタとは フッタのカスタマイズ 最後に フッタとは フッタというのはブログの最下部にある領域のことです。「Powered by Hatena Blog」や「ブログを報告する」…

カスタマイズ ③ヘッダ

今回は、ヘッダのカスタマイズです。 ヘッダというのはブログのタイトルの部分です。 1.ヘッダ画像 「位置を調整する」ボタン 「画像を外す」ボタン 表示設定 2.ブログタイトル下 まとめ 1.ヘッダ画像 画像をアップロード PC・レスポンシブデザイン用ヘッダ…

カスタマイズ⑮ 記事

前回は「記事ページ」の使い方をまとめました。 今回は「記事」のカスタマイズです。 「記事ページをプレビュー」ボタンを使うと、記事ページのデザイン変更をリアルタイムで確認できます。これは、ブログのレイアウトやソーシャルボタンの配置を調整する際…

もう一つの「関連記事」

「関連記事」は通常、サイドバーモジュールとして設置できますが、はてなブログにはこれとは別にもう一つの「関連記事」があります。それが記事下に表示される「関連記事」です。 目次 記事下に表示される「関連記事」 関連記事の表示・非表示(デフォルトで…

パンくずリストとは

今回は「パンくずリスト」についてまとめておきます。 一般的なパンくずリストについての説明になります。 残念ながらはてなブログのパンくずリストは階層化できません。 目次 由来 書式 使用例 現在見ているのは「カスタマイズでできること⑤」という記事 1…

カスタマイズ⑭ 記事ページ

前回は「サイドバー」共通の操作方法をまとめました。 今回は「フッタ」のカスタマイズはHTMLを使うので飛ばして「記事ページ」の使い方です。 プレビュー機能を活用して、レイアウトや表示内容を調整しながら、理想的なブログのページを作成できます。 プレ…

カスタマイズ ④サイドバー

前回はサイドバーの「執筆者リスト」をカスタマイズしました。 今回は「サイドバー」共通の操作方法をまとめておきます。 サイドバーに表示できる項目の一覧表 サイドバーに既に表示されているモジュールのカスタマイズ サイドバーに表示されていないモジュ…

カスタマイズ ①背景画像 ②背景色

今回は、ブログの背景をカスタマイズしていきます。 はてなブログの「カスタマイズ」(スパナアイコン)では、背景画像と背景色を設定することで、ブログのデザインを自由に調整できます。これにより、ブログの雰囲気を大きく変えることが可能です。 背景画 …

デザインテーマタブ

デザイン画面には、「デザインテーマ」「カスタマイズ」「スマートフォン」のタブがあります。今回はデザインタブについてです。 これでようやく記事ページもカラフルで見やすくなることでしょう。 「デザインテーマ」タブ テーマストア 最後に 「デザインテ…

テーマストアとは

テーマストアには、はてなブログユーザが作成したデザインテーマが「人気順」や「新着順」などカテゴリ別に整理されています。 このデザインテーマを自分のブログにインストールしてブログ全体のデザインをカスタマイズすることができます。 テーマ ストア -…

レスポンシブデザインとは

レスポンシブデザインとは、パソコンだけでなくスマートフォンやタブレットなど、いろいろなデバイスでそれぞれの画面サイズに合わせてウェブサイトのレイアウトや表示内容を自動的に調整する仕組みを備えたデザインです。 もしパソコン以外のデバイスでサイ…