ワードプレス アイキャッチ画像位置 ポセイドンテンプレート

目次

【1】環境説明
【2】アイキャッチ画像
【3】タイトル下への設定方法


スポンサー様

アイキャッチ画像をタイトル下に


~わかりやすい解説,ワードプレスカスタムの書~

A,S,mediumです
皆様に私の人生での経験情報が
お役に立つことを願っております~<(_ _)>
今回は、ワードプレスカスタム
アイキャッチ画像設定の手順をお届けいたします



環境説明


ワードプレスでブログを更新していると
いろいろなテンプレートがあって
それぜれカスタムするには少し、設定が異なりますよね。
今期は【ポセイドン】テンプレートの
アイキャッチ画像をタイトル下に設定してみました



アイキャッチ画像


アイキャッチ画像とは
文字のごとくですが【目を引く画像】ですね💦
ブログなどでは欠かせなくなってきており
記事で伝えたいことがわかりやすく
スムーズに記事を読みやすく入れるための入り口みたいなものです
浸し見やすくなりアクセスアップにもつながります
そのアイキャッチ画像ですが、ワードプレスのテンプレートなどでは
予め,【位置】が設定されていますよね。。。💦
記事前かタイトル上う~~~ん気に食わない
せっかくいいアイキャッチでも場所によっては邪魔なだけ
今回は、アイキャッチの位置をタイトル下に整理してみようと思い
【ポセイドン】テンプレートの説明が見つからなかったので記事にしました


タイトル下への設定方法


必要ない個所があるかもしれませんが
当方がタイトル下に、設定できた内容でご説明します
1)【ポセイドン】のアイキャッチ設定
(外観)→ (カスタマイズ)→(テーマ)→(投稿設定)

こちらのアイキャッチの設定を【コンテンツの上にアイキャッチを設定】に

2)外観テーマ編集で強制表示個所変更
(外観)→ (テーマの編集)→(template-parts)→

上記の画像のcontent-page.phpを変更します。

< header class="entry-header">

< ?php the_title( '< h1 class="page-title">‘, ‘< /h1>‘ ); ?>

< article id="post-< ?php the_ID(); ?>” < ?php post_class(); ?>>

< /header>< !-- .entry-header -->


PHPの編集になるので、必ず問題が出た場合
編集前に戻れるようにしておきましょう。バックアップなど
上記のソースの
< article id="post-< ?php the_ID(); ?>” < ?php post_class(); ?>>
↑を見つけてください。ソースコードは編集後の位置になります。
通常は,header上に記載されています。
そちらを上記の位置に置き換えて保存してください。

php the_titleの位置が、タイトル表示の記載ですので
その下に、アイキャッチの位置命令の記載を変更するわけですね

content.phpのファイルも同じ内容で変更保存してください
変更後アイキャッチの位置を確認してみてください

以上で設定までの手順となります。
サイト内の見やすくなりうれしいですね。
by.A,S,medium
広告ソースです

返信を残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください