突然ですが、最近Visual Studio Codeを使ってPHPアプリの開発に適用しようとしてます。 早速インストールまで済ませましたが、これだけは欲しかったコードのフォーマッタ適用の設定でつまづいたので忘れないうちにメモしておこうと思います。

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

本日、WordPress Popular Postsを最新の3.1.0にバージョンアップしたところ画面が真っ白になる問題に直面しました。 困ったことに管理画面も全てが真っ白になっており、プラグインの無効化すら出来ない状況に陥りました。 ようやくサイトを復旧することが出来、きっと今後もこのような問題が起きえるのだろうと思いますので、今回実施した暫定対策についてまとめたいと思います。

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

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

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

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