ブログ作成にあたり、様々な方が、ご自身の経験や参考にされたものを公開されており、とても役立っております。個人的に閲覧頻度の高そうな情報や、備忘録として、閲覧の向上のため、ここに集めさせていただきました。貴重な情報や、ノウハウを公開していただき誠にありがとうございます。ご挨拶などは特に致しませんが、ここに感謝申し上げます。 記載に問題などがございましたら、ご一報、いただければと思います。
■■■改善したいこと
こちらのメモに、アドバイスをいただきました。
⇒コロコロさんの「改善したいこと」に勝手に回答してみました。
少しずつ、できるところから・・・
□ブログタイトル回りの解説文の改行 行間調整
→h2は改行ができないというは目から鱗 それがわかっただけでも助かります。
→画像をペイントソフトで取り込むというのも目から鱗
→ところが、しばらくいじらなくなると、ヘッダをどこで調整するのか
わからなくなり、また、既存の画像をどう取り込むのかが???
大きな画像の一部に設定しており、現在は白抜きの文字が映えるよう、
グリーンの多い部分にしているが、太陽の光の差し込んだ部分に移動させたいのだが・・・
ただ今、模索中・・・・
□画像の位置調整
→指定している画像の位置をずらしたい
□目次の囲み方 枠外になぜか「・」 箇条書きが設定されてる?
→指定の文字列(「/* Entry-Content */」)(.entry-content ol,.entry-content ul{margin:0 0 0 1.5em;padding:0})がみあたらない。CSS全部をワードにコピペして、検索で上記を拾ってみたけど、該当なし。いじっているうちに、消してしまったのだろうか?
□目次をサイドバーに固定表示
イマイチ、理解できず(苦笑)
□投稿日の日付カスタマイズ
□サイドバー タイトルカスタマイズ
□サイドバー タイトル下のコンテンツが頭下げになってしまった
□カテゴリーの階層化
□ リンクの整理
□サイドバーのプルダウン化
□グローバルメニュー
□前の記事 次の記事 のカスタマイズ
□見出し回りのカスタマイズ
■■■全体
〇必ず読んでおきたい!はてなブログをカスタマイズする際に超参考になる記事まとめ - hacogaki
〇まだまだまだまだ分からないことだらけ - うさかめ美術部ときどき映画部
→画像引っ越し →合わせて読みたい →ページトップに戻る
〇【完全保存版】はてなブログでのカスタマイズはこれを見ればすべてわかる! - 元コンサルタントな歴史家―ドイツから見た日本
〇ブログ初心者に告ぐ!はじめからこれだけはやっておいた方がいい5つのこと - 雨はいつもわたしのみかた。
参考
〇はてなブログテンプレート【Brooklyn】のカスタマイズ集
■■■パーツ
■目次作成
⇒自動ナンバリング
×はてなブログ記事内見出し(h2やh3)に自動で序数(番号)を追加するCSS - はぴらき合理化幻想
→自動番号振り →css コピーブロック?
◎コピペ一発ではてなブログ見出しをカスタマイズ!ちょっとの工夫で印象が格段に変わる! - Yukihy Life
〇目次デモページ - 広汎性発達障害の女がたまに毒を吐くブログ
〇コピペで始めるはてなブログテーマDUDEのカスタマイズ集!フォント・色から自分らしく - F Lab.
■サイドバー
⇒タイトルカスタマイズ
〇はてなブログのサイドバーのカスタマイズ方法 - ミニマム コラム
■カテゴリー
⇒カテゴリー階層化
〇はてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから → カテゴリーの階層化
〇【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法 Ver.2 - NO TITLE → カテゴリーの階層化
■記事一覧 サイトマップ
⇒タイトルのみ
〇ブログのサイトマップや過去記事タイトルの一覧をつくるといろいろお得な件 - 雨はいつもわたしのみかた。
■動作性の確認
コピペでブログカスタマイズする初心者が犯しがちなjQueryのこと。 - 雨はいつもわたしのみかた。
■ブログタイトル
⇒トップのヘッダカスタマイズ
〇はてなブログを簡単カスタマイズ!④ブログタイトル編 - 無題で行こう
■画像
⇒圧縮
わたしの二の舞いになるな! 初心者ブロガーに伝えたい最適なブログ画像について - ハンバート友幸の庭
■■■文章表現
■四角で囲む
はてなブログを簡単カスタマイズ!⑩枠囲み編(前編) - 無題で行こう
はてなブログを簡単カスタマイズ!⑪枠囲み編(後編)+おまけ - 無題で行こう
■会話形式の表示
はてなブログに会話形式の吹き出しを導入!CSSを使えば意外と簡単! - よつブログ。
■■■文字・部分
■文字指定
〇はてなブログで文字のカスタマイズが捗る構成図をつくってみました - Yukihy Life
■色設定
〇HTML,CSS カラーコード一覧表 | 背景色や文字色の設定
〇【コピペ用】和風デザインに。和色同系色グラデーションのカラーコード19種232色まとめ - F Lab.
〇色設定
〇・
〇・
■改行 広くなる
〇【コピペ+α】はてなブログで文章を読みやすくするカスタマイズ集 - いつ俺〜いつから俺ができないと錯覚していた?〜
〇やっと改行問題が収束しました。 - うさかめ美術部ときどき映画部
〇はてなブログで改行したら行間が広くなりすぎる問題の解決方法 - 人間ハック
■■■スマホ用
〇はてなブログのレスポンシブデザイン対応のテーマ集33個【随時更新】(スマホでもPCデザインを表示。設定方法も掲載) - 広汎性発達障害の女がたまに毒を吐くブログ