【WordPress】記事タイトルとアイキャッチ画像の場所を入れ替える方法

title_exchange_image_under

WordPressを使い始めた時、機能が多くて何をして良いのかよくわからなくて戸惑いました。


タイトルにあるとおり外観からテーマを設定してインポートしてきた記事を確認すると記事タイトルがアイキャッチ画像の下に来てしまってなんか嫌だなと思いなおすことにしました。

テーマ = Start Magazine

テーマはシンプルでかっこいいなと思いStart Magazineを選択しています。


テーマエディタからソースコードを編集

WordPressから注意が表示されるかと思います。直すときは慎重にやってください。

ミスってしまうとブログのデザインが崩れてしまうので気をつけてください。

 

左メニューのテーマエディタをクリックし、template-partsにある

  • content-page.php
  • content-single.php
  • content.php

を修正します。

 

以降はSmart Magazineのテーマに絞って説明していきます。

他のテーマも大体は同じかと思いますが、デザインによってはソースコードが異なるかもしれません。

初心者の方はFTPでアクセスして下記のファイルをバックアップをとっておくことをおすすめします。

wp-content/themes/start-magazine/template-parts/content-page.php wp-content/themes/start-magazine/template-parts/content-single.php wp-content/themes/start-magazine/template-parts/content.php

1.Homeのタイトルと画像を入れ替える

content.phpを下記のような感じで修正する

2.固定ページのタイトルと画像を入れ替える

content-page.phpを下記のような感じで修正する

3.記事ページのタイトルと画像を入れ替える

content-single.phpを下記のような感じで修正する

以上がタイトルとアイキャッチ画像の場所を入れ替える方法でした。

もし気になった方はこの手順でやってみてください。

コメントを残す

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