Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador

如何更改Cores dos links do WordPress

WordPress 提供了现成的超链接格式化功能。可以通过几个选项修改单个链接或整个网站的链接配色方案:主题定制器、WordPress 默认块编辑器或实施自定义 CSS。

方法 1:使用 WordPress 主题定制器

请注意,根据使用的主题,定制器界面可能会略有不同。不过,以下是步骤概述:

  1. 登录你的 WordPress 管理仪表板,导航到estado exterior > personalização,或者访问外观>主题,对所选主题进行personalização.
  2. 进入主题定制器后,向下滚动左侧的导航栏并单击“cor".
Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador
  1. 从定制器访问 WordPress 主题颜色。
  2. 再次向下滚动直到找到链接颜色选项并将其更改为你想要的色调。
  3. 从主题定制器更改链接颜色。

结果如下所示:

Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador

使用主题定制器更改链接颜色的前后情况。

请注意,此方法最适合更改整个网站的链接颜色。无法灵活地为超链接添加定制自定义设置。

方法 2:使用默认的 WordPress 块编辑器

Gutenberg 是 WordPress 默认的基于块的编辑器。它利用单独的内容块来为你的网站创建布局和其它自定义设置。这样可以轻松添加、移动和删除内容,而无需担心 HTML 或 CSS。

它还可以改变网站上单个链接的颜色 – 方法如下:

  1. 从你的 WordPress 管理仪表板,导航至“escritos">"所有文章”,然后单击你想要自定义其链接颜色的文章下的“compilador".
Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador
  1. 找到你想要更改的块并单击它以在右侧显示编辑选项。
Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador
  1. 在颜色部分,单击文本并选择所需的颜色或输入其代码。
Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador
  1. 完成更改后,单击右上角的“atualização"Botão.

方法 3:使用自定义 CSS

Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador

如果你的 WordPress 主题没有提供内置的链接颜色自定义选项,则可以添加自定义 CSS 来设置链接样式。具体操作如下:

  1. 从您的 WordPress 管理面板,转到estado exterior > personalização,向下滚动到附加 CSS选项,然后单击它以打开 CSS 编辑器并添加你的自定义代码。
  2. 在主题定制器中添加额外的 CSS。

要更改整个网站的链接颜色,需要使用标签而不是特定的类或 ID。例如:

Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador

此 CSS 代码指定,默认情况下,网站上的所有链接都将带有下划线,颜色为 #5246F1,即蓝色。当鼠标悬停在链接上时,链接将变为较浅的颜色 (#B4AFFF),并且下划线将被删除。

你结果应该是这样的:

Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador

如果你希望更改某个特定链接的颜色,则使用浏览器的检查工具来检查要更改的链接的类别或 ID。右键单击链接,然后选择“检查”。

Como otimizar a cor dos links utilizando as funcionalidades incorporadas no WordPress: um guia para melhorar a sua marca e a experiência do utilizador

添加自定义 CSS 代码时使用链接的唯一标识名称,如下所示:

a.customize-unpreviewable {
    color: #5246F1;
    text-decoration: underline;
}
a.customize-unpreviewable:hover {
    color: #B4AFFF;
    text-decoration: none;
}

虽然添加自定义 CSS 代码很有效,但它需要付出相当大的努力和一系列步骤。如果你缺乏专业知识,请不要选择此选项,以免意外破坏网站的美观或功能。

Resumo:

通过这些方法,可以根据品牌和用户体验需求调整 WordPress 网站的链接颜色。无论是通过主题定制器、块编辑器还是自定义 CSS,确保链接颜色与网站整体设计和品牌形象一致,都是提升用户体验的重要步骤。


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/14435/

Como (0)
Anterior 2024年 7月 23日 am11:30
Seguinte 2024年 7月 23日 pm4:18

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.