WordPressテーマをIZM(tcd034)に変更~初期設定編ロゴ&ヘッダースライダー

WordPressインストール後に無料テーマのSimplicityに変更する方法

どうも~ごりょんさんです。

今回はブログのテンプレートをWordPressの有料テーマIZM(tcd034)に変更して行く方法を解説します。

初期設定編としまして、ブログのロゴ&ヘッダースライダーの変更をしていきたいと思います。

前回の記事でIZM(tcd034)を購入、ダウンロードまでを実行しました。

前回記事➝WordPress有料テーマIZM(tcd034)の購入方法を解説~複数サイト使用可能テーマ

今回は実際にわたくしのブログでテーマの変更して行きたいと思います。しかし失敗するといけませんので、ほとんどアクセスのない過疎ブログで実験する事にしました。

スポンサーリンク

WordPressのテーマをIZM(tcd034)に変更すする方法

変更しますのは、

わたくしの料理ブログを替えてみたいと思います。

今現在はSimplicityという無料テーマを使用しています。

WordPressテーマ変更2

テーマのアップロード

ダッシュボードから外観➝テーマ➝新規追加➝アップロードと進みます。

「参照」ボタンをクリックしてあらかじめダウンロードしてあったIZMのZIPファイルを選択、「今すぐインストール」を押します。

WordPressテーマ変更3

最後に有効化をクリックして完了です。

WordPressテーマ変更4

これでこのブログのテーマがSimpricityからIZMに変更されました。

WordPressテーマ変更5

どんなものかサイトを見てみましょう。

WordPressテーマ変更6

なんかイマイチかっこよくないですね~

IZMの初期設定ロゴ編

では、IMZをカスタマイズして行きます。

いちばん初めにロゴを設定します。

ロゴというのはブログのタイトル画像の事ですね。

WordPressテーマ変更7

ダッシュボード➝外観➝テーマオプションと進みます。

ロゴの設定をクリックします。

WordPressテーマ変更8

旧テーマで使っていたロゴ画像をアップロードします。

WordPressテーマ変更9

次にロゴ画像をリサイズして行きます。

下の方を少し削って60%にリサイズしてみます。

WordPressテーマ変更10

最後にロゴの配置を決めて「ロゴの位置を決定する」をクリックします。

WordPressテーマ変更11

デフォルトではこんな感じでした。

WordPressテーマ変更12

変更後はこんな感じになりました。

WordPressテーマ変更13

なんかイマイチな感じですので変更する事に。

とりあえずこんな感じにしておく事に。

WordPressテーマ変更14

スマホ用ロゴの設定

最近ではスマホからの閲覧の方がパソコンを上回っていますので、スマホを第一に考えていかなければなりません。

これが設定前のスマホのロゴです。

WordPressテーマ変更15

そしてこれが変更後

WordPressテーマ変更16

なんかものすごく小さく表示されました(笑)。

大きくしようとあれこれやってみましたがこれ以上大きくならなかったので断念、最初の設定のままにしておく事にしました。

トップページ画像(ヘッダースライダー)の設定

これがIZMの特徴ですね、大きなメインビジュアル、カッコイイです。

WordPressテーマ変更17

何とかこんな風に画像を設定したいものですね~

外観➝テーマオプション➝トップページと進みます。

ここに書いてあります「推奨サイズ:横幅1450px、縦幅400px」の大きさの画像を用意すれば良いみたいですね、しかしこんなサイズの画像を5枚も貼れば重くならないのですかね?

料理写真を貼りたいのですが画像を全て680pxにリサイズしてしまいましたので使えませんね。

無料の料理写真サイトから1枚もらって来まして設置してみる事に。

WordPressテーマ変更19

なんかすごくデカい!

コンテンツがメイン画像で見えなくなるのも困りますので、IZMのデモサイトの画像の大きさを参考にしてやり直す事に。

画像も横長の物を選択してIZMのデモサイトの画像と同じ1600×500に切り抜きました。

WordPressテーマ変更20

何とかこんな感じに収まりました。

スマホではこういう感じに。

WordPressテーマ変更21

まとめ

IZMはたくさんの画像の挿入が可能なテーマですので料理ブログにはピッタリのテンプレートでした。

しかしこのテーマをフルに活用するにはより多くの記事が必要になります。

もっとコンテンツを充実させていかなければなりませんね。

WordPressの有料テーマIZM(tcd034)の初期設定~グローバルメニュー・フッターメニュー編

スポンサーリンク

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です