将类别添加到单个帖子页面

Question

我已经在我的single-post.php文件中添加了一个代码，用于显示标题上方的帖子类别，在这里看起来不错： http : //thenoirportrait.com/2014/08/23/review-chanel-perfection-lumiere-velvet /

但不在这里： http : //thenoirportrait.com/2015/03/04/interior-design-black-home/

我有不同的帖子模板。 我该怎么做才能在每个帖子中更改类别的位置？

我想我应该将类别代码放在Archives.php中，但是我不确定在哪里。 我不想弄乱我的代码，欢迎任何帮助。

这是我目前所拥有的：

<div class="row<?php echo (($behind_title_fw) ? ' full-width' : ''); ?>">

      <div class="inner_content">

           <div class="row<?php echo (($has_sidebar) ? ' has-sidebar' : ''); ?>">

                <div itemscope="" itemtype="http://schema.org/BlogPosting">

                <?php if($sidebar_below_title && !$is_endless_template) : ?>
                <div class="medium-12">

                   <?php foreach((get_the_category()) as $category) { 
                   echo $category->cat_name . ' '; 
                    } 
                   ?>
                   <br>
                   <br>

                  <article id="post-header-<?php the_ID(); ?>" class="article-header-above" data-postid="<?php echo esc_attr($post->ID); ?>" data-guid="<?php echo esc_attr(get_the_guid($post->ID)); ?>" data-permalink="<?php echo esc_url(get_permalink($post->ID)); ?>">

谢谢

Answer 1

第一篇文章的班级宽度为12 ：

<div class="row">
    <div class="inner_content"> 
        <div class="row">   
            <div itemscope="" itemtype="http://schema.org/BlogPosting">
               REVIEWS <br><br>
               <div class="medium-12 column">
 ...

但是第二个，宽度为8 ：

<div class="row">
    <div class="inner_content">
        <div class="row">
            <div itemscope="" itemtype="http://schema.org/BlogPosting">
               INTERIOR DESIGN<br><br>
            <div class="medium-8 column">
 ...

对齐第二个类别（或其他任何类别）的关键是将其放在定义列大小的div内。 因此，类别将始终与帖子居中对齐：

<div class="row">
    <div class="inner_content">
        <div class="row">
            <div itemscope="" itemtype="http://schema.org/BlogPosting">
                <div class="medium-8 column">
                   INTERIOR DESIGN<br><br>
 ...