首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我如何才能只为wordpress页面的相应作者显示带有ID的div框?

要实现只为WordPress页面的相应作者显示带有ID的div框,可以按照以下步骤进行操作:

  1. 首先,在WordPress主题的functions.php文件中添加以下代码:
代码语言:txt
复制
function add_author_id_div() {
    if (is_single()) { // 仅在单篇文章页面生效
        global $post;
        $author_id = $post->post_author;
        $author_name = get_the_author_meta('display_name', $author_id);
        echo '<div class="author-id">作者ID:' . $author_id . '</div>';
    }
}
add_action('wp_footer', 'add_author_id_div');
  1. 保存并上传修改后的主题文件。

这段代码通过使用WordPress的钩子函数wp_footer,在页面底部添加一个div元素,其中包含了作者的ID信息。只有在单篇文章页面(is_single())才会显示该div。

接下来,你可以根据需要自定义CSS样式来美化这个div框。可以在主题的style.css文件中添加以下代码:

代码语言:txt
复制
.author-id {
    background-color: #f1f1f1;
    padding: 10px;
    margin-bottom: 20px;
}

这样,当访问单篇文章页面时,只有该文章的作者才会看到带有作者ID的div框。

请注意,以上代码仅为示例,实际使用时可能需要根据自己的主题和需求进行适当修改。

推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云云数据库MySQL。

  • 腾讯云服务器(CVM):提供可扩展的云服务器实例,适用于各种规模的网站和应用程序。了解更多信息,请访问:腾讯云服务器(CVM)
  • 腾讯云云数据库MySQL:提供高性能、可扩展的云数据库服务,适用于各种Web应用程序和在线服务。了解更多信息,请访问:腾讯云云数据库MySQL
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

一个函数就搞定 WordPress 文章选项开发

有些小伙伴对此深表怀疑,嘿嘿,没关系,下面我们通过一个专题,给大家讲解如何使用 WPJAM Basic 进行快速二次开发,让你也能一个晚上搞定后台界面的开发。...' ); 啰啰嗦嗦一大段代码,实际上只显示了一个单选框,并且保存它: 和 WordPress 原生设置页面开发一样,这是反人类操作,所以我们一样要简化我们开发流程,一个函数就搞定。...context:定义文章选项所在位置,默认或者不填则在编辑下面,side 则在编辑侧边。...list_table:定义后台文章列表是否也支持弹窗设置文章选项 fields:那么这个文章选项有哪些字段呢?就是这个参数决定,这里定义了两个输入和一个文本。...所以上面代码就是在 文章编辑页面的侧边添加一个「SEO设置」选项,它有三个字段,分别是「SEO标题」,「SEO描述」和「SEO关键字」: 然后在后台文章列表也可以进行设置操作: 点击上面「SEO

38230
  • 为Next主题添加多说评论系统

    在添加评论过程中,主要遇到下面的三个问题: 1、如何选取合适评论系统; 2、添加评论系统后,如何根据文章对评论进行区分; 3、如何解决评论后邮件提醒。...-- 多说评论 start --> <div id="ds-thread" class="ds-thread" data-thread-key="{{ page.path }}" data-title...我们需要做是,自定义同步一个用户到多说服务器,并将该用户设置成作者身份,进而取得该用户在站点ID,将该ID赋值给data-author-key加在多说评论里即可。 开始动手.......利用sublime或其他工具新建一个myuser.js文件,将下面的代码复制进文件夹,并修改相应data数据 var http = require('request'); var data = {...,在用户那里看到新添加用户,如下所示; 后台管理 若后台显示角色不是作者,可以手动改成作者

    94740

    WordPress中添加简书风格连载目录和文章导航

    具体针对需求,只想在符合特定条件情况下才显示前后链接,所以还需要做一些条件判断,具体后面再说。...纯CSS太难为了,CSS对来说都是黑魔法,想想就是一件很痛苦事,放弃。用Vue.js也是可以,但本次还是决定使用WordPress自带jQuery。...虽然这个插件作者已经弃坑不再更新了,但功能实现还是比较稳定,也是有用户群体,比如这个插件也在用,Genesis login modal box。 点开弹出里面要出现该系列所有文章链接。...,那么就显示“已是最前” 如果文章是该系列最后一篇,那么就显示“已是最后” 点击目录弹出该所有系列所有文章链接 我们可以打开 genesis/lib/structure/post.php 文件看看里面的...the modal with data-remodal-id="modal" 所以,把刚才预留目录链接目录 修改一下 ,再把这一步div内容填入进去(这个div部份理论上可以网页任何位置

    2K20

    WordPress Ajax 异步加载 自定义评论表情

    最近为了考试都复习成狗熊样啦~~要缓缓折腾折腾WordPress 先。今天带来本人最新折腾成果: Ajax异步加载自定义评论表情。...image.png 熟悉知道,WordPress评论表情如果在评论那里Show出来的话,每次都要加载这20+个评论表情图片,对于主机不给力朋友来说简直是灾难。...WordPress Ajax 异步加载 自定义评论表情效果 直接在点击下面的评论效果就出来了,有兴趣可以用开发者工具看看是不是异步加载。 效果图示: ? ?.../includes/smiley_ajax.php'); //评论表情异步加载 五、打开你目前使用主题comments.php文件,在相应位置加入以下代码: <div class="smiley_ajax...Ajax真是个好东西,可惜暂时还不会,熬完这苦逼考试,就可以放开手折腾啦~ 6.27日更新:目前发现实现后在Chrome 下点击评论,然后刷新会出现以下提示: ? ? 暂时解决不了,期待高手!

    1.7K91

    ASP.NET MVC使用Bootstrap系列(3)——使用Bootstrap 组件

    为了更好展示Bootstrap导航条,在ASP.NET MVC_Layout.cshtml布局创建一个fixed-top导航条,当然它是响应式——在小尺寸、低分辨率设备上打开时,它将会只展示一个按钮并带有...当然你也可以利用元素来提供额外关于页面的信息,同时Bootstrap为头添加了水平分隔线用于分隔页面,如下HTML即为我们构建了头: 员工搜索结果: 搜索条件: "@ViewBag.SearchQuery" 路径导航 路径导航(面包屑)在Web 设计中被用来表示用户在带有层次导航结构中当前页面的位置...> 上面的输入组合中,在Textbox左边放置了一个带有字体图标Phone灰色块,结果如下所示: ?...上下文情景变化进度条 上下文情景变化进度条组件使用与按钮和警告相同类,根据不同情境展现相应效果。

    6.5K100

    wordpress优化经历(一)

    后来也通过查阅资料,也有下面的一种实现块元素拖拽方法: //血小板拖动(landlord是块元素ID) var oDiv=document.getElementById...$imgurl.');}'; //这里对background图片样式进行了调整 //方便小分辨率屏幕(如手机)显示图片正常,否则会被压缩 } add_action('...php //首先你要有读写文件权限,首次访问肯不显示,正常情况刷新即可 $online_log = "maplers.dat"; //保存人数文件到根目录, $timeout = 30;//30秒内没动作者...> 比如我就是加在了主题源码下footer.php文件下 实现效果如下: 四、添加网站欢迎语弹,显示天气及地理位置 1.function.php 下添加如下代码: //网站欢迎语弹,...六、站点登录页面加密 相信许多使用WordPress建站站长都遇到网站暴力破解攻击。 尽管它们还没有被破解,但是当他们收到登录失败电子邮件提醒时,常常会感到恐慌。

    40520

    WPJAM Basic 5.9 详细更新说明

    首先还是自己去 Debug,之前提供了详细  WordPress 如何 debug 教程,你参考处理,如果处理不了,提供 log,直接在本公众号留言,看到,如果信息完备,然后感觉是 WPJAM...兼容文章列表操作 就像上面说 WordPress 现在更新方向就是古腾堡编辑器,因为古腾堡编辑器块编辑器特性,需要大界面,甚至全凭编辑,所以尽量不要去在文章编辑界面添加设置。...所以就把很多操作都移到了 WordPress 后台文章列表页面,WPJAM Basic 有一块子菜单是关于文章列表: 所以我继续优化后台文章列表页面的操作交互,比如在把鼠标移到缩略图上面,会在右上角显示一个编辑图标...修复作者下拉菜单引起参数弃用提醒 如果开启「支持通过作者进行过滤」,那么就会在后台文章列表显示文章作者下拉菜单: 升级到 WordPress 5.9 之后,会报下面的提示:Deprecated:...优化「文章目录」扩展,首先使用子标题 ID 来作为锚点,如子标题没有 ID,则自动添加 ID,应该会兼容更多情况,然后支持独立设置,开启之后,可以在文章列表设置: 「简单 SEO」 扩展支持「确保唯一设置

    7.2K30

    WordPress 中 body_class 函数那些事

    ,这个页面是可以在 WordPress 后台进行设置,可以选择显示文章列表或者是一个静态页面(Page)。...当前页面处于某个带有页码页面的第二之后页面,会输出 paged 和 paged-{n} 类。...自定义 body_class 函数输出类 在前面的使用中已经提到了这个函数唯一参数,传递进去值就会输出相应参数,这里不再赘述。下面介绍一下通过条件判断和过滤器自定义输出类。...但是这样自定义是完全没有什么价值,我们往往希望通过更详细判断语句来判断出某些特定页面,然后增加相应类。这样,就需要 WordPress 强大条件判断标签了。...这里推荐一下 爱水煮鱼 博客翻译编写 WordPress 条件判断标签及其使用方法。

    47430

    WordPress 主题教程 #5b:日志内容

    日志内容是从零开始创建 WordPress 主题系列教程第五篇第二部分,在这篇中,我们将展示如果显示博客日志内容,并且使用一个 DIV 标签把博客日志内容和日志标题区分开。...再次强调一次,上一篇关于 WordPress 主循环介绍课程非常重要,你需要彻底明白之后才能继续学习。 下面开始这篇课程。...使用是 Firefox浏览器,下面是在 FireFox 中显示样子: 你注意到 index.php 文件和它源代码之间区别了吗?...那么 header 和 container 可以用 class 去取代 id 吗?完全可以。 但是不能重复任何 id,比如,不能在同一面上有两个 id="header" 。...实际上代码不像我上面的屏幕截图一样有红色或者绿色高亮显示,我们需要有个能够跟踪代码方法,通过缩进就能更容易知道哪个 是结束哪个 。

    82280

    WordPress 条件判断标签及用法大全

    为了大家更加方便使用 WordPress 条件判断标签,爱水煮鱼博客翻译了 WordPress 官方文档 Conditional Tags,欢迎收藏本文以备用。...$paged || $paged < 2 ) { // 这里是不带有分页或者是带有分页页面的第一 } else { // 这里是带有分页其他页面。 } ?> 例子2: <?...get_query_var( 'page' ) : false; if ( $paged === false ) { // 这里是不带有分页或者是带有分页页面的第一 } else { /...使用条件判断标签实例 下面给出一些例子,让你明白上面的判断标签如何使用。 文章中条件判断 下面的例子讲述了当用户访问一篇文章时候如何使用 is_single() 来显示一些特殊内容。...; } 下面的例子介绍了如何在主循环中使用条件判断语句。功能是在首页(index)中显示文章摘要,而在文章(single)和主页(home)中显示文章正文内容。

    3.6K20

    【Java 进阶篇】深入了解 Bootstrap 组件

    div> 在这个示例中,我们创建了一个带有下拉菜单导航栏项。...用户可以点击 “下拉菜单” 链接以显示下拉选项。 标签 标签是一种常见导航元素,用于切换不同页面或内容。Bootstrap 提供了标签组件,使您可以轻松创建标签导航。...以下是一个示例,展示如何创建标签导航: 在这个示例中,我们创建了一个标签导航,用户可以点击标签切换不同内容。 Bootstrap 警告 警告是用于向用户传达重要信息或警告组件。...多个模态 您可以在同一面上创建多个不同模态,只需为它们分配不同 id 和目标值即可。这允许您在一个网页中使用多个独立弹出窗口。

    20420

    Widget Logic – 让 WordPress 不同页面显示不一样侧边栏

    有时候想在wordpress不同页面显示不同侧边栏,却又因为不太懂PHP而不敢改代码。现在好了,找到了Widget Logic这个插件,不用改代码也能达到想要目的。...方法很简单,下面介绍下。   安装Widget Logic以后,在侧边栏每一个小工具都会出现Widget logic填写,只需在里面填写该插件要显示页面,保存即可。  ...要在以下页面显示,只需填写相应代码:   is_home() 主页   is_single() 文章   is_page() 页面   is_category() 文章分类   is_tag...is_category(5) 仅在ID非5分类显示   is_home() || is_category(’baked-goods’) 在主页或名称为baked-goods分类显示   is_page...(’about’) 仅在关于显示  作者下载页面

    44930

    WordPress主题制作(四):制作头部模板header.php

    header.php中代码(不同主题头部代码可能不太一样,在你实际项目中可以自定如何书写): <!...header.php会被所有的模板页面(主页、分类、页面、标签等)所包含,他内容应该是动态,适合不同页面的,不应该是单纯HTML,因为HTML是静态。...我们一起来看看如何修改header.php吧。 修改页面标题 不同页面的标题都是不一样,而且title设置会影响到SEO效果,应该谨慎设置。...因为这是WordPress主题,是要被WordPress主程序调用,经过层层解析才能把你博客显示出来,而不是简简单单html静态网页文件。...WordPress主题制作(八):制作文章单模板single.php 计划: WordPress主题制作(九):制作评论区模板comments.php 计划: WordPress主题制作(十):制作单

    1.3K20

    分层 Blazor 组件

    在本文中,将生成新 Blazor 组件,以通过 Bootstrap 4 框架服务显示模式对话。在此过程中,将处理 Blazor 模板化组件和级联参数。...它将模式对话临时非 HTML 标记转换为 Bootstrap 专用标记(请访问 bit.ly/2RxmWJS)。 输入标记和相应输出之间任何转换都是通过 C# 代码执行。...在获得单击后,此按钮便会立即弹出填充有以下三层 DIV:页眉、正文和页脚。 必须处理模板化组件和级联参数,才能创建模式对话所需嵌套组件。...此标记结果是将区块周围用来收集切换标记和实际内容 DIV 元素推送出去,以在对话显示。...请注意,有关调用方(在示例应用程序中称为 Cascade)源代码,请参阅前面的图 3。

    8.3K10

    WordPress管理员评论回复添加标注Admin印章

    米扑博客,为了区别管理员与游客或用户评论或评论回复,显示博主身份是必要。...于是海天用ID来判断,一般来说在wordpress中管理员ID是1 所以我们只要判断ID,就可以明确管理员身份,而且这个ID可是不能冒充。...1、改变字体样式 只需要在回复div样式里加上一个判断,是管理员就输出指定样式 class 1)这里指定管理员评论字体样式为“.admincomment”,但是具体样式,就由各位看官自己添加至style.css...1)同样是需要指定DIV层样式,不过这个不是改变字体,而是层位置,这个就根据你博客主题自己调整了。 2)判断是否为管理员,是则输出带有图片层。这个层到底放在哪也就由你自己决定了。...> 核心重点 用ID判断只要在相应地方换上“$comment->user_id == 1”  就OK 注意:有的朋友可能开启了缓存插件,造成不会立即显示,清空缓存 米扑博客做法和效果 vim wp-includes

    1.2K80
    领券