How To Make OnPage Anchor Navigation Links With WordPress, Any Page Builder Or Custom Code

Поделиться
HTML-код
  • Опубликовано: 27 окт 2024

Комментарии • 306

  • @UnquietDreams
    @UnquietDreams 5 лет назад

    endless confusion and head-banging. Lightbulb! Adam! Finds video, follows along, success. I have an anchor and feel ridiculously proud! Thank you!

  • @barbakusz
    @barbakusz Год назад

    I have watched like 10 videos trying to figure out how to do this, but finally, you solved my problem and saved the day. Thank you!

  • @larrymyers5989
    @larrymyers5989 4 года назад +3

    Yoooo! That’s why I love your videos. No one I know gives more descriptive, easy to follow instructions than you bro! Sometimes I forget to just check your videos first. Spent a couple hrs researching before I seen this...

  • @dubbyx8490
    @dubbyx8490 Год назад

    Thank you!!! I have been searching for how to create anchor links on a homepage but what I have been seeing are vidoes about doing them within posts.. This is awesome!!

  • @anainmazatlan
    @anainmazatlan 6 лет назад +9

    This is perfect timing Adam, thanks! I was trying to wrap my head around how to do this on so you saved me a lot of potentially wasted time.

    • @WPCrafter
      @WPCrafter  6 лет назад +2

      Happy to hear! Yea its so easy to do.

  • @annamilanamyownversion
    @annamilanamyownversion 4 года назад

    Thank you Adam, I have watched some of your videos and your teaching is very straightforward and easy to understand.

  • @khuramwaqar418
    @khuramwaqar418 4 года назад +1

    I was looking for this but no one was able to help but you did man. thanks.

  • @christianneale476
    @christianneale476 3 года назад

    absolutely brilliant! searched for ages for a solution to this - this video made it super easy to get it done! thank you

  • @definitelytimz2428
    @definitelytimz2428 2 года назад

    Bless your Heart. Incredibly easy and straight forward. You're the man!

  • @doubler287
    @doubler287 5 лет назад

    I already knew about Anchor Links and how-to create but liked watching this video, you teach this very well Adam. Keep up the good work.

  • @naumtinga7254
    @naumtinga7254 4 года назад

    its so easy, thank you very much
    Best WP Channel on RUclips

  • @AndyDuranFitness
    @AndyDuranFitness 3 года назад

    Thank you this is exactly what I was looking for!. Couldn't find anywhere else

  • @LuckyLifeTV
    @LuckyLifeTV Год назад

    Super helpful tutorials thank you so much, happy to finally find this, works for WP Bakery too (element ID rather than CSS) thank you.

  • @christopherg3897
    @christopherg3897 3 года назад

    you have the best wordpress tutorials sir! thank you

  • @ARDAEROL1
    @ARDAEROL1 2 года назад

    Super useful! Thank you!

  • @lodewijkdevries8001
    @lodewijkdevries8001 2 года назад

    you just saved my life bro, keep up with the great work! love and peace

  • @angelahenryauthor
    @angelahenryauthor 5 лет назад

    Adam THANK YOU! I was using the Elementor Menu Anchors and they weren't working! I was beyond frustrated! But this worked like a charm!

  • @seyedefatemekhademi5107
    @seyedefatemekhademi5107 2 года назад

    Hi Adam, excellent video. It really helped me out with this specific issue I was having.God bless you...

  • @aaroncarbon7273
    @aaroncarbon7273 4 года назад +7

    Hi Adam! Great video. I was wondering why my anchor link doesn't work when I'm on another page. I've tried both ways with the css id and anchor menu option on element however they both don't work. All it does is add the #name of the css id at the end of the slug when I'm on a different page. I'm using the free version of Astra as a theme.
    Thanks

  • @JayByam
    @JayByam 4 года назад

    THANK YOU SO MUCH! In WPBakery they call it Element ID and your #Element ID works great for an anchor link
    THANK YOU !

  • @zannakristal3754
    @zannakristal3754 4 года назад

    Really appreciate your Videos...clear to understand. Thank you

  • @habibaezzat6036
    @habibaezzat6036 3 года назад

    Thank you for your help! I really appreciate your videos are very helpful!

  • @ne14dirt
    @ne14dirt 3 года назад

    Yes! Cut the fluff and straight to the point. Great tutorial!

  • @gholamulmostafa1443
    @gholamulmostafa1443 4 года назад

    It is too helpful for all designers. I like your video

  • @Sandeepkumarpnp
    @Sandeepkumarpnp 4 года назад

    You are a great Teacher sir . Love From India . Namste Dil Se

  • @gizhekhairelddine7109
    @gizhekhairelddine7109 3 года назад

    AWESOME TUTORIAL! :3 thank you so much!!

  • @mangakeyyorivaldy9117
    @mangakeyyorivaldy9117 2 года назад +1

    Thank you bro
    You saved me, I accidentally deleted my menu

  • @hectordeals
    @hectordeals 5 лет назад +1

    Thank you we need more videos like this.

    • @WPCrafter
      @WPCrafter  5 лет назад

      All in good time Hector.

  • @Chapa9
    @Chapa9 3 года назад

    You are a genius, you are so helpful thank you very much.

  • @Greenblueandred
    @Greenblueandred 4 года назад +1

    2 Years later and it's still great info! thanks!

    • @WPCrafter
      @WPCrafter  4 года назад

      Glad it was helpful!

  • @johnboyd8053
    @johnboyd8053 6 лет назад +2

    Perfect timing, Adam. I was just able to share this video with the Elementor community.

    • @WPCrafter
      @WPCrafter  6 лет назад

      That's great John Boyd! Thanks for watching.

  • @mohitsandhu2842
    @mohitsandhu2842 4 года назад

    thanks sir your all videos are easy to understand and very helpful

  • @nidaa3233
    @nidaa3233 3 года назад

    exactly what I was looking for. You are God send.

  • @AmyBowserRollins
    @AmyBowserRollins 6 лет назад

    Nice useful tip, Adam. Thanks for taking the time to show us. I've added the anchor links as a TOC at the top of a page, but I haven't yet done with a menu. And I haven't done it with a page builder yet. Good to know.

  • @Marlene-mf9bx
    @Marlene-mf9bx 4 года назад

    your explanation is the best ever... So clear!!! Thank you so much ♥

  • @kyriakosproestakis8384
    @kyriakosproestakis8384 4 года назад

    Very helpful tutorial, thank you.

  • @maldova7324
    @maldova7324 5 лет назад

    million thanks , only video on youtube explain these setting .

  • @MrBasically810
    @MrBasically810 5 лет назад

    good job adam, you did a wonderful job explaining this.

  • @samiraabourriche1356
    @samiraabourriche1356 2 года назад

    Thank you for this video .It's helpful.

  • @sameeramarapperuma4789
    @sameeramarapperuma4789 3 года назад

    nice. that's what i looking for. thank you very much

  • @luke-so9hs
    @luke-so9hs 4 года назад

    This is amazing , you have made me understand how it works and to add to my new website ,i'm still learning but this has helped :) Thank you
    Luke

  • @beautyisinternal6953
    @beautyisinternal6953 3 года назад

    Thank you so much! Your video helped me a lot🙏🏻

  • @khaledamrhanafy5765
    @khaledamrhanafy5765 4 года назад

    Thanks for the information!

  • @MoroccanMusclesTV
    @MoroccanMusclesTV 3 года назад

    Very Helpful thanks!

  • @RafaelScott
    @RafaelScott 2 года назад

    Perfect! Thanks! 👏🏽👏🏽👏🏽😁

  • @PaulDickson7
    @PaulDickson7 6 лет назад +2

    Thanks Adam, always a good trick to teach people

  • @dya1990
    @dya1990 3 года назад

    the video is still very helpful! thank you!!

  • @annapisano1700
    @annapisano1700 5 лет назад

    Cool! It helped me today at work. Thanks very much!

  • @MarceloMarconcini
    @MarceloMarconcini 4 года назад

    Tks so much fot the tips!!!!!!!!!!!!!!!!!! Amazing!!!!

  • @desicryptoupdates
    @desicryptoupdates 4 года назад

    You are too good.
    Lots of wishes for you sir..
    A fan from India

  • @hipersign
    @hipersign 4 года назад

    Thanks for the useful information

  • @markchadbourne8049
    @markchadbourne8049 6 лет назад +2

    Good video Adam as usual. However you say 3m57s into the video: To enter the url for the menu you put the pound sign £ in, plus the css id name. However it's the hash sign # and the css id name. It's difficult to see the text on the page builder because the video is a little fuzzy. So you tend to hang on every word. Other than that very helpful and informative. Thank you.

    • @WPCrafter
      @WPCrafter  6 лет назад

      Thanks for watching Mark Chadbourne!

    • @DeanKennedyAU
      @DeanKennedyAU 5 лет назад

      In the US, the pound sign means the hash sign :D ... here in Aus, as in many places, yes, it can be confusing as "pound" can mean something other than "#".

  • @romisana
    @romisana 4 года назад

    You are amazing!!! You just saved me tens of hours with this vid! Thank you :)

  • @mikescudder4621
    @mikescudder4621 2 года назад

    CHEERS!! Just what i needed. Anchor menu did not work for me but the css id method did.

  • @SmilingboPamai
    @SmilingboPamai 4 года назад

    thank you. still working and applicable in 2020 :)

  • @sirseptemberdigitalagency
    @sirseptemberdigitalagency 2 года назад

    Thanks a lot, this video helped me a lot.

  • @Sai-lk3fc
    @Sai-lk3fc 2 года назад +1

    Thanks man it was really helpful

  • @prathapreddyirugula7776
    @prathapreddyirugula7776 4 года назад

    Awesome explanation

  • @the-long-named-one
    @the-long-named-one Год назад

    This is great, thanks so much!

  • @JayByam
    @JayByam 4 года назад

    You explained it so well !

  • @berrybarusman8471
    @berrybarusman8471 2 года назад

    Thanks for the tip!

  • @arinavogelbacher7262
    @arinavogelbacher7262 5 лет назад

    great help! Thank you

  • @farrukhhamayoun
    @farrukhhamayoun 5 лет назад

    thanks a lot Adam!

  • @andyturner1225
    @andyturner1225 5 лет назад

    Always top quality tutorials - thank you

  • @hameedferozvlog5600
    @hameedferozvlog5600 5 лет назад +1

    Thanks for the information, but I was looking for something else. I made a List of Contents on the top of a post, and I want readers to navigate to the paragraph when they click on that particular topic in the list of contents. Can you please show how to do that. I'm new to Wordpress. And I found your videos very Helpfull

  • @misterellystudio
    @misterellystudio 3 года назад

    This helped.... Thank you very much Sir

  • @אבירםבןעזיז
    @אבירםבןעזיז 3 года назад

    amazingly helpful! thank you very much
    i do have a problem with this still that i dont know how to solve:
    intsed of nicely sliding down to the position it teleports me there as a straight jump, very bad for the eyes... is there a way to solve it with some data im missing??

  • @hamidmghazi
    @hamidmghazi 3 года назад

    Awesome! Thank you

  • @jennycerezo5634
    @jennycerezo5634 3 года назад

    You just made my day! Thanks a lot

  • @usa8069
    @usa8069 4 года назад +1

    Yei! I did it. Thanks:)

  • @মুন্না-হ৯ঘ
    @মুন্না-হ৯ঘ 3 года назад

    helpfull video from Bangladesh

  • @FerruhTumer
    @FerruhTumer 3 года назад

    Thank you so much Adam. This is perfect!

  • @eduardonaranjoparrales232
    @eduardonaranjoparrales232 4 года назад

    GREAT CONTENT

  • @YoanQuevedo
    @YoanQuevedo 5 лет назад

    great video.... subscribed !!!

  • @MrXfeelbrands
    @MrXfeelbrands 3 года назад

    Perfect!!!! Thanks

  • @arshadhussain9257
    @arshadhussain9257 5 лет назад

    best tutorial, i have learned this in minutes while watching your tutorial

  • @amorhconache
    @amorhconache 4 года назад

    You're a godsend! Thanks brotha!!

  • @paulus0912
    @paulus0912 4 года назад

    It does help me. Thank you.

  • @Kevin-bu6gd
    @Kevin-bu6gd 5 лет назад

    Great video Adam, I wish to add the anchor to an already exist menu and not add a new menu. How can I do that? Will really appreciate your help.

  • @Askadionx
    @Askadionx 3 года назад

    great tutorial thanks

  • @CarolineRoseAU
    @CarolineRoseAU 4 года назад

    This was super helpful, thankyou!!

  • @tahirajaved9773
    @tahirajaved9773 5 лет назад

    Super Awesome

  • @EricaBizfunk
    @EricaBizfunk 4 года назад

    Thanks! Very clear : )

  • @hannahlupiya2340
    @hannahlupiya2340 3 года назад

    Solution plug! Thanks!

  • @tripmore
    @tripmore 5 лет назад

    thanks for simple and effective presentation. loved that

  • @muzhganhaidari8083
    @muzhganhaidari8083 2 года назад

    you deserve a heart thank you so much

  • @shajibkhan8993
    @shajibkhan8993 2 года назад

    very helpful thank you

  • @rasmuslarsen9320
    @rasmuslarsen9320 6 лет назад

    If anyone is wondering - same method is working for "WPBakery Page Builder" :-)
    Thank you Adam

  • @jacksoncn
    @jacksoncn 5 лет назад

    Hi Adam! Curious what you use to make your youtube thumbnails. If you'd be so kind as to share... that would be GREATLY appreciated. Thanks!

  • @wilson9267
    @wilson9267 5 лет назад +1

    This was super helpful. Thanks alot

    • @WPCrafter
      @WPCrafter  5 лет назад

      You're welcome Wilson, thank you for watching.

  • @uNknownrMx
    @uNknownrMx 4 года назад +1

    My friend 🙏🏼🙏🏼🙏🏼

  • @gautamarora406
    @gautamarora406 4 года назад

    amazing work

  • @TimCBuilders
    @TimCBuilders 2 года назад

    Thanks very much for that.

  • @entertechinc
    @entertechinc 5 лет назад +5

    Hi Adam, brilliant concept. but if I understand clearly this method does not navigate you to a different page. Instead You have to include the URL of the page with the Anchor CSS ID, and it should be like this: "domainname.com/pagename/#anchor-ID"

    • @cherndon8948
      @cherndon8948 5 лет назад +1

      yes, this worked for me as well

    • @shantelle1440
      @shantelle1440 3 года назад +1

      Thank you, your advice worked perfectly, just what I needed

    • @JuliaKibore
      @JuliaKibore Год назад +2

      Mwaahh 🥰I had really struggled now its working using custom links... which I had deleted and set up homepages which didn't work ... now back to custom links... I can navigate from other pages back to the home page using your advice

    • @SpankIEkzs
      @SpankIEkzs 11 месяцев назад

      You Sir, are a great person! Thanks!

  • @BangNoerTrainer
    @BangNoerTrainer 4 года назад

    very helpfull. thanks a lot :)

  • @carlosramirez7110
    @carlosramirez7110 4 года назад

    Thank you Thank you Thank you.

  • @esselideas5114
    @esselideas5114 5 лет назад

    Dear Sir, all your tutorials are simply superb. Can you please help me how to use Image alt attributes in elementor post which is very important for Yoast SEO.
    It's showing below message Image alt attributes: Images on this page do not have alt attributes that reflect the topic of your text. Add your keyphrase or synonyms to the alt tags of relevant images! Thanks & Good Luck.

  • @edo152
    @edo152 5 лет назад

    I've seen so many people explain this using or but this is without doubt the quickest and smartest way to do page links. I always wondered what the CSS ID box was for! Well done and thanks for saving me huge amounts of time. One other thing, this way of linking content is much more precise - using those other methods I found myself sticking spacers in to get the link to arrive at the correct spot.

  • @rocka7204
    @rocka7204 4 года назад

    Thank you!

  • @ux_mylife
    @ux_mylife 4 года назад

    straight forward. thank you!