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

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

今回は、ブログのテンプレートを WordPressの有料テーマIZM(tcd034) に変更して行く方法を紹介します。初期設定編として、ブログのロゴ&ヘッダースライダーの変更をしていきたいと思います。

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

WordPress有料テーマIZM(tcd034)の購入方法を解説~複数サイト使用可能テーマ
このたびWordPressの有料テーマ IZM(tcd034) を購入しました。 最初はA8.netのファンブログから出発して、今現在...

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

スポンサーリンク

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

変更しますのは、ワタシの料理ブログを替えてみたいと思います。

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

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

テーマのアップロード

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

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

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

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

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

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

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

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

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

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

IZMの初期設定ロゴ編

それでは、IMZをカスタマイズして行きます。いちばん初めにロゴを設定しましょう。ロゴというのは、ブログのタイトル画像の事ですね。

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

「ダッシュボード」➝「外観」➝「テーマオプション」と進んで、「ロゴの設定」をクリックします。

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

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

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

次に、ロゴ画像をリサイズして行きます。下の方を少し削って、60%にリサイズしてみます。

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

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

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

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

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

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

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

なんかイマイチな感じなので、更に変更して、とりあえずこんな感じにしておく事に。

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

スマホ用ロゴの設定

今の時代は、スマホからの閲覧の方がパソコンを上回っているので、スマホを第一に考えていかなければなりませんね。これが設定前のスマホのロゴです。

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

そしてこれが変更後

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

何故かものすごく小さく表示されました(笑)。ロゴを大きくしようとあれこれやってみましたが、これ以上大きくならなかったので断念、最初の設定のままにしておく事にしました。

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

これがIZMの特徴ですね、大きなメインビジュアル、カッコイイです。何とかこんな風に画像を設定したいものですね~。

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

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

ヘッダースライダーを導入するには、「推奨サイズ:横幅1450px、縦幅400px」の大きさの画像を用意すれば良いみたいです。しかしこんな大きなサイズの画像を5枚も貼れば重くならないのですかね?

料理写真を貼りたいのですが、画像を全て680pxにリサイズしてしまったので使えません。そこで、無料の料理写真サイトから1枚もらって来て設置してみる事になりました。

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

なんかすごくデカい!

コンテンツがメイン画像で見えなくなるのも困るので、IZMのデモサイトの画像の大きさを参考にしてやり直す事に。画像も横長の物を選択して、IZMのデモサイトの画像と同じ1600×500に切り抜きました。

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

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

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

まとめ

WordPressの有料テーマのIZMは、たくさんの画像の挿入が可能なテーマなので、料理ブログにはピッタリのテンプレートでした。しかしこのテーマをフルに活用するには、より多くの記事が必要になります。もっとコンテンツを充実させていかなければなりませんね。

IZM (tcd034)

IZM(TCD34)関連記事
スポンサーリンク

フォローする

コメントをどうぞ

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