読書とプログラミングを中心とした覚書ブログMENUサイトマップSTINGER読書とプログラミングを中心とした覚書ブログ読書とプログラミングについて、日々経験したことを忘れないようにするため、極力ブログに記録を残すように頑張る。カスタマイズWordPressのSTINGERテンプレートに対して、記事タイトルを含むヘッダ部分をブラウザに追従表示させるカスタマイズをしてみました。これはWEB検索で「固定ヘッダ」とか「Sticky表示」などというように表記されています。本記事では、このサイトで実現させたSTINGERへの固定ヘッダの設定方法についてまとめたいと思います。サイドバーにある「スクロール広告用」は広告フロートの処理によってスクロールしてもブラウザ画面内に固定表示することができますが、自分の環境だとこの動きがおかしい問題がありました。この問題は、Javascript部分の処理上、ある条件により起きる問題とわかりました。STINGERスクロール広告用の「広告フロート」に関するソースを見ると、先頭にクレジットがありSTINGERに限らず同様の広告フロートを活用する場合に本件に関連があります。v3用のカスタマイズ方法です。v5に対するカスタマイズはこちらの記事で考えました。STINGERの記事一覧の表示方法と気になるポイントSTINGERのようなブログ向けWordPressテンプレートのパターンとして、記事一覧ページに、見出しと記事本文の先頭部分を切り抜いた抜粋が並びます。ここでSTINGERそのままだと、本文は「先頭からの100文字分」という固定文字数の指定で切り抜かれています。そのため、本文に書いた内容が100文字以上だった場合、文章が途中で切れてしまい一覧ページが読みづらい仕上がりとなってしまいます。カスタマイズSTINGERをインストールした状態だと、記事の幅が550pxになっています。550pxだとあっという間に改行してしまうので、この幅を今のうちに650pxに広げておきます。トピックパス)が記事の一番上に設定されているデザインなのですが、STINGERでのパンくずリストの表記は、一番右端に「>」記号がくっついて終わっているので落ち着きつきません。パンくずリストの右端には、今見ているコンテンツ自身の単語で終わって欲しいかなと思います。カスタマイズWordPressの醍醐味の一つ?であるだろうカスタマイズに着手しました。巷ではSTINGERが有名らしいので、大して迷わず採用しました。今日からSTINGERをベースに少しずつデザインを作っていこうかなと思っています。v3読書とプログラミングについて、日々経験したことを忘れないようにするため、極力ブログに記録を残すように頑張る。当サイト(読書とプログラミングを中心とした覚書ブログ)は、Amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。