织梦如何调用作者及头像?

99ANYc3cd6
预计阅读时长 14 分钟
位置: 首页 织梦建站 正文

使用默认标签(最简单)

织梦默认提供了调用作者和作者链接的标签,但没有直接调用头像的标签。

织梦调用作者及头像
(图片来源网络,侵删)

调用作者名 页(article_article.htm)或列表页(list_article.htm)中,使用以下标签:

{dede:field name='writer' /}

这个标签会直接输出文章的“作者”字段。

调用作者链接

如果你想链接到作者的个人主页(如果存在),可以使用:

织梦调用作者及头像
(图片来源网络,侵删)
<a href="{dede:field name='writerurl'/}">{dede:field name='writer' /}</a>

writerurl 字段在后台发布文章时可以填写,但通常默认为空。

默认头像(无头像功能)

织梦默认没有“作者头像”这个字段,所以无法直接调用,你需要通过修改来增加这个功能,这引出了下面的方法。


增加作者头像字段(最常用、最推荐)

这是最标准和最灵活的方法,通过在后台增加一个自定义字段来存储作者头像的地址,然后在模板中调用。

织梦调用作者及头像
(图片来源网络,侵删)

步骤 1:在后台增加“作者头像”字段

  1. 登录织梦后台,进入 [核心] -> [频道模型] -> [内容模型管理]
  2. 找到你文章所对应的模型(通常是“文章”),点击后面的 [字段管理]
  3. 在字段管理页面,点击右上角的 [添加新字段]
  4. 在添加字段页面,填写以下信息:
    • 字段名称: authorface (英文,不含空格,用于代码调用)
    • 字段别名: 作者头像 (中文,方便后台识别)
    • 字段类型: [多媒体文件] (这是关键,可以选择图片并预览)
    • 字段参数: 可以留空或填写 defaultimg (默认图片地址)
    • 提示文字: 请上传作者头像
    • 是否为空: (根据需要,设为“否”则必须填写)
    • 显示: 勾选 [表单同步显示到内容页] (非常重要!)
  5. 点击 [保存]

步骤 2:在后台发布文章时上传头像

  1. 进入 [核心] -> [内容发布],发布或编辑一篇文章。
  2. 在文章编辑页面,你会发现新增的 “作者头像” 字段。
  3. 点击上传按钮,选择并上传一张头像图片,上传成功后,图片地址会自动填入字段。
  4. 发布文章。

步骤 3:在模板中调用作者和头像

现在你可以在模板文件中(如 article_article.htm)使用以下代码来同时显示作者名和头像。

示例代码:

<div class="author-info">
    <!-- 调用作者头像,如果为空则显示默认头像 -->
    <img src="{dede:field name='authorface' function='(@me ? @me : "/images/default-avatar.jpg")'/}" alt="{dede:field name='writer' /}的头像" class="avatar">
    <!-- 调用作者名 -->
    <span class="author-name">作者:{dede:field name='writer' /}</span>
</div>

代码解释:

  • {dede:field name='authorface' /}: 调用我们刚刚创建的 authorface 字段。
  • function='(@me ? @me : "/images/default-avatar.jpg")': 这是一个非常实用的 函数
    • @me 代表当前字段的值。
    • 是三元运算符,意思是:@me(头像地址)存在,就使用 @me;如果不存在(为空),就使用后面的默认图片地址 /images/default-avatar.jpg请确保你的默认图片路径是正确的。
  • alt="{dede:field name='writer' /}的头像": 为图片添加 alt 属性,有助于SEO和无障碍访问。
  • class="avatar"class="author-name": 为了方便CSS样式美化,建议给元素加上class。

调用会员系统中的头像(高级方法)

如果你的网站启用了会员系统,并且作者本身就是网站会员,你可以直接调用会员的头像,这需要你确保发布文章时,“作者”字段填写的是会员的用户名。

步骤 1:确保文章作者与会员关联

在发布文章时,将“作者”字段填写为某个已注册会员的用户名。

步骤 2:在模板中调用会员信息

页模板 article_article.htm 中,使用以下代码:

<div class="author-info">
    <!-- 调用会员头像,如果会员不存在或无头像则显示默认头像 -->
    <img src="{dede:field name='writer' function='GetMemberFace(@me, "/images/default-avatar.jpg")'/}" alt="{dede:field name='writer' /}的头像" class="avatar">
    <!-- 调用会员名 -->
    <span class="author-name">作者:{dede:field name='writer' /}</span>
</div>

代码解释:

  • function='GetMemberFace(@me, "/images/default-avatar.jpg")': 这里我们调用了织梦的一个内置函数 GetMemberFace
    • @me 依然是当前字段的值,即作者的用户名。
    • GetMemberFace 函数会根据用户名去会员表里查找对应的头像。
    • 第二个参数 "/images/default-avatar.jpg" 是当找不到会员或会员没有头像时的默认图片。

注意:此方法依赖于织梦的会员系统,并且发布文章时必须准确填写会员用户名。


调用当前登录编辑的头像(仅限后台)

这个方法比较特殊,它调用的是当前在后台登录并发布/编辑文章的编辑者的头像,而不是文章本身的作者,这通常用于显示“本文由某某编辑发布”的场景。 页模板 article_article.htm 中使用:

<div class="editor-info">
    <!-- 调用当前登录编辑的头像 -->
    <img src="{dede:adminname function='GetAdminFace(@me)'/}" alt="编辑头像" class="avatar">
    <!-- 调用当前登录编辑的用户名 -->
    <span class="editor-name">编辑:{dede:adminname/}</span>
</div>

代码解释:

  • {dede:adminname/}: 调用当前后台登录用户的用户名。
  • function='GetAdminFace(@me)': 调用 GetAdminFace 函数,根据当前登录用户名获取其头像。

总结与推荐

方法 优点 缺点 适用场景
方法一(默认) 简单,无需修改 功能弱,无法调用头像 只需显示作者名,不要求头像的简单页面。
方法二(自定义字段) 最推荐,功能强大,灵活,不依赖会员系统。 需要在后台手动添加字段,发布文章时需上传头像。 绝大多数网站的首选,可以完全控制作者头像。
方法三(会员系统) 自动关联会员,如果网站有完善的会员体系则很方便。 依赖会员系统,发布文章时必须填写准确的会员名。 知识付费、博客等以会员为核心的网站。
方法四(当前编辑) 可以展示网站编辑团队。 显示的是编辑者,非文章作者,容易混淆。 用于展示网站编辑信息,而非文章作者信息。

对于绝大多数用户来说,方法二(增加作者头像自定义字段) 是最实用、最稳定、最易于理解和维护的方案,强烈建议你采用这种方法。

-- 展开阅读全文 --
头像
织梦首页如何调用关键词?
« 上一篇 04-20
织梦栏目错位原因何在?
下一篇 » 04-20

相关文章

取消
微信二维码
支付宝二维码

目录[+]