ブログの見た目カスタマイズログ

ブログの見た目カスタマイズログ

見た目がよくないと、ブログを書くテンションが上がらない。

現在はEssential Lightという公式テーマを使っていますが、裏でQooQのカスタマイズをちょっとずつ進めています。

参考にさせていただいた方のリンクを貼っております。

したこと

QooQのリスト版にブログテーマを変更

色々調べた結果、QooQが無料で使えるうえにカスタマイズもしやすいとのこと。

必要な機能は最低限入っているのも嬉しいし、PCで見るときは2カラムが結構好みなので、そこもよかった。

けっこうなBloggerブロガーがQooQを使っていて、調べると情報も出てきやすい。

htmlをいじろうと思って、VSCodeで開いたのだけど、エラーめっちゃあってでやる気をくじかれた

タイトルとメニューの位置を逆にする（タイトルが上）

タイトルとメニューを中央ぞろえにする

色を白黒基調にする

これらは簡単にhtmlをいじってできました。

2カラムを１カラムに変更

1カラムレイアウトにしてみた (1カラム化手順を追記しました) | ふじろじっく

前の投稿・次の投稿の文言変更

Bloggerにサムネ画像付きページャーを導入する | IB-Note

目次自動生成プラグイン

[Blogger] 目次を簡単に自動生成（忙しい人向けのコピペ素材）

中央揃えにする

初心者がBloggerの投稿記事に目次（TOC）の自動生成表示機能を導入する。

styleを修正し、目次の中身を中央揃えにしました。

.b-toc-container>ul{margin:15px auto 15px auto; width:fit-content;}

【html/CSS】ul liを箇条書きのまま中央寄せする方法

リンクカード

シンプルで使いやすいブログカードジェネレーター５選 | リモスキ

リンクカードのプラグインはないので、そのたびにツールを使うしかないようです。

ブログカード作成ブックマークレットをアップデートしました

引用のレイアウトを分かりやすくする

これは引用です！
引用元

CSSで作る！魅力的な引用デザインのサンプル30（blockquote）

したいこと

検索を四角くしてボタンをアイコンにする

【Blogger】サイドバーの検索ボックスをカスタマイズ | リモスキ

CSSを外部ファイルにして編集しやすくしたい

BloggerでCSSなど外部ファイルを設置する方法を模索する

メニューを固定する

記事一覧とか、検索とか見出しとかをスタイリッシュにしたい

記事一覧で、記事の内容をプレビューさせる（記事の設定かも？）

更新日時プラグイン

ファビコン設定

頁を設定したい

パワードバイ、消せる？

カテゴリ名ボタンの見た目変更

関連記事の出方、ださくない？

ダークモード対応できないかなあ

コメント