0

wordpress テーマのスタイルを設定していますが、トップのブログ投稿が常に正しく表示されません。コードは次のとおりです。

    <div class="bordered centered">
    <p class="negative-margin alignleft header"><?php the_title(); ?></p><p class="negative-margin alignright date"><?php the_date(); ?></p><div style="clear:both;"></div>
    <?php if ( is_search() ) : // Only display Excerpts for Search ?>
    <div class="entry-summary">
        <?php the_excerpt(); ?>
    </div><!-- .entry-summary -->
<?php else : ?>
<div class="entry-content">
    <?php if ( has_post_thumbnail() ):?>
    <div id="entry-left"><?php   $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large');
    echo '<a href="' . $large_image_url[0] . '" title="' . the_title_attribute('echo=0') . '" >';
    echo get_the_post_thumbnail($post->ID, 'large'); 
    echo '</a>';?>
</div>
<div class="entry-right">
    <?php the_content( __( 'More <span class="meta-nav">&rarr;</span>', 'huckleberry' ) ); ?>
    <?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'huckleberry' ), 'after' => '</div>' ) ); ?>
</div>
<div class="entry-right">
    <table>
        <tr>
            <td><p class="header">Details</p><br />
                <?php $my_meta = get_post_meta( $post->ID, 'link', false ); ?>
                <?php if ($my_meta): var_dump($my_meta) ?>
                <?php foreach ($my_meta as $currMeta): ?>
                <?php if( $currMeta && '' != $currMeta ): $currMeta=explode($currMeta,";",2);?>
                     <a href="<?php echo $my_meta[1] ?>"><?php $my_meta[0];?></a>
                <?php endif; endforeach; endif; ?>
            </td>
            <td>
                 <a href="<?php echo MultiPostThumbnails::get_post_thumbnail_url(get_post_type(), 'secondary-image');?>">
                <?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image'); endif; ?>
                </a>
            </td>
            <td>
                 <a href="<?php echo MultiPostThumbnails::get_post_thumbnail_url(get_post_type(), 'tertiary-image');?>">
                    <?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'tertiary-image'); endif; ?>
                 </a>
            </td>
            <td>
                 <a href="<?php echo MultiPostThumbnails::get_post_thumbnail_url(get_post_type(), 'fourth-image');?>">
                 <?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'fourth-image'); endif; ?>
                </a>
            <td>
        </tr>
     </table>
</div>

ここに関連する CSS を使用します。

.alignleft {
float:left;
}
.alignright {
float:right;
}
.bordered {
border:2px solid black;
}
.negative-margin {
margin-top:-25px;
margin-left:5px;
background:white;
}
.header {
font-size:200%;
}
.date {
font-size:150%;
}
.centered {
width:640px;
margin-left:auto;
margin-right:auto;
}
#entry-left {
float:left;
width:200px;
}
.entry-right {
    float:right;
width:430px;
}

他のすべての投稿には枠線があり、タイトルと日付が枠線にありますが、一番上の投稿にはヘッダーの上に枠線があります。

私はWordpressに比較的慣れていないので、ここで何が起こっているのか理解できません.

また、カスタム フィールドを使用して「詳細」の下にリンクを表示しようとしています。リンクのキーは常に「link」、値は「description;url」の形式にすることで、値を 2 つの値に分割してリンクの説明と URL を表示できるようにします。実際にリンクを表示することはできません。どんな助けでも大歓迎です。

4

1 に答える 1

1

関係ないかもしれませんが、次の div をどこで閉じますか? <div class="bordered centered">そして<div id="entry-left">？

これは2番目の質問に正確に答えているわけではありませんが、カスタムフィールドに関しては、優れたWPモジュールであるACFを使用することをお勧めします. カスタム作成フィールドの値を簡単に作成および読み取ることができ、さらに多くの便利な機能が付属しています。プラグインはここにあります: http://wordpress.org/extend/plugins/advanced-custom-fields/

于 2013-02-15T02:01:02.260 に答える