Bloggerの日本語テーマQooQのカスタマイズに使える記事をまとめました!
Bloggerの基本
先ずはBloggerブログの基本を知りたいという方はコチラ
カスタマイズに必要なHTMLやCSSの編集方法はコチラ
QooQの特徴や、その導入方法はコチラ
➡ 配布されている外部テーマの設定方法&オススメ日本語テーマ
QooQのHTMLカスタマイズ基本
QooQのHTML編集では、上の方でCSSのカスタマイズが容易に行えます。
(CSSとはレイアウトやデザインなどの装飾を意味します。)
それぞれの項目について解説記事があります。
2全体設定
フォントなどの全体設定のCSSの変更はコチラ
3ナビゲーション
ブログタイトル上にあるナビゲーションバーのCSSの変更はコチラ
4ヘッダー
ブログタイトルやブログ説明文のCSSの変更はコチラ
5パンくずリスト
ヘッダー下のパンくずリストのCSSの変更はコチラ
記事内ではパンくずリストに複数のラベルを表示する方法についても解説しています。
6記事一覧
トップページの記事一覧のCSSの変更はコチラ
QooQとQooQ list版両方の解説をしています。
7個別記事
記事に関するCSSの変更はコチラ
記事内では関連記事に複数のラベルを反映させる方法についても解説しています。
8サイドバー
サイドバーに関するCSSの変更はコチラ
9フッター
フッターに関するCSSの変更はコチラ
10個別アイテム(タグクラウド)
プロフィールや連絡フォームなど、レイアウトで使用するガジェット関係のCSSはコチラ
➡ QooQのHTMLカスタマイズ~個別アイテム(タグクラウド)CSS~
QooQのHTMLカスタマイズ+
基本以外のカスタマイズに関する記事を紹介します。
リンクに下線追加
リンクに下線(アンダーライン)を追加する方法はコチラ
最終更新日追加
QooQでは最終更新日が表示されていないため、それを表示させる方法がコチラ
ガジェット追加を記事本文でも使えるようにする
QooQではガジェット追加が行える項目と行えない項目があります。
記事本文などでもガジェット追加を行えるようにする方法はコチラ
➡ QooQでレイアウトのガジェット追加を記事表示部分でも使えるようにする方法
スマホで記事本文が太字になってしまう問題解決
スマホの機種によって記事本文など全てが太字になってしまう場合があります。
この問題を解決する方法がコチラ
シェアボタン関連
シェアボタンに関する記事はコチラ
➡ QooQのシェアボタンのTwitterをXに変更する方法
➡ サービス終了のPocketをシェアボタンから削除する方法
ページネーション関連
番号付きのページネーション(ページャー)導入に関する記事はコチラ
個人的にページネーションをQooQで導入するのは面倒なのであまりオススメはしません。
QooQでも使えるカスタマイズ
QooQでも使えるBloggerののカスタマイズ記事を紹介します。
記事の目次
目次を自動生成で追加する方法はコチラ
連絡フォームをページ化
連絡フォームを個別のページにする方法はコチラ
サイトマップ
記事の一覧をページにする方法はコチラ
上に戻るボタン
ページトップに戻るボタンの設置方法はコチラ
ガジェット追加でメニュー作成
ガジェット追加でリンクを画像やボタンのメニューにする方法はコチラ
スマホのテーマカラー指定
スマホのアドレスバーの色をブログに合わせた色に変更する方法はコチラ
➡ スマホのアドレスバーをブログに合わせた色に変更する方法(テーマカラー設定)
QooQでも使える記事本文用コード
記事本文を装飾するのに使えるコードを解説している記事を紹介します。
ルビを振る
ルビ(ふりがな・よびがな)を振る方法はコチラ
文字や画像を点滅させる
文字や画像を目立たせるように点滅させる方法はコチラ
下線・枠線
下線や枠線を使って装飾する方法はコチラ
上記をテンプレート化する方法はコチラ
ボタンリンク
リンクをボタンでデザインする方法はコチラ
ふきだし
ふきだしを使った会話文の作成方法はコチラ
QooQカスタマイズを自由自在に!
当ブログもQooQのカスタマイズ記事が増えてきたのでまとめてみました。
上記の記事を参考にして、QooQを好きなようにカスタマイズしてみましょう!


