使用Wordpress自定义字段为背景帖子着色

时间:2016-03-01 21:19:26

标签: wordpress colors background field

我正在尝试使用wordpress中的自定义字段为每个帖子类型制作不同的背景颜色,例如website here

目前在我的localhost上,作为测试,我将自定义字段名称设为abc123,然后将值设置为黄色

这是代码:

<section>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">Check out our blog</h2>
                <hr class="light">
                </div>
                <div class="col-lg-8 col-lg-offset-2 text-center" >
                    <?php
// Get the last 3 posts.
global $post;
$args = array( 'posts_per_page' => 3 );
$myposts = get_posts( $args );
$bgcolor1 = get_post_meta($post->ID, "abc123", true);
foreach( $myposts as $post ) :  setup_postdata($post); ?>
                    <div style="background-color:<?php echo $bgcolor1; ?>">
                        <h2 class="section-heading">
                            <a class="link" href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to 
                                <?php the_title_attribute(); ?>">
                                <?php the_title(); ?>
                            </a>
                        </h2>
                        <p>
                            <?php the_excerpt();?>
                        </p>
                        <a class="link" href="
                            <?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">Read More!</a>
                        <hr class="blight">
                        </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

它做的所有帖子都是从最新帖子中添加的最新颜色,想知道如何修复

它还在我的localhost网络服务器上显示颜色但不在线

1 个答案:

答案 0 :(得分:0)

我删除了这行

<a href="#">Test 1, no focus class</a>
<br/>
<br/>
<a href="#" class="focus">Test 2, with focus class</a>

以及$ bgcolor1

的回声
$bgcolor1 = get_post_meta($post->ID, "abc123", true);

并将其替换为

<div style="background-color:<?php echo $bgcolor1; ?>">

喜欢这样

<?php echo get_post_meta($post->ID,'custom-field-name',true) ?>

并且效果很好。

任何人都需要知道如何修复这样的事情