本ページはプロモーションが含まれています

Stinger5が一般公開されたので、さっそく有効化してみた。

stinger5

昨日、Stinger作者のENJIさん(@ENJILOG)からのツィートで、ついに Stinger5 が一般公開された事を知りました。

スクリーンショット 2014-08-20 12.32.35

Stinger5では、ついにレスポンシブに対応されるという事で、非常に楽しみにしていましたので、という事で、さっそくテーマに適用してみました。

スポンサーリンク

まずはダウンロードから

Stinger5のダウンロードは下記リンクから可能です。

ダウンロード | STINGER5

ちなみに、8/19版が最新で、それ以前のβ版には修正がかかっているそうですので、ご注意ください。

【2014/08/20;追記】8/20版にアップされました。

【2014/08/22;追記】8/22版にアップされました。

テーマの適用とカスタマイズ

今日は、ほぼテーマの適用のみですが、

  • ロゴ画像の適用
  • ヘッダー画像の非表示
  • ファビコンの置換え (これ、忘れがちwww)
  • snsボタンの追加
  • アクセス解析の設置(これを忘れると、、、)

といった基本部分のみをカスタマイズしています。

急ぎで適用したので、自分でいじった箇所に、多少、表示の崩れや修正したい点などもありますがwww

 

今後の方針

せっかくカスタマイズを進めてきたStinger3に戻すのか、Stinger5で新たにカスタマイズしなおすか悩ましいところですが。

しばらくは、Stinger5で行こうと思います。

いずれはレスポンシブに対応するのが当たり前になってきそうですしね。

ちなみに、Stinger5でカスタマイズするなら、Jimonさん(@Jimon_s)の構造早見表が劇的に役立ちますので、参考にしてみて下さいね。

参照:Stinger5カスタマイズ!最新版class,id構造早見表 -トップページ編-

 

補足;トップページのタイトルが重複する場合の対処法

【2014/08/20;追記】※この問題は、ENJIさん(@ENJILOG)が、高速で対応して下さいました。さすがっ!^^


 

結果の確認中にトップページの記事一覧のタイトルが重複している現象を確認しました。

タイトルの重複

さっそく対応しましたので、修正方法を追記しておきます。

該当の記事一覧は、itiran.phpで出力されています。

その中で、問題の原因となっている箇所は黄色にマークアップした行です。

//タイトル重複の修正
    <dd>
      <h3><a href="" title="<?php the_title(); ?>">
        <?php the_title(); ?>
        </a></h3>

このマークアップした行を下記に置き換えてあげて下さい。

//修正コード
<h3><a href="" title="<?php the_title_attribute(); ?>">

要するに、原因はthe_title()関数の吐きだす余計なコードによって、タグが壊れてしまうためです。

なので、the_title()関数からthe_title_attribute()関数に置き換えてあげればOKという事ですね。

以上、参考になれば幸いです。^^

タイトルとURLをコピーしました