Wordpress single.php layout


Wordpress single.php layout

我正在使用Wordpress主题"突出"来整理我的平面设计/作品集博客,我在控制博客文章页面布局的主题中遇到了一个设置问题(single.php),我对php没有什么经验,希望有人能告诉我一个简单的解决方案,或者修改我的single.php文件以显示我想要的方式。

我希望我的博客页面看起来像这样:http://www.ravagedesign.com/freebies/greylime-hd-launcher-theme-icon-pack-released/博客标题/日期/类别&社交图标列在大功能图的下面,我已经通过使用滑块插件实现了这一点,但这不是一个长期的选择,因为我最终会在插件上看到一个巨大的列表,而且页面加载时间也明显较慢。

我不希望它看起来像这样:http://www.ravagedesign.com/freebies/greyice-hd-launcher-theme-icon-pack-released/博客标题/日期/类别&社交图标被放置在功能图中,这篇帖子是使用更传统的方法制作的,这些方法内置在主题中,将大的功能图融入到每个帖子中。

我可以对我的single.php文件进行修改吗?在帖子选项中使用功能图,同时将所有信息像第一页一样放在功能图下面。

我的single.php文件(突出主题):

<?php get_header(); ?>
<?php 
global $nectar_theme_skin, $options;
$bg = get_post_meta($post->ID, '_nectar_header_bg', true);
$bg_color = get_post_meta($post->ID, '_nectar_header_bg_color', true);
$fullscreen_header = (!empty($options['blog_header_type']) && $options['blog_header_type'] == 'fullscreen' && is_singular('post')) ? true : false;
$fullscreen_class = ($fullscreen_header == true) ? "fullscreen-header full-width-content" : null;
$theme_skin = (!empty($options['theme-skin']) && $options['theme-skin'] == 'ascend') ? 'ascend' : 'default';
$hide_sidebar = (!empty($options['blog_hide_sidebar'])) ? $options['blog_hide_sidebar'] : '0'; 
$blog_type = $options['blog_type']; 

if(have_posts()) : while(have_posts()) : the_post();
    nectar_page_header($post->ID); 
endwhile; endif;

 if($fullscreen_header == true) { 
    if(empty($bg) && empty($bg_color)) { ?>
        <div class="not-loaded default-blog-title fullscreen-header" id="page-header-bg" data-alignment="center" data-parallax="0" data-height="450" style="height: 450px;">
            <div class="container"> 
                <div class="row">
                    <div class="col span_6 section-title blog-title">
                        <h1 class="entry-title"><?php the_title(); ?></h1>
                        <div class="author-section">
                            <span class="meta-author vcard author">  
                                <?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_meta('email'), 100 ); }?>
                            </span> 
                             <div class="avatar-post-info">
                                <span class="fn"><?php the_author_posts_link(); ?></span>
                                <span class="meta-date date updated"><i><?php echo get_the_date(); ?></i></span>
                             </div>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#" class="section-down-arrow"><i class="icon-salient-down-arrow icon-default-style"> </i></a>
        </div>
    <?php } 

    if($theme_skin != 'ascend') { ?>
        <div class="container">
            <div id="single-below-header" class="<?php echo $fullscreen_class; ?> custom-skip">
                <span class="meta-share-count"><i class="icon-default-style steadysets-icon-share"></i> <?php echo '<a href=""><span class="share-count-total">0</span> <span class="plural">'. __('Shares',NECTAR_THEME_NAME) . '</span> <span class="singular">'. __('Share',NECTAR_THEME_NAME) .'</span></a>'; nectar_blog_social_sharing(); ?> </span>
                <span class="meta-category"><i class="icon-default-style steadysets-icon-book2"></i> <?php the_category(', '); ?></span>
                <span class="meta-comment-count"><i class="icon-default-style steadysets-icon-chat-3"></i> <a href="<?php comments_link(); ?>"><?php comments_number( __('No Comments', NECTAR_THEME_NAME), __('One Comment ', NECTAR_THEME_NAME), __('% Comments', NECTAR_THEME_NAME) ); ?></a></span>
            </div><!--/single-below-header-->
        </div>
    <?php }
 } ?>


<div class="container-wrap <?php echo ($fullscreen_header == true) ? 'fullscreen-blog-header': null; ?> <?php if($blog_type == 'std-blog-fullwidth' || $hide_sidebar == '1') echo 'no-sidebar'; ?>">
    <div class="container main-content">
        <?php if(get_post_format() != 'quote' && get_post_format() != 'status' && get_post_format() != 'aside') { ?>
            <?php if(have_posts()) : while(have_posts()) : the_post();
                if((empty($bg) && empty($bg_color)) && $fullscreen_header != true) { ?>
                    <div class="row heading-title">
                        <div class="col span_12 section-title blog-title">
                            <h1 class="entry-title"><?php the_title(); ?></h1>
                            <div id="single-below-header">
                                <span class="meta-author vcard author"><span class="fn"><?php echo __('By', NECTAR_THEME_NAME); ?> <?php the_author_posts_link(); ?></span></span> 
                                <?php if( !empty($options['blog_social']) && $options['blog_social'] == 1) { ?>
                                    <span class="meta-date date updated"><?php echo get_the_date(); ?></span>
                                <?php } ?>
                                <span class="meta-category"><?php the_category(', '); ?></span>
                                <span class="meta-comment-count"><a href="<?php comments_link(); ?>"><?php comments_number( __('No Comments', NECTAR_THEME_NAME), __('One Comment ', NECTAR_THEME_NAME), __('% Comments', NECTAR_THEME_NAME) ); ?></a></span>
                            </ul><!--project-additional-->
                            </div><!--/single-below-header-->
                            <div id="single-meta" data-sharing="<?php echo ( !empty($options['blog_social']) && $options['blog_social'] == 1 ) ? '1' : '0'; ?>">
                                <ul>
                                    <?php if( empty($options['blog_social']) || $options['blog_social'] == 0 ) { ?>
                                            <li>
                                                <?php echo '<span class="n-shortcode">'.nectar_love('return').'</span>'; ?>
                                            </li>
                                            <li>
                                                <?php echo get_the_date(); ?>
                                            </li>
                                    <?php } ?>
                                </ul>
                                <?php nectar_blog_social_sharing(); ?>
                            </div><!--/single-meta-->
                        </div><!--/section-title-->
                    </div><!--/row-->
            <?php }
            endwhile; endif; ?>
        <?php } ?>
        <div class="row">
            <?php $options = get_option('salient'); 
            global $options;
            if($blog_type == 'std-blog-fullwidth' || $hide_sidebar == '1'){
                echo '<div id="post-area" class="col span_12 col_last">';
            } else {
                echo '<div id="post-area" class="col span_9">';
            }
                 if(have_posts()) : while(have_posts()) : the_post(); 

                    if ( floatval(get_bloginfo('version')) < "3.6" ) {
                        //old post formats before they got built into the core
                         get_template_part( 'includes/post-templates-pre-3-6/entry', get_post_format() ); 
                    } else {
                        //WP 3.6+ post formats
                         get_template_part( 'includes/post-templates/entry', get_post_format() ); 
                    } 
                 endwhile; endif; 
                 wp_link_pages(); 

                    $options = get_option('salient');
                    if($theme_skin != 'ascend') {
                        if( !empty($options['author_bio']) && $options['author_bio'] == true){ 
                            $grav_size = 80;
                            $fw_class = null; 
                        ?>
                            <div id="author-bio" class="<?php echo $fw_class; ?>">
                                <div class="span_12">
                                    <?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_meta('email'), $grav_size ); }?>
                                    <div id="author-info">
                                        <h3><span><?php if(!empty($options['theme-skin']) && $options['theme-skin'] == 'ascend') { _e('Author', NECTAR_THEME_NAME); } else { _e('About', NECTAR_THEME_NAME); } ?></span> <?php the_author(); ?></h3>
                                        <p><?php the_author_meta('description'); ?></p>
                                    </div>
                                    <?php if(!empty($options['theme-skin']) && $options['theme-skin'] == 'ascend'){ echo '<a href="'. get_author_posts_url(get_the_author_meta( 'ID' )).'" data-hover-text-color-override="#fff" data-hover-color-override="false" data-color-override="#000000" class="nectar-button see-through-2 large"> '. __("More posts by",NECTAR_THEME_NAME) . ' ' .get_the_author().' </a>'; } ?>
                                    <div class="clear"></div>
                                </div>
                            </div>
                    <?php } ?>
                    <div class="comments-section">
                           <?php comments_template(); ?>
                     </div>   

                <?php } ?>
            </div><!--/span_9-->
            <?php if($blog_type != 'std-blog-fullwidth' && $hide_sidebar != '1') { ?>
                <div id="sidebar" class="col span_3 col_last">
                    <?php get_sidebar(); ?>
                </div><!--/sidebar-->
            <?php } ?>
        </div><!--/row-->

        <!--ascend only author/comment positioning-->
        <div class="row">
            <?php if($theme_skin == 'ascend' && $fullscreen_header == true) { ?>
            <div id="single-below-header" class="<?php echo $fullscreen_class; ?> custom-skip">
                <span class="meta-share-count"><i class="icon-default-style steadysets-icon-share"></i> <?php echo '<a href=""><span class="share-count-total">0</span> <span class="plural">'. __('Shares',NECTAR_THEME_NAME) . '</span> <span class="singular">'. __('Share',NECTAR_THEME_NAME) .'</span> </a>'; nectar_blog_social_sharing(); ?> </span>
                <span class="meta-category"><i class="icon-default-style steadysets-icon-book2"></i> <?php the_category(', '); ?></span>
                <span class="meta-comment-count"><i class="icon-default-style steadysets-icon-chat-3"></i> <a class="comments-link" href="<?php comments_link(); ?>"><?php comments_number( __('No Comments', NECTAR_THEME_NAME), __('One Comment ', NECTAR_THEME_NAME), __('% Comments', NECTAR_THEME_NAME) ); ?></a></span>
            </div><!--/single-below-header-->
            <?php }
            if($theme_skin == 'ascend') nectar_next_post_display(); ?>
            <?php if( !empty($options['author_bio']) && $options['author_bio'] == true && $theme_skin == 'ascend'){ 
                        $grav_size = 80;
                        $fw_class = 'full-width-section '; 
                        $next_post = get_previous_post();
                        $next_post_button = (!empty($options['blog_next_post_link']) && $options['blog_next_post_link'] == '1') ? 'on' : 'off';
                    ?>
                        <div id="author-bio" class="<?php echo $fw_class; if(empty($next_post) || $next_post_button == 'off' || $fullscreen_header == false && $next_post_button == 'off') echo 'no-pagination'; ?>">
                            <div class="span_12">
                                <?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_meta('email'), $grav_size ); }?>
                                <div id="author-info">
                                    <h3><span><?php if(!empty($options['theme-skin']) && $options['theme-skin'] == 'ascend') {  echo '<i>' . __('Author', NECTAR_THEME_NAME) . '</i>'; } else { _e('About', NECTAR_THEME_NAME); } ?></span> <?php the_author(); ?></h3>
                                    <p><?php the_author_meta('description'); ?></p>
                                </div>
                                <?php if(!empty($options['theme-skin']) && $options['theme-skin'] == 'ascend'){ echo '<a href="'. get_author_posts_url(get_the_author_meta( 'ID' )).'" data-hover-text-color-override="#fff" data-hover-color-override="false" data-color-override="#000000" class="nectar-button see-through-2 large">' . __("More posts by",NECTAR_THEME_NAME) . ' ' . get_the_author().' </a>'; } ?>
                                <div class="clear"></div>
                            </div>
                        </div>
             <?php } ?>

              <?php if($theme_skin == 'ascend') { ?>
                 <div class="comments-section">
                       <?php comments_template(); ?>
                 </div>   
             <?php } ?>
        </div>

       <?php if($theme_skin != 'ascend') nectar_next_post_display(); ?>
    </div><!--/container-->
</div><!--/container-wrap-->
<?php get_footer(); ?>

非常感谢您的帮助。

您可以使用插件:https://wordpress.org/plugins/custom-post-template/

现在你必须复制single.php并制作另一个模板,假设你将其命名为blog.php,然后将其添加到你的文件顶部:

<?php
/** blog.php
 *
 * The Template for displaying all Blog posts.
 *
 * Template Name Posts: Blog Page
 */
get_header(); ?>

现在复制您的content-single.php并将其命名为content-blog.php

并在这两个自定义文件中对布局进行所有更改。

确保当您更改模板时,您必须调用content-blog来代替blog.php文件模板中的content-sone。例如:

while ( have_posts() ) {
            the_post();
            get_template_part( '/partials/content', 'blog' );
            comments_template();
        } ?>