Simplicityをバージョンアップしました。
今回は、機能追加もありますが、不具合箇所の修正と、よりカスタマイズがしやすいよう、というか自分が今後も手軽にバージョンアップできるように、コード・ファイル名などを整理整頓しました。
- 本文記事冒頭抜粋(記事一覧のスニペット部分)の文末に末尾文字を設定できるように機能追加(要望)
- ブログカードの横幅をカラム幅いっぱいにできる機能を追加
- デフォルトのFacebookシェアボタンが子テーマを適用するとずれる不具合修正
- 320px幅のスマホでも「320×100のラージモバイルバナー」広告を端末幅からはみ出さないように修正
- AutoptimizeプラグインでJavaScriptを圧縮するとスクリプトエラーが出る不具合修正
- シェア数を取得するjavascript.jsにある関数を大幅に書き換え(参考)
- header-javascript.phpテンプレート追加(ヘッダーのJavaScript記述まとめ)
- header-css.phpテンプレート追加(ヘッダーのCSS記述まとめ)
- ogp.php→header-ogp.phpに変更(ヘッダー用テンプレートと分りやすくするため)
- twitter-card.php→header-twitter-card.phpに変更(上に同じ)
- ulリスト先頭のポイントを元に戻した
- CSS微調整(シェアボタンアイコンの調整とか)
記事一覧の抜粋に末尾文字をつけられる機能
「外観→カスタマイズ→レイアウトの設定」に「抜粋の末尾文字」機能を追加しました。
これは、抜粋文字数内では収まりきらなかった文字の末尾に「…」などを付加できる機能です。
抜粋文字数よりも文字数が少ない記事の場合や、moreタグがきちんと挿入されていて、綺麗に区切れているところでは表示されません。
要望では、最初、動作がうまくいかなかったので、一旦実装は諦めたのですが、1日寝た後に書いたら、うまくいったので追加。
ブログカードの横幅を広げる機能
「外観→カスタマイズ→レイアウトの設定」に「カード幅を広げる」機能を追加しました。
本来はこんな感じだったカードが
このくらいまで広くなります。
Facebookシェアボタのずれ修正
デフォルトのタイトル下にあるFacebookシェアボタンのズレを修正しました。
以前から、他の方のSimplicityサイトを見ていてズレているのには気づいていたんですが、僕の開発環境で再現できなかったので、修正できていませんでした。けど、今日ようやく原因がわかりました。
僕の環境では、こんなだったのが
他のサイトではこんな感じでずれている。
原因は、親テーマだけだとずれないのに、子テーマを適用するとずれるというものでした。
僕も、なぜそうなるのか訳のわからないんですけど、余分な行動すべて省いた子テーマを適用してもずれるので、こちらで配布している子テーマに原因があるわけでもないようです。訳がわからないです。
結局、親テーマ、子テーマどちらを適用してもズレないスタイル(多分)に変更しました。
iPhoneで見てもラージモバイルバナーがはみ出さないようにスタイル変更
幅が320pxのモバイル端末でラージモバイルバナーがはみ出さないように修正しました。
こんな感じで左右ピッタリ表示されるようになります。
JavaScriptのシェア数取得関数を大幅書き換え
javascript.jsの中身を大幅に書き換えました。
書き換えたと言っても、僕が書いたのではなく、blazechariotのHidekichiさんのサイトに掲載されているコードを、許可をいただいて使わせてもらいました。ありがとうございます。
ファイル構成変更
今回、header.php内が雑多になってきたので、CSS関係のコードを書くにはheader-css.phpに、JavaScript関係のことを書くには、header-javascript.phpにとコードを整理整頓しました。
これで次から、どこに何があるか少しは分かりやすくなりました。(僕が)
あとついでに、ヘッダー内で使用されるファイルは、頭にheader-がつくように統一しました。
- ogp.php→header-ogp.phpに変更
- twitter-card.php→header-twitter-card.phpに変更
これで、ファイラーでファイルリストを名前でソートして表示すると、まとまって表示されるので編集効率が多少上がります。
v1.2.9あとがき
今回、結構コードを書き換えたので、不具合がありましたら報告していただけると助かります。
でも書き換えたおかげで、コードがかなりスッキリして嬉しいです。