How to Insert or Edit Links in WordPress Content Editor

A link is a word, group of words, or image that you can click on to go to a new page. In WordPress, inserting and editing links is a key part of improving user experience and site navigation. Below are detailed steps and instructions on how to add links to posts, pages and widgets.

Adding links to articles, pages and widgets

There are several ways to add links to posts, pages, widgets and other locations where text is normally edited.

Method 1: Link button
展示链接按钮的.GIF
  1. Copy the URL you want to use to your computer's clipboard.
    • To do this, highlight a URL, then right-click and selectmake a copy of, or use keyboard shortcuts such as CTRL + C (PC) maybe CMD + C (Mac)The
  2. Highlight the text to be linked on a page or post.
  3. Click the link icon displayed in the block toolbar.
  4. Paste the URL into the displayed window and press Enter to save the link.

It is also possible to search for articles or pages on your site in the Link Search field by first entering the title of the page or article and then clicking on the page or article to insert the link:

显示搜索要链接到的现有页面相关过程的.GIF
Search for existing pages to link to
Method 2: Copy and Paste
  1. Copy the URL to be linked to the clipboard of your computer.
    • To do this, highlight a URL, then right-click and selectmake a copy of, or use keyboard shortcuts such as CTRL + C (PC) or CMD + C (Mac).
  2. Highlight the text to be linked on a page or post.
  3. Paste the copied URL directly onto the highlighted text. To do this, highlight the text, then right-click and choosepaste (as in "copy and paste"), or use keyboard shortcuts such as CTRL + V (PC) or CMD + V (Mac).
显示如何在编辑器中将链接粘贴到文字上的.GIF
How to paste a link into text in an editor

WordPress.com will automatically create the link. Highlighted text will now be underlined and displayed in blue.


Edit existing link

  1. Click on the link in the editor.
  2. Select the "Edit" button that pops up.
  3. Edit the URL and press Enter to save the changes.
显示如何编辑现有链接的.GIF
edit a link

Delete existing link

  1. Click on the link to be deleted.
  2. Click on the link icon on the toolbar (looks like a link in a chain) and the link will be removed immediately.
显示如何删除链接的.GIF
Delete link

Open link in new tab

To set the link to open in a new browser tab, do the following:

  1. Add the link to your text as described above.
  2. Click on the link you added and enable "Open in the new tab"Button.
在新选项卡中打开链接
Open link in new tab

Adding links to images

If you want someone to click on an image and go to another page, perform the following steps:

  1. utilizationimage blockAdd an image to a post or page.
  2. Click on the image and select the link icon (looks like a link in a chain).
  3. A box will pop up where you can paste your link or search for existing site content.
链接图像
Linking Images
  1. Once you have added a URL, you can set the link to open in a new tab by clicking on the Link Settings arrow and then enabling "Open in New Tab".
将图像链接设置为在新选项卡中打开
Set image links to open in a new tab
  1. After adding a link, you can click on the keyboard return/edit button is applied.

Links can only be added to individual images. It is not possible to link images in a gallery block. However, it is possible to add to masonry, stacked, offset, and collage gallery blocks (using the CoBlocks(You can use these blocks on your site).

Linking Images in the Classic Editor

To insert a link using an image from your computer, perform the following steps:

  1. In the page or post edit screen, click theAdd MediaButton.
  2. Upload a new imageor click onmedia librarytab and click on the image you want to use.
  3. Insert an image into your page or post.
  4. Click on the image and then click on the link icon in the toolbar (it looks like a link in a chain).
在经典编辑器中链接图像
Linking Images in the Classic Editor

In the pop-up box that displays, enter the URL to link to:

图片[10]-如何在 WordPress 内容编辑器中插入或编辑链接-光子波动网 | WordPress教程、Elementor教程与故障修复

You can search for existing content on the site or paste a URL in this box. if you click on the Gear Settings icon, you will be able to check the checkbox to open the link in a new tab when clicked.

Customized Link Styles

  1. Using CSS Style Links: Add unique styling to links by customizing the CSS. For example, you can add in the theme's stylesheet:
a.custom-link { color: #ff0000; text-decoration: underline; }
  1. Application customization classes: When adding a link, the application custom-link class for style customization.
图片[11]-如何在 WordPress 内容编辑器中插入或编辑链接-光子波动网 | WordPress教程、Elementor教程与故障修复

Summary:

Inserting and editing links in WordPress, whether they are added to a post, page, or widget, is easy. This article details the many ways to add and edit links in WordPress, including using link buttons, copying and pasting URLs, editing and deleting existing links, adding links to images, and opening links in new tabs.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:红牛独立站
THE END
If you like it, support it.
kudos0 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments