web-dev-qa-db-ja.com

カスタムWordPressテーマにキャプション機能を追加する

こんにちは私は私の前任者によって作成されたカスタムテーマから作業していると私はテーマにキャプション機能を追加しようとしていますが、私はそれにいくつかの問題を抱えています。現在、 投稿 に画像を挿入してキャプションを追加したい場合は、タグやクラスを含めずにキャプションを画像の横に表示するだけです。 、これは写真です。

screenshot

私は別の 投稿 を追って、このコードをfunction.phpと私のsingle.phpに追加しようとしましたが、何も変わりませんでした。

function the_post_thumbnail_caption() {
   global $post;

   $thumbnail_id    = get_post_thumbnail_id($post->ID);
   $thumbnail_image = get_posts(array('p' => $thumbnail_id, 'post_type' => 'attachment'));

  if ($thumbnail_image && isset($thumbnail_image[0])) {
     echo '<span>'.$thumbnail_image[0]->post_excerpt.'</span>';
  }
}

<?php the_post_thumbnail(); ?>

画像の下にキャプションを正しく実装するために何を含める必要がありますか。

functionstheme-developmentthe-contentsinglecaptions
1
Sai

キャプション付きの画像をWPテキストエディタに追加すると、 キャプションのショートコード が追加されます。それはここのケースですか？

そこからの出力htmlはwp-captionのようないくつかのデフォルトクラスを持つべきです。その後、これらのクラスにCSSを適用してキャプションをスタイルすることができます。

/* The wrapper <div> for the caption and captioned element. */
.wp-caption { }

/* The caption text. */
.wp-caption-text { }

/* An image within the caption (you might want to style other elements too). */
.wp-caption img { }

こちらを参照してください。 http://justintadlock.com/archives/2011/07/01/captions-in-wordpress

あるいは、 キャプションのショートコード フックを使用してHTML出力をカスタマイズできます。

1
thomascharbit