Simplicity1.4公開。大きなヘッダー画像機能、SEO的タイトル変更、画像のギャラリー表示機能追加など。

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

尚、このバージョンを公開後、しばらく待って不具合が報告されないようなら、安定版としたいと思います。

今回の主な変更点は以下です。

  1. 画面幅いっぱいにヘッダー画像を設定できるよう機能追加
  2. フロントページタイトルにキャッチフレーズを付加できるように機能追加
  3. 投稿・固定ページタイトルにサイト名を付加できるように機能追加
  4. lightboxで画面変移なしに画像リンクを開くことができる設定追加
  5. 関連記事のサムネイル表示を4列にする機能を追加
  6. ブログカードのサムネイルを右側にする機能を追加
  7. モバイルでタブレット向けに最大横幅設定
  8. ページタイトルの取得方法変更
  9. og:typeのcontentでblog利用するを個別ページではarticleをその他のページではwebsiteを利用するようにした(Object Typesにblogがなくなっていたため)
  10. 広告ラベルのデフォルトを設定
  11. 細かなCSSの修正
  12. [修正a]Lazy LoadとLightboxを同時に有効にすると、タグに/(スラッシュ)が混入してしまう不具合修正
  13. [修正a]IMGタグのwidthとheightを取り除く処理を廃止
  14. [修正b]レスポンシブとメニューに関する不具合修正(詳細
  15. [修正c]古いAndroidで表示が崩れるので、box-sizingにベンダープリフィックス追加(詳細&参考
  16. [修正c]タイル状リストで離れていたスタイルを修正
  17. [修正c]カスタマイザーの項目名をいくつか変更
  18. [修正c]画像リンク以外でもLightboxが表示されてしまっていた不具合修正(詳細&参考
スポンサーリンク

画面幅いっぱいにヘッダー画像

「外観→カスタマイズ→ヘッダー画像」に「ヘッダー外側背景画像をURLで指定」という項目を追加しました。

ヘッダー画像を幅いっぱい機能

この項目に画像のURLを記入すると、寝ログのような画面幅いっぱいのヘッダー背景画像を設定できます。

画面幅いっぱいのヘッダー画像

詳しい設定方法は以下を参照してください。

Simplicity1.4から、テーマカスタマイザーだけで、以下のような画面幅いっぱいのヘッダー画像を設定できるようになりました。 この...

SEOのタイトル機能追加

「外観→カスタマイズ→SEOの設定」に以下の機能を追加しました。

  • フロントページタイトル後にキャッチフレーズを付加
  • 投稿・固定ページタイトル後にサイト名を付加

SEOの設定

「フロントページタイトル後にキャッチフレーズを付加 」にチェックを入れるとフロントページで以下のようなタイトルが表示されます。

サイト名 | キャッチフレーズ

「投稿・固定ページタイトル後にサイト名を付加 」にチェックを入れると投稿・固定ページで以下のようなタイトルが表示されます。

ページのタイトル | サイト名

画像ギャラリー表示機能追加(Lightbox)

Simplicityに画像ギャラリー表示するLightbox機能を追加しました。

設定は「外観→カスタマイズ→画像の設定」の「画像リンクをギャラリー表示(Lightbox)」の項目にチェックを入れてください。

リンク先が画像のアンカーリンクをクリックすると、以下のように表示されます。

Lightbox

詳しい仕様は、以下を参照してください。

参考 ページの画像をクリックすると画面内に拡大表示してくれる「Lightbox」をWordpressで使う方法

関連記事のサムネイルを4列にする機能

「外観→カスタマイズ→レイアウトの設定(投稿・固定ページ)」の「関連記事表示タイプ」に「サムネイル4列」を追加しました。

関連記事表示タイプ

以前は、3列のものはありましたが、4列のものを追加した形になります。

関連記事の表示

ブログカードのサムネイルを右側にできるように

「外観→カスタマイズ→ブログカードの設定」に「サムネイルを右側にする」という項目を追加しました。

サムネイルを右側にする

これにより、ブログカードのサムネイルを右左どちらでも表示できるようになりました。

ブログカードのサムネイルを右側にもできるようにした

モバイルでタブレット向けに最大横幅設定

これまでのSimplicityは、横幅の広いタブレット端末などで表示させると、以下のように文章が間延びして表示されていました。

タブレット表示(以前)

これを以下のように変更しました。

タブレット表示(投稿ページ)

インデクスページもこんな感じにしました。

タブレット表示(トップページ)

これは、mobile.cssに以下のような設定を追加しました。

#main,
#sidebar {
  margin: 0 auto;
  max-width: 720px;
  box-sizing: border-box;
}

この変更は、以下の記事を参考にさせていただきました。ありがとうございます。

参考 タブレットで見るSimplicityの横幅を見やすくするカスタマイズ

v1.4.0あとがき

冒頭にも書きましたが、公開後しばらく待って、不具合が報告されないようなら、今回のバージョンを安定版としたいと思います。

不具合などありましたら、不具合報告にご報告いただければ、修正したものを安定版としたいと思います。

ですので、何か不具合等ありましたらご報告いただけると幸いです。

安定版になりましたら、Simplicity1.3.7で追加した「テーマ更新通知機能」を使ってみたいと思います。


あと、1.4となったので、The Web Template Verification Serviceでテーマチェックしておきました。

警告が出るようなコードは検出されませんでした。

スポンサーリンク
アドセンス(大)
アドセンス(大)

スポンサーリンク
アドセンス(大)