Blogger Labo

前回の「 SEO用のコードを記述する 」に引き続き、今回は「 テーマデザイナーに対応させる 」を実践してみようと思う。 Bloggerではテーマデザイナーを使うことで、ブログの配色設定なんかを簡単にすることができるが、テンプレートを自作する場合はこの辺も自分で設定しな…

前回の「 スマホ用のヘッダーナビを作る 」に引き続き、今回は「 SEO対策をする 」を実践してみようと思う。 SEO対策とは検索エンジン最適化のための対策だが、近年ではSNSでの最適化も必要になっているようだ。また、そもそもブラウザ表示にエラーが出ないようにHTMLや…

前回の「 ページトップアイコンを作る 」に引き続き、今回は「 スマホ用のヘッダーナビを作る 」を実践してみようと思う。 ヘッダーナビはヘッダー付近に設置されるバー状のリンクリストのことだが、リンクを増やすにつれてサイズが大きくなっていくので、デザインが崩れる原因になり…

前回の「 最新記事ガジェットを作る 」に引き続き、今回は「 ページトップアイコンを作る 」を実践してみようと思う。 ページトップボタン（ページトップアイコン）とは、ページ内に追従する形で配置されたアイコンをクリックすることでページトップまで戻れるようにするアイコンのこ…

前回の「 カスタム人気記事ガジェットを作る 」に引き続き、今回は「 最新記事ガジェットを作る 」を実践してみようと思う。 Bloggerには最新記事を表示させる標準ガジェットは無い。その代わり、フィードガジェットを応用して簡易的な最新記事リストを実装することはできる。…

前回の「 カスタムアーカイブを作る 」に引き続き、今回は「 カスタム人気記事ガジェットを作る 」を実践してみようと思う。 人気記事ガジェットはBloggerの標準ガジェットなのだが、実はこれは条件分岐さえしっかりしていれば丸々自作できてしまう。なので、今回は人気記事ガ…

前回の「 サイドバーとデフォルトガジェットのデザインを作る 」に引き続き、今回は「 カスタムアーカイブを作る 」を実践してみようと思う。 カスタムアーカイブを作る意図はデフォルトのブログアーカイブの階層リストのデザイン性が非常に悪いためである。なので、これをコンパクト…

前回の「 パンくずリストを作る 」に引き続き、今回は「 サイドバーとデフォルトガジェットのデザインを作る 」を実践してみようと思う。今回はサイドバーとガジェットのCSSを紹介するだけなので、デザイン紹介といった内容のまとめになっている。

前回の「 404ページを作る 」に引き続き、今回は「 パンくずリストを作る 」を実践してみようと思う。 パンくずリストとは、サイトのページ階層において現在のページ位置をわかりやすくリスト表示したもので、Bloggerでは 「 ホーム ＞ ラベル名 ＞ ページタイトル …

前回の「 固定ページを作る 」に引き続き、今回は「 404ページを作る 」を実践してみようと思う。 404ページとは、コンテンツが存在しないページにアクセスしたときに「Not Found（見つかりませんでした）」ということで表示されるエラーページのこと。設定画面からも…