アイキャッチを中央に配置したい

Simplicityの特徴 フォーラム Simplicityについての質問 アイキャッチを中央に配置したい

  • このトピックには3件の返信、2人の参加者があり、最後にみきにより10年、 12ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #27925
      みき
      ゲスト

      お世話になります。同様の質問の回答(アイキャッチ画像を中央に表示)を拝見したのですが、私が初心者すぎて理解できませんでした。

      カスタマイズ→レイアウト(投稿・固定ページ)→アイキャッチ画像を本文先頭に表示にチェック←ここで「要素を検証」を開き、編集という流れでしょうか?それとも別の場所を編集するのですか?

      基本的なことで申し訳ありません。宜しくお願い致します。

      • このトピックはアバター画像わいひらが10年、 12ヶ月前に変更しました。
    • #27929
      Hidekichi
      ゲスト

      ページトップの一覧リストから開いた記事内のアイキャッチ画像であれば、entry-body.phpです。

      うちのサイトみたいに配置するような場合、結構大掛かり…いや、ウチの場合は、post-metaの位置も変えてるので大掛かりなんですが、サイズと中央寄せだけであればcssでいけるかも。

      そもそもSimplicityは、タイトルは失念しましたがいつぞやのトピックで、最初に投稿した画像をアイキャッチにできないか?と言う事から、現在の形になってますので、最初に投稿する画像をサイズ大中央で投稿しておけば、それがアイキャッチになります。

      任意でアイキャッチ画像を変えたい場合は、それを編集画面から選択するわけですが、最初の画像がアイキャッチになると考えれば何も手を加えなくても中央寄せになるのではないかと思います。

      新規編集時、編集画面でメディアを挿入→同画面右側の下部分で、配置:中央、サイズ:ファイルサイズ大(もしくは任意のサイズ)にすれば中央で投稿されます。
      すでに投稿されている場合は、画像自体が既にメディアライブラリの中に入っていると思うので、既に挿入されている画像(中央寄せでない画像)のリンクを一旦消去して、同じ位置に新たに同じ画像を挿入すればよいのではないかと思います。

    • #27934
      アバター画像わいひら
      キーマスター

      該当のトピックアイキャッチ画像を中央に表示に書かれている通りです。

      .eye-catch {
          text-align: center;
      }

      子テーマのstyle.cssに、上記コードを追記します。
      子テーマなどについてわからない場合は、当サイトの子テーマに関する記事をいくつか読んでください。
      子テーマを適用したら、最も簡単に編集を行うには、Wordpressの管理画面から「外観→テーマの編集」を開いて行います。
      やり方がわからない場合は、「Wordpress テーマの編集」などで一度検索して出てくる記事をいくつか読んでみてください。

    • #27938
      みき
      ゲスト

      お二方、早速回答を頂きありがとうございました。
      画像を小さいものにした際に左寄せになることに困っていました。子テーマを適応していたのですが編集の仕方がわかりませんでした。「テーマの編集」というところで編集が可能だったのですね!無事に解決いたしました!
      本当にありがとうございました!m(_ _)m

3件の返信スレッドを表示中
  • トピック「アイキャッチを中央に配置したい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)