如何在WordPress中在文章标题上方添加标题

如何在WordPress中在文章标题上方添加标题,wordpress,wordpress-theming,custom-wordpress-pages,Wordpress,Wordpress Theming,Custom Wordpress Pages,我想在所有帖子的标题之上添加一个附加到URL的标题。如何使用CSS或Jquery实现它 具体请参见下图 这可以通过多种方式实现 您可以在每篇文章中安装插件ACF add post meta字段 在主题文件中打开index.php,或者在获取所有帖子的地方打开模板文件 ** 确保将代码粘贴到文件中的适当位置,并确保粘贴在此行之后: <?php while ( have_posts() ) : the_post(); ?> And before: <?php endwh

我想在所有帖子的标题之上添加一个附加到URL的标题。如何使用CSS或Jquery实现它

具体请参见下图


这可以通过多种方式实现

  • 您可以在每篇文章中安装插件ACF add post meta字段

  • 在主题文件中打开index.php,或者在获取所有帖子的地方打开模板文件

    **

    确保将代码粘贴到文件中的适当位置,并确保粘贴在此行之后:

     <?php while ( have_posts() ) : the_post(); ?>
    
     And before:
    
     <?php endwhile; // end of the loop. ?>
    
     Use the following snipped to embed the metadata, changing the class name, field name and HTML formatting as required.
    
     <p class="myfieldname"><?php the_field('Field_Name'); ?></p>
    
     Save the file, and head to your site’s front-end to review.
    
    
    在以下日期之前:
    使用以下代码嵌入元数据,根据需要更改类名、字段名和HTML格式。
    

    保存文件,然后前往站点前端查看。

  • **以下是我如何做到这一点的

  • 我找到了单篇文章的模板部分(single.php)。这是一个模板,负责你文章中的所有内容格式化

  • 我位于条目标题(职位标题)所在的位置

  • 我创建了一个标题的div类,我想将其添加到文章标题(条目标题)中

  • 我添加了一个指向我创建的新标题的链接。看起来是这样的

  • 创建div类的原因是使我能够在不干扰条目标题类的情况下向类添加CSS

  • 现在我添加了CSS,它看起来就像我想要的那样完美


  • 你能把它分解一下吗?你把代码和解释混在一起了。