読書とプログラミングを中心とした覚書ブログ

読書とプログラミングについて、日々経験したことを忘れないようにするため、極力ブログに記録を残すように頑張る。

「 STINGER v5 」 一覧

スクロールしても記事タイトルをずっと画面に固定表示するカスタマイズ(V5用)

  2014/11/26        

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

CSSファイル数を減らしてページ表示時間を最適化

  2014/11/20          

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

記事一覧に表示する各記事の抜粋を綺麗に整形表示する

  2014/11/14      

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

パンくずリストをもっとカッコよくする

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

記事に設定したカテゴリが複数ある場合「パンくず」を全件表示させる

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

記事の幅を広げるカスタマイズ(V5用)

  2014/09/29        

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

WordPressテーマをSTINGER5にバージョンアップ

  2014/09/29      

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

広告フロートの動きがおかしい問題の回避方法

  2014/07/06              

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

パンくずリストの最後の”>”を削除するカスタマイズ

STINGERテンプレートだと、パンくずリスト(ブレッドクラム / トピックパス)が記事の一番上に設定されているデザインなのですが、STINGERでのパンくずリストの表記は、一番右端に「>」記号がくっついて終わっているので落ち着きつきません。 パンくずリストの右端には、今見ているコンテンツ自身の単語で終わって欲しいかなと思います。