はじめに
STINGER V3からV5にバージョンアップしたのが2014/9/29、もうかれこれ2ヶ月が経過しようとしています。 そこで、バージョンアップに伴う移行作業がひと通り落ち着いたんじゃないだろうかと思い、STINGERに対する独自のカスタマイズ記録を振り返ってみました。 するとこの記事(スクロールしても記事タイトルをずっと画面に固定表示するカスタマイズ)でまとめたカスタマイズ記事を取りこぼしていることが判明。

STINGERテンプレートの場合、ダウンロード対象のCSSファイルは2つあります。 少しでも表示時間を短くするためにはダウンロード対象のファイル数を減らすと効果的だと言われてます。 そこで、まずは複数あるCSSファイルのダウンロードを最適化するという目的で、SASSを導入してみました。

STINGERのホーム画面や月まとめ等のアーカイブ系のページに表示される記事一覧について、STINGER v3からv5にバージョンアップする際に表示される形式が変更になりました。 本記事ではv5で変更された表示形式のメモと、加えて、STINGER v5を更に綺麗に表示させるための改善について今回やったことを、あわせて整理したいと思います。

  STINGERテンプレートは、WordPressサイトのテーマとしてアップロードしただけでほとんど何も手を付けなくても綺麗に表示できるため、お手軽な作りです。 しかしながら、いくつかの設定はそのままだと物足りないので、気になったところは改善します。 それらのうちパンくずリストの表示について、これまで以下に示す記事で改善をしましたが、今回、さらなる改善をしたいと思います。

WordPressのSTINGERテンプレートでは、パンくずリスト(ブレッドクラム / トピックパス)が記事の一番上に表示されています。 しかしながらSTINGERでは、記事に割り当ててあるパンくずリストのうち、1件分しか表示することが出来ません。 今回このパンくずリストとして、記事に割り当ててある全件を表示させる修正についてまとめたいと思います。

以前STINGER v3にて、こちらの記事(記事の幅を広げるカスタマイズ)で記事の幅を広げました。 今回は、同様にSTINGER v5に対して記事の幅を広げる変更をまとめます。

STINGER配布サイトにて、STINGERのV5メジャーアップのアナウンスを発見しました。 これまでV3をベースに活用させて頂いてましたが、いつの間にか2つもバージョンが上がっていたことになります。 ただサイト内の説明を読んだ限りでは、V3の次がV5という位置づけのようです。

  WordPressのSTINGERテンプレートに対して、記事タイトルを含むヘッダ部分をブラウザに追従表示させるカスタマイズをしてみました。 これはWEB検索で「固定ヘッダ」とか「Sticky表示」などというように表記されています。 本記事では、このサイトで実現させたSTINGERへの固定ヘッダの設定方法についてまとめたいと思います。

WordPressテーマSTINGERの サイドバーにある「スクロール広告用」は広告フロートの処理によってスクロールしてもブラウザ画面内に固定表示することができますが、自分の環境だとこの動きがおかしい問題がありました。 そしてこの問題は、Javascript部分の処理上、ある条件により起きる問題とわかりました。 Information STINGERスクロール広告用の「広告フロート」に関するソースを見ると、先頭にクレジットがありSTINGERに限らず同様の広告フロートを活用する場合に本件に関連があります。

Information この記事はSTINGER v3用のカスタマイズ方法です。STINGER v5に対するカスタマイズはこちらの記事で考えました。
STINGERの記事一覧の表示方法と気になるポイント
STINGERのようなブログ向けWordPressテンプレートのパターンとして、記事一覧ページに、見出しと記事本文の先頭部分を切り抜いた抜粋が並びます。 ここでSTINGERそのままだと、本文は「先頭からの100文字分」という固定文字数の指定で切り抜かれています。 そのため、本文に書いた内容が100文字以上だった場合、文章が途中で切れてしまい一覧ページが読みづらい仕上がりとなってしまいます。