ฝัง
- เผยแพร่เมื่อ 20 ก.ค. 2024
- 💰 20% Referral Hosting Discount: www.hostg.xyz/SHEiZ
If you are currently developing your own WordPress Theme and you want to make it fully customizable, the WP Customizer API is a great option to get started. In this tutorial, I will show you how to create a Customizer Class and use the WP Customizer API to add and retrieve data without doing any complicated database queries. I will cover how to add the Select option, Textarea and Image.
Article: www.raddy.dev/blog/wordpress-...
☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
Discounts:
⚡ Hostinger: www.hostg.xyz/aff_c?offer_id=...
⚡ Elementor: be.elementor.com/visit/?bta=2...
Recording Equipment:
◾ Microphone: amzn.to/3Ppp8Ok
◾ Shotgun Mic: amzn.to/3IVqIot
◾ Camera: amzn.to/3z0bxpF
◾ Lens: amzn.to/3Pw4s7d
◾ Lighting: amzn.to/3PGXvzW
Computer Gear:
◾ Keyboard: amzn.to/3PGXvzW
◾ Headphones: amzn.to/3PJl9fg
◾ Mouse: amzn.to/3z1TGPf
Connect with me:
◾ Website: www.raddy.dev
◾ Newsletter: www.raddy.co.uk/newsletter
Wow! So generous of you to share this! It's just what I needed, too.
I hope that you found it useful. Thank you for watching and thank you for the nice comment 🙂
Great tutorial! This is just what I was looking for. Thanks!
Thank you!
Very helpful! Thank you! I would like to see more videos like this.
Glad it was helpful! I do have a few video ideas in mind
This is what I needed. Thanks for posting!
Thank you for watching, Jones!
Gracias por este tutorial, me ha servido de grán ayuda, gracias por compartir su sabiduría
Gracias por el comentario amigo!
Excellent video. Straight to the point.
Thank you!
Thank you!!! Great tutorial!!!
Glad you liked it! Thank you
Thank you, RaddyTheBrand
Thank you, Tanya!
Great video - thanks for sharing!
Thanks, Jon! I appreciate the comment
Thank you so much for this video!
You are so welcome!
thank you man for making this video
Thank you for watching!
Easy to understand . Thanks bro !
Always welcome
This was reaaally helpful!
Thank you! 👊😎
Thanks for your helpful tutorial bro
Thank you for watching!
I want to slap on the face of those 7 people who disliked this video. Awesome work man, I was looking for this for the last 4-5 hours. 👏👏👏👏👏
Thank you so much! haha yeah, I'll RKO them 😂😂😂
@@RaddyDev Do you know how we can add "visible edit shortcuts" with customization? Obviously, you would know 😊 do you have any video on it?
@@HRaza143 Hmmm I know that the button appears on some of the editable sections automatically. Like on the logo I remember having it there, but I haven't looked into how to make all of them have the edit button. It never crossed my mind, to be honest
Very nice tutorial
Thank you! 🦍
Hey Raddy, I've got a page which is styled by a plugin. The style values (colours, typography etc) are stored in the plugin's wp_options settings. I want to create a customizer section for the plugin so I need to update those wp_options values when the controls for that section are changed. I.e. changing the font colour in the customizer needs to update the plugin's wp_options value for font colour. Also, the live preview pane needs to refresh as normal and show the updated styling. Do you know how I could do that? Maybe using some kind of control action hook?
Why can't you use the same method I used on this video?
Just make sure that the options only appear in the customizer when the plugin is enabled
Thx ! amazing tutorial. Is there a way to register multiple Customizer using this class ?
I believe that you only have one customizer on WordPress. You can create multiple classes or functions to add functionality to it, but I am not sure about creating multiple customizers
@@RaddyDev Oh yeah. Thank you! I was looking at the problem the wrong way. Your solution should work perfectly for me. 🔥
thank you
Thank you for watching!
Thanks. It would be helpful if you could create a gist or repo for the code in the tutorial too. Thanks again.
The code is on my blog but I totally forgot to paste the link in the description. Thank you and here is the link:
www.raddy.co.uk/blog/wordpress-customizer-api-editable-sections-theme-development/
Thanks. it's useful for me. How can I add blue pen edit icon at each section?
i don't know on top of my head, it's been a long time since I looked into this. Look online, maybe even in the documentation for the customizer
please do the social section as well.... great tutorial
...
I did do something like this, but I am not sure if I recorded it on video. I'll have to check. Thanks for the comment!
I'm just a bit confused about sanitize_callback. Why you assign an array? I can't find other examples.
There must be a reason for this madness, but now that I look at it I am not so sure. Maybe just call the function instead and yes there are not many examples on this which is a shame. You don't have to have the sanitize callbacks, but it's obviously good practice
sir thank u thank u
but i want to create font-family option using customizer setting control plz guide me create these typography ,
Best regards
You could use the Google / Adobe Fonts API to list the fonts in a drop down menu or whatever works for your project. The API should return pretty much everything that you need. If you only need two or thee fonts the I guess you can list them manually to save you the trouble of doing it with the Google APi
how to create new sections by user ( i need for my slider )
Really nice video very helpful tutorial.
But How can I dreg and drop ordering section in home page ?
Please kindly response 🙏
Like if you used something like Elementor? That would require quite a lot of work I think. Some JS for the drag and drop functionality and potentially an API to save the data. If anybody has a clear idea how to do this, please share :)
Thank. But is this not possible in procedural programming? I have no idea about OOP yet.
It's totally possible. You can split everything into functions and that would work too. There must be a lot of examples on the web
@@RaddyDev thx
Thank you! make another video in customizer please
Thanks for watching! Anything specific?
Maybe covering more functions parameters of add_settings and sections
@@RaddyDev and thanks for replying. Your teaching style is great
Love from nepal 🥰
Why did you use that extra function 'restister_customize_sections' inside __construct. Is it possible to use 'author_callout_section' instead of 'restister_customize_sections' in __construct ?
If no, why ?
It's been a while since I've looked at the code. It was just to group the sections for maintainability. You definitely don't need to do it this way. You can wrap your sections in separate functions and that would also work
...ok I needed to isntantiate the object by: new CustomizerField; -> now it does work
Great. ..
Thank you! 🦍
@@RaddyDev go advance. ..
@@MuhammadAdnan-gx6rd What do you mean?
@@RaddyDev I mean to say develop mega menu to show feature image and title of posts + with user input not required but nice to have for customizing api ?
Hello sir, i want some help of yours. I have jdoodle API and i want to add in wordpress. Can you help me to integrate jdoodle compiler in my website via APi??
Hey, I've never heard of it. I just looked on GitHub and there is a WP plugin that you can download and try
@@RaddyDev ok thanks.. and one thing more can you help me in creating a custom widget for Website?
@@avinavaggarwal4713 What are you struggling with?
@@RaddyDev sir i want to add a online compiler on my website. And i have api and widget code both but don't know how to install that on my website. ... Pls pls pls help if you can 🙏
Send me an email with the details, but also be consise as I don't have a lot of time. hello@raddy.co.uk
what if we want to use it for a plugin?
I don't see a problem. Just use it :-)
how can i put an image as a default ?
Something like this might do the job
if ( $theImage ) { echo $theImage }
else {
echo '';
}
subscriber 666 )) Thanks!
🤘👿🤘 Thank you for subscribing!