Blogger Labo:【自作テンプレート】よくある質問まとめ

当サイトで配布中のBloggerテンプレートに関するカスタマイズや補足情報についてのQ&Aをまとめました。


テンプレートに関するQ&A


Q.記事に目次やアドセンスが表示されない


記事内の目次やアドセンスを入れたい部分に「<!--more-->」を挿入して下さい。

<!--more-->はモアタグと言うもので、通常であれば「続きを読む」を付けるのに設けられます。

Bloggerではよく使われるので「<!--more-->」を「もあ」などで単語登録しておくと便利です。

Q.<!--more-->を挿入しているのに目次やアドセンスが表示されない


現在のBloggerの仕様では「<!--more-->」挿入時に「<span><!--more--></span>」となります。

これをただの「<!--more-->」にすることで正常に表示されるようになります。

Q.ヘッダ部分に挿入した画像がズレる



この問題の解決方法は、上記の記事にてまとめてあります。

Q.トップページの記事リストの設定を変えたい



この問題の解決方法は、上記の記事にてまとめてあります。

Q.アーカイブページで番号付きページャのリングがバグってしまう



この件については仕様なので解決不可能です。

この問題については上記の記事で解説しています。

Q.標準の画像ビューアが動作しない



この問題の解決方法は、上記の記事にてまとめてあります。

なお、最新版では修正してあります。

Q.個別記事ページャに記事タイトルを表示させたい



この問題の解決方法は、上記の記事にてまとめてあります。

Q.個別記事ページャの最新・最古記事のリンクがおかしい



この問題の解決方法は、上記の記事にてまとめてあります。

Q.最新記事をトップページで表示させたくない



この問題の解決方法は、上記の記事にてまとめてあります。

Q.投稿部分の下に挿入したガジェットの背景が透明になる



この問題の解決方法は、上記の記事にてまとめてあります。

Q.ガジェットのCSSが上手く設定できない



この問題の解決方法は、上記の記事にてまとめてあります。

Q.CSSをイジってもスマホやタブレットの表示が変わらない


当サイトのテンプレートではレスポンシブデザインを使っています。

レスポンシブデザインとは表示するデバイスのサイズによって表示を変更する設定のことです。

これは各項目に「/* レスポンシブデザイン(スマホ用) */」といったくくりを設けています。

この中の「@media (max-width: 768px) {~}」内を変更してみて下さい。

Q.ガジェットの見出しが目次に含まれてしまう(注目の投稿追加で目次に異常が出る)



この問題の解決方法は、上記の記事にてまとめてあります。

Q.Twitterカードが上手く表示されない



この問題の解決方法は、上記の記事にてまとめてあります。

なお、最新版では修正してあります。

Q.コメントに画像を表示させたい



この問題の解決方法は、上記の記事にてまとめてあります。

なお、最新版では修正してあります。

Q.サイトマップを作りたい


BloggerのXMLサイトマップは「ブログURL/sitemap.xml」とすることで自動生成されます。

Q.スマホ用のファビコンを設定したい



この問題の解決方法は、上記の記事にてまとめてあります。

Q.font-awesomeが□で表示されてしまう



この問題の解決方法は、上記の記事にてまとめてあります。

Q.自動目次の無いバージョンでも目次を表示させたい



この問題の解決方法は、上記の記事にてまとめてあります。

Q.注目の投稿ガジェットの画像が小さい(ぼやける)



この問題の解決方法は、上記の記事にてまとめてあります。

その他のお役立ち情報


CSSを学ぶ方法



上記の記事で具体的にまとめています。

テンプレートを上手に編集する方法



BloggerテンプレートをカスタマイズするにはGoogleChromeのデベロッパーツールを使うと効果的です。

これについては上記の記事で具体的にまとめています。

Bloggerテンプレートの制作過程



当サイトで公開中の「Hello, world!」の制作過程をまとめています。

部位ごとに詳細をまとめていますので、こちらを参照することで分かることがあるかもしれません。