Playback starts YouTube’s embedded player (privacy-enhanced mode).
How to “Easily” Add Anchor Links in WordPress Step by Step
ChannelWPBeginner - WordPress TutorialsDescription from the creator
If you've seen sites that have links in their longer articles to help users jump to the section they want to read then you know how helpful those can be. These can help with SEO as Google can show them below your search listings for easy navigation. In this video, we will explain what anchor links and show you how to easily add them in WordPress.
If you would like to see our written tutorial for this, you can find it here:
wpbeginner.com/beginners-guide/how-to-easily-ad…
For the first method, is for sites using Gutenberg. Start by creating the first link by adding the text, highlighting it, and adding a pound sign (#) followed by the text want to add to it. For where you want the link to jump to you would want to select the header and in the advanced area add the text from the first link.
Should the block tell you it contains unexpected or invalid content you would want to click the Convert to HTML button for the anchor link to work. If the advanced area does not give you the option you would want to use the verticle dots for more options and edit as HTML. In the p area, you will want to add an id ="" with the text you want to link to within the quotation marks.
For those using the classic editor, you will want to click the text tab, go to the tag for the section you want the link to and add the ID the same way you would have in the previous section. Should you not want to do either of those methods and want WordPress to do the work for you, you can automatically add the anchor links using the Easy Table of Contents plugin found here:
wordpress.org/plugins/easy-table-of-contents/
If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
youtube.com/subscription_center?add_user=wpbegi…
Feel free to take a look at the written version of this tutorial here:
wpbeginner.com/beginners-guide/how-to-easily-ad…
Check us out on Facebook
facebook.com/wpbeginner
Follow us on Twitter
twitter.com/wpbeginner
Check out our website for more WordPress Tutorials
wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner
If you would like to see our written tutorial for this, you can find it here:
wpbeginner.com/beginners-guide/how-to-easily-ad…
For the first method, is for sites using Gutenberg. Start by creating the first link by adding the text, highlighting it, and adding a pound sign (#) followed by the text want to add to it. For where you want the link to jump to you would want to select the header and in the advanced area add the text from the first link.
Should the block tell you it contains unexpected or invalid content you would want to click the Convert to HTML button for the anchor link to work. If the advanced area does not give you the option you would want to use the verticle dots for more options and edit as HTML. In the p area, you will want to add an id ="" with the text you want to link to within the quotation marks.
For those using the classic editor, you will want to click the text tab, go to the tag for the section you want the link to and add the ID the same way you would have in the previous section. Should you not want to do either of those methods and want WordPress to do the work for you, you can automatically add the anchor links using the Easy Table of Contents plugin found here:
wordpress.org/plugins/easy-table-of-contents/
If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
youtube.com/subscription_center?add_user=wpbegi…
Feel free to take a look at the written version of this tutorial here:
wpbeginner.com/beginners-guide/how-to-easily-ad…
Check us out on Facebook
facebook.com/wpbeginner
Follow us on Twitter
twitter.com/wpbeginner
Check out our website for more WordPress Tutorials
wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner
About this tutorial
WPBeginner - WordPress Tutorials published this 8:49 video tutorial on November 30, 2019. It has been watched 85,208 times on YouTube.
- Category
- Science & Technology
- Duration
- 8:49
- Published
- November 30, 2019
- Views
- 85,208
- Likes
- 759
Tags
Share
This tutorial in other languages
- FRComment « facilement » Ajouter Anchor Liens dans WordPress étape par étape
- ESCómo “fácilmente” Añadir ancla enlaces en WordPress paso a paso
- PTComo “facilmente” Adicionar Anchor links em WordPress Passo a Passo
- ITCome “facilmente” Add Anchor collegamenti in WordPress Step by Step
- DEWie „Leicht“ Add Anchor Verbindungen in Wordpress Schritt für Schritt
- NLHow to “gemakkelijk” Anchor Links toevoegen in WordPress Step by Step
- RUКак «легко» Add Anchor ссылки в WordPress Шаг за шагом
- PLJak „łatwo” Add Anchor linki w WordPress krok po kroku
- JA「簡単に」ステップバイワードプレス工程でのアンカーリンクを追加する方法
- ARكيفية "بسهولة" إضافة مرساة سريعة وورد في خطوة خطوة
- HIकैसे करने के लिए "आसानी से" एंकर लिंक चरण से वर्डप्रेस चरण में जोड़े
- IDCara “Mudah” Add Jangkar Link di WordPress Langkah demi langkah