Simplicityを1.6.0にアップデートしてモバイルヘッダ画像を設定

先日Simplicityを1.5.7にアップデートでアップデートしたことをお伝えしましたSimplicityですが、更に新しい1.6.0が公開されていましたので、適用してみることにしました。

Simplicity 1.6.0

改修の詳細は以下の作者さんのページで解説されていますが、

Simplicity1.6.0公開。ヘッダー背景画像などをメディアから指定出来るように変更。

主な変更点は以下のようなものとのこと。

1. 「ロゴ画像」をメディアから指定出来るように変更

2. 「ヘッダー外側背景画像」をメディアから指定出来るように変更

3. 「モバイルヘッダー背景画像」をメディアから指定出来るように変更

4. 「ファビコン」をメディアから指定出来るように変更

5. 「アップルタッチアイコン」をメディアから指定出来るように変更

6. テーマカスタマイザーでグローバルナビの色を変更しているとき、スライドインメニューの背景でその色が優先されて表示してしまう不具合修正

7. テーマカスタマイザーで「サイドバーの背景を白色に」の設定しているとき、スライドインサイドバーで背景の白色が優先されて表示してしまう不具合修正

今回はブログに関連する様々な画像をメディアライブラリから指定できるようになったことが目玉のようですね。

モバイル画面のヘッダ画像を設定

前の記事でも書きましたように、モバイル画面でヘッダ画像が表示されないことは前から気になっていましたので、今回公開された機能を使って設定してみることにしました。

といっても、ダッシュボードからメディアライブラリに画像をアップロードし、外観のカスタマイズ画面の「ヘッダー画像」中の「モバイルヘッダー背景画像」でそれを選択するだけですが。

最初はPC画面と同じヘッダ画像が使えるかと思い、それを設定してみました。しかし設定箇所にも「画像の高さは高めに設定しておいてください」と注意書きがあるように、モバイル画面のヘッダはかなり縦幅がありますので、高さが足りずにタイル状の表示になってしまいました。

そこで、オリジナルの画像を引っ張り出してきて適当な大きさに整形して使用しました。

その結果、以前はこんな感じで殺風景だったモバイル画面が

Simplicityヘッダ画像設定前

こうなりました。

Simplicityヘッダ画像設定後

やはりヘッダ画像が有ると無いとでは、印象がかなり違いますね。

ファビコンも設定したいところだが

今回の改修でファビコン(ブラウザのタブなどに表示されるそのサイト特有のアイコン)もメディアから指定できるようになったようです。

本当はこれも設定しておきたいところですが、自分はデザインの才能がありませんのでなかなか良いアイコンが作れません。

こういうときは、センスの良いアイコンをチャチャッと作れる人がうらやましいです。

適当なフリー画像でも加工して、無理やり作ってみましょうか。

スポンサーリンク

フォローする

おすすめトピック(一部広告あり)

おすすめトピック(一部広告あり)