laorganic.blogg.se

Creating anchor links in wordpress
Creating anchor links in wordpress










Some themes offer additional “blocks” that can be used in Gutenberg. This is particularly helpful on sales pages or other landing pages. We’ve covered how to create anchor links to a specific text or button, but here we’ll go over creating an anchor link to a section. For our example, it would be, #audits.Ĭreate Anchor Link in Gutenburg How to Create a Jump Link to a Section You’ll now be able to link to that anchor link, simply by using ‘#htmlanchorphrase’.

creating anchor links in wordpress creating anchor links in wordpress

This phrase is also known as the ID Attribute and when linking to the Anchor, you’re using the “Anchor ID” Step 4: Make Note of Your Link For the example in the screenshot above, you might use ‘Audits’. Rather than entering the entire heading, a simple short reference that is easy to remember is best. Step 3: In the ‘HTML Anchor’ add the phrase to represent your anchor link Once you’ve highlighted or selected the section, navigate to the block menu and open up the “Advanced” section. Step 2: Navigate to the Block Editor and open “Advanced” settings in the Block Settings This could be a heading, a section on the page, image, really almost anything you want on the page. Step 1: Highlight where you want the anchor link Once you know, you can then figure out where to place your anchor links. The first step is to decide how you’ll use anchor links on the page, are you creating a How to Quickly (and Easily) Create an Anchor Link in WordPress (Gutenberg Blocks) For example, on a sales page, you could have a specialized menu that directs prospects to testimonials or the “buy now” section. However, they can also be used in a specialized sticky navigation menu to help the reader navigate the page. They can also sometimes be referred to as “jump links” or “Page jumps” because they allow you to “jump” to a different section of the page.Ī common example would be a table of contents on a lengthy blog post that allows you to drop down to a specific section.

creating anchor links in wordpress

What are Anchor Links?Īn anchor link is a special type of link that instead of taking you to a different page, takes you to a different place on the same page. In today’s post, I’m going to walk you through what anchor links are and how to create and use them inside of WordPress so that you can create a stellar user experience for your readers. You might think that the site is using some kind of custom code or fancy plugin, but often times anchor links are behind the easy-to-navigate page. Don’t you love it when you get to a website and the page is super easy to navigate?












Creating anchor links in wordpress