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 methods to teach you 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 showing the link button
  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 showing the process of searching for an existing page to link to
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 showing how to paste a link into text in an editor
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 showing how to edit an existing link
edit a link

Delete existing link

  1. Click on the link you want to remove.
  2. Click on the link icon on the toolbar (looks like a link in a chain) and the link will be removed immediately.
GIF showing how to remove links
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
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
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
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 clickmedia 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
Linking Images in the Classic Editor

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

How to Insert or Edit Links in WordPress Content Editor

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.
How to Insert or Edit Links in WordPress Content Editor

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 article? Contact us for a free answer! Free help for personal, small business sites!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
Posted by photon fluctuations, retweeted with attribution:https://www.361sale.com/en/13244/

Like (0)
Previous July 11, 2024 am10:05
Next July 11, 2024 am10:36

Recommended

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact Us

020-2206-9892

QQ咨询:1025174874

E-mail: info@361sale.com

Working hours: Monday to Friday, 9:30-18:30, holidays off

Customer Service
In order to facilitate global user registration and login, we have canceled the telephone login function. If you encounter login problems, please contact our customer service for assistance in binding your email address.