如何在WordPress的帖子标题之上添加标题

问题描述

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

具体参考下图。

https://i.imgur.com/qKPwrvZ.png

解决方法

这可以通过多种方式实现,

  1. 您可以安装插件 ACF 为每个帖子添加帖子元字段

  2. 在您的主题文件中打开 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.
    

**

,

这是我设法做到的。

  1. 我找到了单个帖子的模板部分 (single.php)。这是负责您帖子中所有内容格式的模板。

  2. 我找到了条目标题(帖子标题)所在的位置。

  3. 我创建了一个标题的 div 类,我想添加到帖子标题(条目标题)上。

  4. 我添加了一个指向我创建的新标题的链接。所以看起来像这样

  5. 创建 div 类的原因是为了让我可以在不干扰 entry-title 类的情况下向类中添加 CSS。

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