無料ホームページテンプレート Template Party

トップページのアイキャッチ画像を、ロゴ画像として適用する。

2017/11時点でトップページのアイキャッチは「使わない」設定になっています。
この使っていないアイキャッチにロゴ画像を登録して全ページのロゴに置き換えてみましょう。

tpwp_biz46のロゴサンプルで解説します

cssの装飾が入っていない一般的なロゴは同じステップで入れ替え可能です。

設定に入ります。

  1. 管理ページの「固定ページ」->「固定ページ一覧」をクリック。
    「トップページ」の編集画面を開き、アイキャッチ画像にロゴ画像を登録します。
    アイキャッチ画像の登録方法はこちら。

    アップするロゴ画像は、テーマのbaseフォルダに入っているロゴの文字なし土台(通常はlogo.png)で作って頂くのがベストです。
    もし、オリジナルで準備される場合、サイズが極端に変わってしまうとレイアウトが崩れる場合があります。その場合はcssフォルダのstyle.cssで調整して下さい。

    アイキャッチ登録画面の「代替テキスト」にサイト名など入れておくと、ロゴ画像のalt属性に情報が入ります。

  2. 続いてトップページのIDを確認しておきます。

    今回のサンプルの場合は「292」ですが、ご利用環境により異なります。

  3. header.phpを開き、imgタグからアイキャッチ画像読み込みタグに変更します。
    ↓以下のタグをコピペして使って下さい。「●」部分には上で調べたID番号を入れます。
    <?php echo get_the_post_thumbnail(●); ?>
  4. トップページをプレビューし、準備した画像に入れ替わっていればOKです。その他ページにも適用されたか確認しましょう。

マニュアルページに戻る