Add Custom Fields and Repeater Fields for FREE to Posts - Wordpress Tutorial - Elementor Loop Grid

Sdílet
Vložit
  • čas přidán 21. 07. 2024
  • Why has this not been spoken about more widely? There is a hidden feature for you to add Custom Fields to WordPress posts - and to easily use them as Cloned Fields aka Repeater Fields.
    We are using ZERO Custom Field plugins here.
    And when you want to show them inside WordPress posts (and even Elementor Loop Grid/Single Post Templates) then that is EVEN easier!
    Finally - after months of pondering - I cracked it!
    00:00 Intro
    01:14 Activate the Hidden Custom Field Setting
    01:48 Create a Custom Field
    02:46 Use the same Custom Field on another Post
    02:56 Use that Custom Field as a Repeater Field
    03:27 Remove an incorrect Field Value
    03:42 Adding an Image Custom Field
    04:29 Adding the Custom Field to a Post/Loop
    05:42 Adding the Repeater Field to a Post/Loop
    06:00 Use a Snippet to get all Repeater Field Values
    Snippets Code: www.codesnippets.cloud/snippe...
    06:59 Add the Snippets' Shortcode to a Post/Loop
    07:37 Custom CSS for Styling
    CSS:
    selector {
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1em;
    /* letter-spacing: 0.05em; */
    /* word-spacing: 0.5em; */
    color: #FF0050;
    padding: 0px;
    margin-top: 0px;
    /* background-color: #F3F3F3; */
    /* border: 5px solid #FF0050; */
    /* border-radius: 20px; */
    }
    /* Add the below when showing as a list */
    /* selector ul {
    list-style-type: none; /* Use none, disc, circle, square */
    padding-left: 0;
    } */
    08:01 Using the List presentation of the Snippet
    08:20 Custom CSS for List Styling
    08:59 Countering too many meta fields
    09:35 Using the 'Edit Custom Fields' plugin to reduce meta fields
    10:31 Conclusion
    What did you think?
    Elementor Hosting - managed wordpress hosting :
    be.elementor.com/visit/?bta=2...
    Elementor Pro - The builder that will make you a pro
    be.elementor.com/visit/?bta=2...
    Get our Awesome 'How to Build an Elementor Website Course' - Lifetime Updates and access to New Modules at no extra cost: learn.websquadron.co.uk/
    Join our 'How to Start a Web Design Business' Course - and use strategies to grow, get clients, and generate recurring income: websquadron.co.uk/how-to-star...
    Book your 1-2-1 Consultation: websquadron.co.uk/socials
    We love to create - share - respond - and deliver.
    🧐 Learn with our Mastery Modules: websquadron.co.uk/web-design-...
    🔗 All of our Important Links: websquadron.co.uk/socials/
    😃 Join our Facebook Group: / 3309523509284305
    😃 Get Code Snippets Pro: r.freemius.com/10565/3304295/
    😃 Get Elementor Pro: be.elementor.com/visit/?bta=2...
    😃 Boost your CZcams Analysis: www.tubebuddy.com/websquadron
    👕 Get our Merchandise: websquadron.co.uk/merchandise
    🥹 Support us: paypal.me/Websquadron
    Hire us to work on your Website!
    💌 info@websquadron.co.uk
    👩‍💻 Visit websquadron.co.uk
  • Jak na to + styl

Komentáře • 28

  • @webways6445
    @webways6445 Před 2 měsíci +1

    Great ideas here! Personally I add my shortcodes to text widgets, so then they can be styled natively in elementor and not through CSS, but otherwise this is legend.

  • @reinhardeschbach7910
    @reinhardeschbach7910 Před 7 měsíci +3

    Amazing video. Your videos are brilliant and inspiring! I do wait every day to watch a new one.🙏👍

  • @ishtiaqrana79
    @ishtiaqrana79 Před 7 měsíci +1

    I am becoming more confident after watching your videos. Always Praying for you bro. 🥰

  • @thijs7504
    @thijs7504 Před 7 měsíci

    Kermit! You refound. The force!
    Your enthusiasm blasted of the screen .
    Thnx for sharing this ‘discovery with us

  • @visualmodo
    @visualmodo Před 7 měsíci +1

    Really good video, thanks!

  • @PsyMyself
    @PsyMyself Před 7 měsíci

    Once again you nailed it 😉 thanks

  • @pixelgap
    @pixelgap Před 7 měsíci

    Thanks Imran. This is amazing

  • @akshaysrivastavaofficial
    @akshaysrivastavaofficial Před 6 měsíci +1

    This was so much helpful.

  • @toby-green
    @toby-green Před 3 měsíci

    Have you tested this with the query loop builder native in Bricks? I think it works with native custom fields but have never used them. ACF Pro often only necessary for the repeater field. Presumably displaying multi field repeaters eg. a Testimonial: Heading, Comment, Name with 3 fields would be possible?

  • @stephanepruvost1732
    @stephanepruvost1732 Před 7 měsíci

    Hello, tanks for this video on repeater ; i use ACF Version 5.7.0 and Advanced Custom Fields: Repeater Field gives by the ACF devloper. You have to stick on acf 5.7.0 for the repeater plugin.

  • @dsuinfotech
    @dsuinfotech Před 7 měsíci +1

    Awesome 🎉

  • @elevateyourcreativeness
    @elevateyourcreativeness Před 7 měsíci

    That’s slick! Is this usable on a per page basis, or just posts?

  • @amdipm
    @amdipm Před 7 měsíci

    Can we use it also for woocommerce products?

    • @websquadron
      @websquadron  Před 7 měsíci

      With Woo you'd still need ACF or another plugin.

  • @elon0099
    @elon0099 Před 7 měsíci

    Every solution have a problem 😂
    I m just tired of installing multiple plugin.
    But great content as always

    • @websquadron
      @websquadron  Před 7 měsíci

      You don't need the Snippets if you don't want to show the Repeater field :)

  • @fatjay9402
    @fatjay9402 Před 7 měsíci

    Huge!

  • @DEBUGENTITY
    @DEBUGENTITY Před 7 měsíci +7

    Can we make single page application website using elementor.. Means should not load but they should change

  • @contactdjset
    @contactdjset Před 7 měsíci +1

    capo!

  • @NusratJahan-rg1qf
    @NusratJahan-rg1qf Před 7 měsíci

    এ বা ঞ্জ