どうも～ごりょんさんです。
今回はブログのテンプレートをWordPressの有料テーマIZM(tcd034)に変更して行く方法を解説します。
初期設定編としまして、ブログのロゴ＆ヘッダースライダーの変更をしていきたいと思います。
前回の記事でIZM(tcd034)を購入、ダウンロードまでを実行しました。
前回記事➝WordPress有料テーマIZM(tcd034)の購入方法を解説～複数サイト使用可能テーマ
今回は実際にわたくしのブログでテーマの変更して行きたいと思います。しかし失敗するといけませんので、ほとんどアクセスのない過疎ブログで実験する事にしました。
目次
WordPressのテーマをIZM(tcd034)に変更すする方法
変更しますのは、
わたくしの料理ブログを替えてみたいと思います。
今現在はSimplicityという無料テーマを使用しています。
テーマのアップロード
ダッシュボードから外観➝テーマ➝新規追加➝アップロードと進みます。
「参照」ボタンをクリックしてあらかじめダウンロードしてあったIZMのZIPファイルを選択、「今すぐインストール」を押します。
最後に有効化をクリックして完了です。
これでこのブログのテーマがSimpricityからIZMに変更されました。
どんなものかサイトを見てみましょう。
なんかイマイチかっこよくないですね～
IZMの初期設定ロゴ編
では、IMZをカスタマイズして行きます。
いちばん初めにロゴを設定します。
ロゴというのはブログのタイトル画像の事ですね。
ダッシュボード➝外観➝テーマオプションと進みます。
ロゴの設定をクリックします。
旧テーマで使っていたロゴ画像をアップロードします。
次にロゴ画像をリサイズして行きます。
下の方を少し削って60％にリサイズしてみます。
最後にロゴの配置を決めて「ロゴの位置を決定する」をクリックします。
デフォルトではこんな感じでした。
変更後はこんな感じになりました。
なんかイマイチな感じですので変更する事に。
とりあえずこんな感じにしておく事に。
スマホ用ロゴの設定
最近ではスマホからの閲覧の方がパソコンを上回っていますので、スマホを第一に考えていかなければなりません。
これが設定前のスマホのロゴです。
そしてこれが変更後
なんかものすごく小さく表示されました(笑)。
大きくしようとあれこれやってみましたがこれ以上大きくならなかったので断念、最初の設定のままにしておく事にしました。
トップページ画像(ヘッダースライダー)の設定
これがIZMの特徴ですね、大きなメインビジュアル、カッコイイです。
何とかこんな風に画像を設定したいものですね～
外観➝テーマオプション➝トップページと進みます。
ここに書いてあります「推奨サイズ：横幅1450px、縦幅400px」の大きさの画像を用意すれば良いみたいですね、しかしこんなサイズの画像を5枚も貼れば重くならないのですかね？
料理写真を貼りたいのですが画像を全て680pxにリサイズしてしまいましたので使えませんね。
無料の料理写真サイトから1枚もらって来まして設置してみる事に。
なんかすごくデカい！
コンテンツがメイン画像で見えなくなるのも困りますので、IZMのデモサイトの画像の大きさを参考にしてやり直す事に。
画像も横長の物を選択してIZMのデモサイトの画像と同じ1600×500に切り抜きました。
何とかこんな感じに収まりました。
スマホではこういう感じに。
まとめ
IZMはたくさんの画像の挿入が可能なテーマですので料理ブログにはピッタリのテンプレートでした。
しかしこのテーマをフルに活用するにはより多くの記事が必要になります。
もっとコンテンツを充実させていかなければなりませんね。
