Tag: WordPress 用户体验优化

  • 如何在 WordPress 内容编辑器中插入或编辑链接

    如何在 WordPress 内容编辑器中插入或编辑链接

    链接是一个词、一组词或图像,你可以点击进入新页面。在 WordPress 中,插入和编辑链接是提升用户体验和网站导航的关键部分。以下是详细步骤和方法,教你如何在文章、页面和小工具中添加链接。

    向文章、页面和小工具添加链接

    有几种方法可用于在文章、页面、小工具和其它通常编辑文字的位置添加链接。

    方法一:链接按钮
    展示链接按钮的.GIF
    1. 将要使用的 URL 复制到计算机的剪贴板。
      • 为此,可以突出显示一个 URL,然后点击右键并选择复制,或者使用键盘快捷键,如 CTRL + C (PC) 或 CMD + C (Mac)
    2. 在页面或文章中,突出显示要链接的文字。
    3. 点击区块工具栏中显示的链接图标。
    4. 将 URL 粘贴到显示的窗口中,然后按 Enter 键保存链接。

    也可以在链接搜索字段中搜索你站点上的文章或页面,方法为:首先输入页面或文章的标题,然后点击该页面或文章以插入该链接:

    显示搜索要链接到的现有页面相关过程的.GIF
    搜索要链接到的现有页面
    方法二:复制粘贴
    1. 将要链接的 URL 复制到计算机的剪贴板。
      • 为此,可以突出显示一个 URL,然后点击右键并选择复制,或者使用键盘快捷键,如 CTRL + C (PC) 或 CMD + C (Mac)。
    2. 在页面或文章中,突出显示要链接的文字。
    3. 将复制的 URL 直接粘贴到突出显示的文字上。为此,可以突出显示文字,然后点击右键并选择粘贴,或者使用键盘快捷键,如 CTRL + V (PC) 或 CMD + V (Mac)。
    显示如何在编辑器中将链接粘贴到文字上的.GIF
    如何在编辑器中将链接粘贴到文字上

    WordPress.com 会自动创建链接。突出显示的文字现在将加上下划线并呈蓝色显示。


    编辑现有链接

    1. 在编辑器中点击链接。
    2. 选择弹出的“编辑”按钮。
    3. 编辑 URL 并按 Enter 键保存更改。
    显示如何编辑现有链接的.GIF
    编辑链接

    删除现有链接

    1. 点击要删除的链接。
    2. 点击工具栏上的链接图标(看起来像是链条上的链环),链接将立即删除。
    显示如何删除链接的.GIF
    删除链接

    在新选项卡中打开链接

    要将链接设置为在新的浏览器选项卡中打开,请执行以下操作:

    1. 如上所述将链接添加到你的文字。
    2. 点击你添加的链接,然后启用“在新选项卡中打开”按钮。
    在新选项卡中打开链接
    在新选项卡中打开链接

    向图像添加链接

    如果希望他人点击图像后进入另一个页面,请执行以下步骤:

    1. 使用图像区块将图像添加到文章或页面。
    2. 点击图像并选择链接图标(看起来像是链条上的链环)。
    3. 将弹出一个框,可以在其中粘贴你的链接或搜索现有的站点内容。
    链接图像
    链接图像
    1. 添加 URL 后,可以将该链接设置为在新选项卡中打开,方法为:点击链接设置箭头,然后启用“在新选项卡中打开”。
    将图像链接设置为在新选项卡中打开
    将图像链接设置为在新选项卡中打开
    1. 添加链接后,可以点击键盘上的 return/edit 按钮加以应用。

    链接只能添加到单个图像。无法链接图库区块中的图像。但是,可以添加到砌筑式、堆叠式、偏移和拼贴图库区块(利用 CoBlocks,可以在你的站点上使用这些区块)。

    在经典编辑器中链接图像

    要使用计算机中的图像插入链接,请执行以下步骤:

    1. 在页面或文章编辑屏幕中,点击添加媒体按钮。
    2. 上传新图像,或者点击媒体库选项卡并点击要使用的图像。
    3. 将图像插入到您的页面或文章中。
    4. 点击图像,然后点击工具栏中的链接图标(看起来像是链条上的链环)。
    在经典编辑器中链接图像
    在经典编辑器中链接图像

    在显示的弹出框中,输入要链接到的 URL:

    图片[10]-361Sale WordPress Care

    可以搜索站点上的现有内容,也可以在此框中粘贴 URL。如果点击齿轮设置图标,将能够选中点击时在新选项卡中打开链接的复选框。

    自定义链接样式

    1. 使用 CSS 样式链接:通过自定义 CSS 为链接添加独特的样式。例如,你可以在主题的样式表中添加:
    a.custom-link { color: #ff0000; text-decoration: underline; }
    1. 应用自定义类:在添加链接时,应用 custom-link 类,以实现样式自定义。
    图片[11]-361Sale WordPress Care

    总结:

    在 WordPress 中,无论是添加到文章、页面还是小工具,插入和编辑链接都非常简单。本文详细介绍了在 WordPress 中添加和编辑链接的多种方法,包括使用链接按钮、复制粘贴 URL、编辑和删除现有链接、为图像添加链接,以及在新选项卡中打开链接。

  • 三大理由告诉你:为何选择Elementor来为客户构建精美的网站

    三大理由告诉你:为何选择Elementor来为客户构建精美的网站

    当与客户合作时,选择一个合适的WordPress网站构建器可是个大任务。特别是客户希望亲自编辑或添加新内容时,这个选择就更加重要了。因为网站构建器的好坏,直接决定了客户编辑网站的体验,进而影响他们对整个合作的满意度。所以,选对网站构建器可是非常关键的。

    和客户一起打造网站时,挑个好的WordPress网站构建器真的很关键。特别是客户想要自己动手编辑或加内容的时候,这个选择就更重要了。选对了网站构建器,客户编辑起来更顺手,自然也更满意。如果你正在帮客户建网站,推荐你用Elementor。为啥呢?下面我就告诉你三大理由。

    官网下载链接

    1. 为你提供完整的设计灵活性,为客户提供直观的体验

    Elementor这个WordPress网站构建器插件特别火,有10%的互联网都在用呢!它背后有个专业的全球团队,一直在努力为网络创作者提供更好的支持。这个插件经常推出新功能,让你可以有更多自定义选项,工作流程也更顺畅。

    用这个构建器,无论是简单的还是复杂的网站构建任务都能搞定。而且,它还能帮你轻松地把建好的网站交给客户。你甚至可以教客户怎么执行简单的任务,让他们感觉网站就像是自己的一样,更有归属感。

    图片[2]-361Sale WordPress Care

    Elementor网站构建器简直是个全能选手,它包含了创建专业网站所需要的所有功能。你可以用它的拖放功能来建网站,还有很多实用的小部件可以选。如果你想要更个性化的效果,它还有高级自定义选项,包括自定义代码和CSS。再加上炫酷的运动效果和动态内容,网站肯定很吸引人。

    而且,Elementor还有个很棒的AI助手,能帮你提高工作效率、生产力和创造力。你可以用它来根据文本提示在Elementor里创建完整的容器,或者申请模板的变体。如果你看到其他网站有好看的布局,也可以用AI助手在你的网站上创建类似的。更厉害的是,它还能帮你即时生成文本、代码、图片等,简直是个得力小助手!

    2. 控制客户的编辑权限以保持网站的完整性

    有了Elementor,你就能更好地掌控客户编辑网站的体验了。这样,你既可以给客户足够的自主权,又能确保他们不会不小心破坏了网站设计,或者因为功能太多而不知所措。

    使用角色管理器,你可以为客户设置特定的用户权限,决定他们能做什么、不能做什么。比如,你可以允许他们编辑网站内容,但不允许他们进入编辑器乱改。这样,你就能确保客户在编辑网站时既方便又安全了。

    图片[3]-361Sale WordPress Care

    在Elementor里,你还可以用Elementor Manager来设置不同用户的权限。这样,你就能决定每个用户在编辑器里能看到哪些小部件。如果你不想让某个用户看到某个小部件,直接在他的小部件面板里删掉就行了,不用在前端删。这样操作起来更灵活,也更方便。

    3. 无缝协作体验可改善和加速你的工作流程

    有了Elementor的内置注释功能,用户之间就能轻松交流了。不用额外安装其他插件,大家都能标记网站上的内容,这样沟通起来既方便又省钱。你和客户可以直接在编辑器或预览模式里给对方留言,客户能给你提建议,你也可以给客户解答问题或提供说明。这样,大家合作起来更顺畅,还能随时追踪还没处理的留言,工作效率大大提高。

    图片[4]-361Sale WordPress Care

    使用 Elementor 创建精美网站

    给客户建网站时,给他们的体验好坏直接关系到你的生意。要是客户满意了,他们很可能会向朋友推荐你,或者再来找你做更多业务。

    有了Elementor,你就能给客户建出很棒的网站,还能给他们一个方便好用的网站构建器。这样一来,客户满意度自然就提高了。