Simplicity1.2.9公開。2つの機能追加と大幅調整。

Simplicityをバージョンアップしました。

今回は、機能追加もありますが、不具合箇所の修正と、よりカスタマイズがしやすいよう、というか自分が今後も手軽にバージョンアップできるように、コード・ファイル名などを整理整頓しました。

  1. 本文記事冒頭抜粋(記事一覧のスニペット部分)の文末に末尾文字を設定できるように機能追加(要望
  2. ブログカードの横幅をカラム幅いっぱいにできる機能を追加
  3. デフォルトのFacebookシェアボタンが子テーマを適用するとずれる不具合修正
  4. 320px幅のスマホでも「320×100のラージモバイルバナー」広告を端末幅からはみ出さないように修正
  5. AutoptimizeプラグインでJavaScriptを圧縮するとスクリプトエラーが出る不具合修正
  6. シェア数を取得するjavascript.jsにある関数を大幅に書き換え(参考
  7. header-javascript.phpテンプレート追加(ヘッダーのJavaScript記述まとめ)
  8. header-css.phpテンプレート追加(ヘッダーのCSS記述まとめ)
  9. ogp.php→header-ogp.phpに変更(ヘッダー用テンプレートと分りやすくするため)
  10. twitter-card.php→header-twitter-card.phpに変更(上に同じ)
  11. ulリスト先頭のポイントを元に戻した
  12. 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あとがき

今回、結構コードを書き換えたので、不具合がありましたら報告していただけると助かります。

でも書き換えたおかげで、コードがかなりスッキリして嬉しいです。

スポンサーリンク