WordPress Custom Editable Theme Content (Image & Text) Tutorial
ฝัง
- เผยแพร่เมื่อ 8 ก.พ. 2025
- Join my full premium WordPress course here learnwebcode.t...
Let's customize our WordPress theme to support editable content.
My recommendation for hosting your WordPress website is DreamHost and specifically their "Shared Unlimited" yearly plan (the exact plan I've used for 19 years). If you use my link to DreamHost it helps support my TH-cam channel and costs you nothing extra: click.dreamhost...
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
learnwebcode.co...
To view a complete list of the WordPress lessons in sequential order visit:
learnwebcode.co...
Add me on Twitter for webDev updates and cat pics: / learnwebcode
My recommendation for hosting your WordPress website is DreamHost and specifically their "Shared Unlimited" yearly plan (the exact plan I've used for 19 years). If you use my link to DreamHost it helps support my TH-cam channel and costs you nothing extra: click.dreamhost.com/aff_c?offer_id=109&aff_id=17231
This video is exactly what I and 99% people were looking for.
I've been struggling with this for like a week and this randomly comes up into my recommended. Perfect explanation and much easier than i thought.
Man, I searched this so long... I liked your video! Thanks!
I think this is GREAT!! I had lost my job of 19 years as a developer on a intranet and with that lost my confidence. Developing in a large corporation behind a firewall is much differnet than the Wild Wild Web. I have been watching your lessons and as my understanding a skill set improve so does my confidence. I am going to sign up for the new course .
Thank you - Debra
I discovered your WordPress tutorials just some weeks ago. So I wasn't even aware of your 2-year break! Thanks for your clear explanation that is understandable for a non-programmer like me.
Best teacher ever. Period.
Just for information, if you are struggling - like I was - and are unable to see any output on your page you should change "" and change it with "".
No idea why this happens but this small fix worked perfectly for me when I was entering my text in the customizer and not seeing any output. Hope this helps !
Just finally like to say, this video series has been brilliant! Thank you so much for creating it. Great great work.
beacuse you setted type as option instead of theme_mod
This is the perfect wordpress tutorial that I have ever seen
Greetings from Poland, your tutorials are the best around the Internet. Really thank you. You helped me a lot
Our sensei is back in town!! «Sonnez hautbois, résonnez musettes !»
You are back!!! I so waited for it!
Thanks!
This is EXACTLY what I've been searching for
Sir your teaching style is great and your video is very good for learning and improve skills.
Welcome back boss after so many day is this update still relevant with current version of Wordpress, And Thankyou once again for your great course on Wordpress theme customization
Your tutorials are wonderful and easy to follow. Thank you very much.
Thank God you're back, and thanks so much for your effort
Thanks a-lot! you videos series are the best guide I ever saw for wordpress and makes the learning of wordpress much more easier!
Hello! saw your previous wordpress tutorials, they were really great !!
nice come back video...
Hope you make more videos.
Keep up the good work!
Your tutorials are just awesome.I have no Mastercard to buy your full course.
you're taking me to the next level now, A+++++++
Thank you so much for your content! Much of what your videos cover I couldn't find anywhere else and it's so clear, easy to follow and helpful! I'm doing a class of yours too on Udemy and it's been a game-changer for me!
Thank you very much for this tutorial. It is very clear. You are the best online teacher !!!!
Before watch this tutorial I need thank to you. Cause your tutorials I was able to build my own website using WordPress. Thank you so much
Awesome teaching skills. keep up the good work!!
You best , i search how to create custom background image for the week , no results, but i see you video and i create my first dynamic image ,i from Ukraine , my English is bad ,but i understand you ,great work,thank you!
Live Again !!!! it was really a long time ,,, great work , Thanks a lot
YES!!! Glad to see your still doin this!
Your tutorials are really useful. Btw, what text editor do you use? It looks simple but handy.
Great tutorial, this is going to be a perfect start to figure out how to add advanced basic custom fields to the pages because the ACF plugin doesn't work well for images and the custom field that you created works just perfect!
You're such a great educator. Wow. Just wow.
Thank you so much!
that's just awesome , thank you very much for these amazing tutorials
Thank you for tutorial and its easy to understand this tutorial
finally you are back, yay !!!
Thanks a lot... i was looking for specific this tutorial. Finally i found it in your channel.
Amazing tutorial! Well explained, and the perfect pace for me. Thank you for making it.
thanks for all of this.you are really helper of mankind.
Thank you so much, very well explained, hope u back again
Good explanation bro. Could you please show more about dependency control? I want to hide or show all the control in customizer.
This is exactly what I was looking for! thank you so much!!!
Hi! Thank you for your tutorials! Could you answer me why get_theme_mod() shows the default values only when the customizer is open?
Welcome back Bro!!!!
Thanks Mr. Teacher
What should I do when I have three of these types of blocks under same section? Should I copy paste all that code three times to make all block editable? or is there a better way? like array or something
Great tutorial! Great teacher! Love how you explain everything!👍 👍
thanks a lot, we are expecting many many videos from you.
Thank you so much, exactly what I was after. Well explained too
Your playlist is awesome!! I really like you approach of showing us the demo of the finished solution first, it work really well for me.
If I wanted to display that content multiple times but with a different picture each time it is loaded. How would can this be done without using a plug-in.
Any idea how to add labels to separate different areas within each section? For example, say I made a section for Footer, and in side there are two areas, one for the callout box, and another for the actual site footer to control its text, font size, color and background color. How could I separate each section with a horizontal line and a heading like 'Footer Callout' and 'Site Footer' ?
Thank you so much... this is very helpfull video thanks
THIS
IS
AWESOME!!!!!
Thank You veeeeryyyy much for that video. I needed that actually in my work and couldn't find almost anything to learn from xD
Regards :D
Thank you for this amazing tutorial!
If you could add a video on how to customize the background color and image, it would be perfect.
Hello! Is there a custom link type? Not a dropdown page type? Thank you!
I had been looking for how to do this, thank you very much.
Hi,
Could this callout be responsive ?
For example if I want to use this kind of functionality as main website banner that will be displayed in the header, can I make it load different size of image in function of screen size, or the mobile device it is used ? Also the image should display full width.
Hi, i have a question, when we install theme another server, then default value is showing in wordpress customizer area but didn't showing in theme. can you tell me what's going on?
Thank you for this video. Helped me loads!
It is a really nice concept. May I ask a question that this one works perfect if the target is a single section, but what if within a loop? I mean for example within the acf repeater construct?
If I want to use this featured image as the background of this section what i have to do?
Do you cover custom theme creation in your advanced WP course? Do you offer any basic HTML courses in addition to this course? I have a family member who is new to coding and would like to develop their own custom website using Dreamweaver (although, I'm trying to convince them to use WP). Do you offer any basic to advanced courses in Dreamweaver? AND finally, what are the pros and cons of using WP vs. Dreamweaver? Thanks!
Great video! Helped me loads! - Question though: With the textarea controls, how do you make Wordpress recognise line breaks within the customize field?
you said carved out the content and put wp_theme_mod(). but doing so it shows nothing than. how to put there something which than get replaced by new content.
How I can display the other parameters like ( Headline, Text, Image, Page Link ) when the user select "Yes" and when is select "No" this parameters should gone! Because on my case I created a theme have two types of slider and I want if the user chose the slider type one then will display it's parameters and when select slider type two should display it's paramaters! So, How I can do that with customizer? Thanks in advance :)
Great lessons and all..... but it would be nice if you would cover the REQUIREMENT to sanitize and how to do it, since this stuff does not pass inspection.
Newly made footer section not showing on customize page.
Can you please help me?
nice job Brad!
Im wondering how you do that measuring thing in chrome without extension though? :D
Great tutorial, Thank you so much Sir ! :)
I followed your tutorials to create my wife's web site, and everything looks good except when trying to make pictures into links. I have added three permanent images to the front page, and I would like to make them links using the dashboard. When I click on Media and select an image, there's a link to Edit More Details. When I click on that, add the code to make it a link, and do Update, nothing happens. I can add captions from this dialog, but not links. Is there a function in functons.php that makes this work?
It's been a long time since last video of this series. I would like to thank you because of this series I became able to develop corporate websites. I can't thank you enough.
Question: Can we use same Wordpress 'Upload image" functionality in custom php template file (Form) for uploading images by visitors as a safe option free of security threats? Do you recommend it?.
Best regards.
Thanks...this was really good!!
Very helpful. Thanks
Hey Brad! Merry Xmas and I hope you will to continue teaching us excellent skills "long life and prosperity mate". By following the concept of the type => dropdown-pages, could you help with the dropdown POSTS, please? Thank you so much
Did you find a way to do this?
@@zoso2510 Sorry to get to late; Yeah I found the way to do so...thanks for asking
There must be a way to click Thumb up more than 1 time. One of us should do so with what we learn from this guy.
Ovo je nevjerojatno, hvala...........This is fantastics, thanks
this is super useful!
Thank you!
I am trying to do the same but no menu is appearing on customize dashboard.
Please help me.
Super helpful thank you for posting this
How to custom my post font styles with out using a plugin plz help for code..
Can you please tell me how to create a dynamic background image?
Many Thanks .. u r great
Hi. Is there any way to create custom WooCommerce loops in WordPress?
I could output the_title() the_content() and the_post_thumbnail() but, i would like to display additional data, like price and custom attributes, please anyone help me?
Welcome back ... i see your course at udemy "Git a Web Developer Job: Mastering the Modern Workflow" its great
Sir hasn't upload npm, mobile-first-essential etc. videos please uploaded them as soon soon as possible i am waiting for them.
Damn man!!! You are a wizard :D
Sir hasn't upload node.js and NPM , mobile-first-essential etc. videos please uploaded them as soon soon as possible i am waiting for them.
Hey. How can you make social links for facebook, instagram etc.
Please make sure the typing is done in the middle of the screen. The very bottom is sometimes cut off or hidden by the play bar. Awesome videos though, cannot thank you enough! God bless.
thank you
How do I put one section into another? So my menu would look like x -> 1,2,3 -> y,z,c instead of x->1, a -> 2, c->3, and so I just wanna group the sections.
Sections within a section.
Nested sections would be nice! There isn't a "native" way of doing that in WordPress. It's possible though. A blogger named Otto who is the king of WordPress coding talks about how you can create your own custom control type, which you could setup to use collapsible accordions, etc... I'll have to check it out more in the future, but here's the link if you're interested in the meantime: ottopress.com/2012/making-a-custom-control-for-the-theme-customizer/
I asked him in a email for nested functions, also I swept throu his blog tho and couldnt find this thing.
I did it through $wp_customize->add_panel( 'title1', array()); and then I set the 'panel' value at the section array options equeal to the panel title1 that I just created. IT WORKS!
Whoa, nice! I didn't know about the "add_panel" method - thanks for sharing that. The "panel" doesn't get as much attention as the other methods (I saw several Stack Overflow answers saying nested wasn't natively supported) - guess we need to spread the word about panels. Awesome find!
Altho I think "add_panel" can only bring you to the second level of this structure I dont think you can go deeper with this but still better than trashing over the menu.
hope future wp tutorial with BP
tq so much...
awesome. thanks a lot
i love you bro, thx so much
you are amazing thank you
I can not create editable content following this tutorial. I am using wordpress 4.7. plz help me
Great... Thank you :)
plzz provide complite theme for eduction purpose sir.,.,.,.,.
thank u
Where to explain comments page please
why does the udemy course doesnt have this?