0

ポートフォリオのようなグリッド形式で製品を表示するページを持つ wp サイトがあります。私のテーマは、ループ用の標準の index.php ページと関数ファイルを使用して、投稿の種類と設定に応じて実際のコンテンツを出力します。ポートフォリオ グリッド レイアウトの注目の画像にカーソルを合わせて、「ホバー サム」というカスタム フィールドに配置した別の画像を表示したいと考えています。私はネット全体を検索し、以下が最良の方法であると結論付けたものですが、出力されたソースコードを見るとホバー画像ソースが空である理由がわかりません。ホバー効果は、画像だけが表示されれば機能するように見えます。私はプログラマーではないので、これは私にとって非常に複雑です。誰かがこれを明確にしてくれることを願っています。以下の et_overlay span タグ内に php を追加して、以下のコード (関数ファイル内) を変更しました...src=" "空 です変更を加えたり、関数ファイルに含める必要がある元のコードの量を追加したりできます。

<?php
        $thumb = '';

        $width = 'on' === $fullwidth ?  1080 : 400;
        $width = (int) apply_filters( 'et_pb_portfolio_image_width', $width );

        $height = 'on' === $fullwidth ?  9999 : 284;
        $height = (int) apply_filters( 'et_pb_portfolio_image_height', $height );
        $classtext = 'on' === $fullwidth ? 'et_pb_post_main_image' : '';
        $titletext = get_the_title();
        $thumbnail = get_thumbnail( $width, $height, $classtext, $titletext, $titletext, false, 'Blogimage' );
        $thumb = $thumbnail["thumb"];

        if ( '' !== $thumb ) : ?>
            <a href="<?php the_permalink(); ?>">
            <?php if ( 'on' !== $fullwidth ) : ?>
                <span class="et_portfolio_image">
            <?php endif; ?>
                    <?php print_thumbnail( $thumb, $thumbnail["use_timthumb"], $titletext, $width, $height ); ?>
            <?php if ( 'on' !== $fullwidth ) : ?>
                    <span class="et_overlay"><?php $hover_image = get_post_meta($post->ID, 'hover-thumb', true); ?>
                    <img class="hover-img" src="<?php echo $hover_image; ?>" /> </span>
                </span>
            <?php endif; ?>
            </a>
4

0 に答える 0