【QooQ】やってみたカスタマイズあれこれ

2022/07/17

ブログのカスタマイズ

t f B! P L

メインブログではやってみたカスタマイズだけど、ここでは適用してないやつです。

メインブログで不思議に思ってる点なんだけど…
トップページの番号付きページャーを押すとスーと上にスクロールされてページが切り替わってます。
こんなの設定した記憶なくて、ZELOのテーマではあった機能だけど…なぜか受け継がれてます。なんで?
このテストブログはそんな機能ないのに…嬉い機能だったので良しとします!

関連記事の表示件数を変更

【QooQ】関連記事の表示件数を変更する方法【カスタマイズ】

【QooQ】関連記事の表示件数を変更する方法【カスタマイズ】

前回、関連記事を中央寄せにしたのですが、関連記事の表示件数が 5 件になったり 6 件になったりしました。そこで、関連記事の表示件数を変更する方法を調べてみました。関連記事の表示件数の変更方法QooQテンプレートの下記値(mrpMax)で変

メインブログの方でこれをやってみたんですが、関連記事が10表示なのに9になったりするのは改善されなかった。
効果なかったのでこちらのブログではやっていません。

Googleアドセンス

コメントの下にアドセンスを入れたかったんですがQooQのデフォルト配置では記事終わり(関連記事の上)あたりに出ちゃって配置が微妙。
なので関連記事に下に行くようにしました。

#ad-2で検索します。このCSSの下に#ad-3を作ります。
#ad-3{
	margin-top: 2em;
	overflow: none;
}
 
<div id='mrp-wrapper'>で検索します。
このタグが対応する</div>の下にアドセンスコードを入れます。
<!-- アドセンス広告3関連記事下.start -->
<div id='ad-3'>
アドセンスのコードをコピペする
</div>
<!-- アドセンス広告3関連記事下.end -->

GIF画像をクリックで再生

GIFを使ってアニメーションで説明したい!と思ったけど
GIFは勝手に再生されるから分かりづらい。
と思いクリックで再生できるようにしてみました。

GIFアニメ画像を停止して読み込ませ、クリックで再生させる2つの方法 - WEBつく

GIFアニメ画像を停止して読み込ませ、クリックで再生させる2つの方法 - WEBつく

GIFアニメ画像をそのまま読み込ませると、ページが重かったりします。訪問者的にもGIFアニメは最初から見たいと思います。あまりいい方法ではないですが、2つの方法をご紹介します。GIFアニメの画像は、dribbbleから利用させていただきました。 Javascriptを利用する 停止している画像を最初に表示させ

この記事を参考に</body>の上に全部入れておきました。

(C) ARMOR PROJECT/BIRD STUDIO/SQUARE ENIX All Rights Reserved.

QooQ