How to Edit WordPress Code (HTML, CSS, PHP, Javascript)
💪 One of the most powerful features of a WordPress website is the ability to edit the WordPress source code. Learning how to edit HTML, CSS, Javascript or PHP code in WordPress – using the WordPress code editor or 3rd party tools – is easier than you may think. This video we go over how to use the block editor, classic editor, widgets, CSS customizer, plugin, WordPress code editor, FTP AND your host = all to edit WordPress code!
⏱️ Timestamps:
00:00 Intro
00:33 Safety tips
00:55 Editing code with the Block Editor
01:42 Editing code with the Classic Editor
02:09 Editing code in widgets
02:40 Editing code with the CSS Customizer
03:50 Editing code with a plugin
05:12 Editing code with the WordPress code editor
06:30 Editing code with FTP
09:34 Editing code with your hosts file manager
👨💻 Additional resources:
For taking backups:
For using a VPN:
For adding a Child Theme:
For using a text editor:
A plugin for editing headers and footers:
Plugins for editing CSS:
🧠 Want to become a WordPress Buff?
Related blog posts:
Related article:
Speed and security eBooks:
WordPress webinars:
🆘 Need more help?
24/7 website edits (unlimited small website edits, no time limits or caps):
24/7 WordPress care plans for serious website owners:
White-label website management for WordPress professionals:
Customer stories and case studies:
Book a private discovery call:
🤝 Want to team up?
Join our affiliate program (and earn 10% recurring lifetime commissions):
Sell your WordPress business:
Grab some WP Buffs merch:
🐦 Social
Twitter:
Instagram:
Facebook:
📝 Affiliate disclosure:
Looking for WordPress hosting? This video features Siteground!
We use Rev for all our transcripts and captions. Try it yourself and get $10 off your first order by using our link!
the huinya
Hi….Hope you are well. Please, how can i post HTML code on the source code. I only know on the front page. Thanks
Hello dear friend – Brilliant clip – thanks. your videos are a great resource:. Would you do some vids about the new Version 6.1 That would be awesome!
Thank you ☺️
love it. just what i've been looking for. there's so meny useless information on internet that just made me loose time… Thank you very much
thanks
Background music link please ?
Thank you so much! So refreshing to see a well organized and edited video on this topic! Love it!
Hey dear my social media website add user payment option user product upload user book upload etc. WordPress theme edit PHP JavaScript Python add
Please tell me
Give me your marketplace site fiverr/ upwork freelancer user name
What theme do you recomend to use as a base? Because mine doesn't have the option to edit it (is from 'we code art')
Hello, is it possible to download my source code from WordPress?
Thanks for the tutorial video
That option from min 4:45 Insert Headers and Footers is still available?
So helpful, thank you
Best video in many I have seen to handle PHP files in WP. Thank you!
Thank you very much for the great content!
Boys? 🤨
Is there a way to edit/customize php with Elementor?
Thank you you very much. This was very helpful 🙏🏽
Salute!!
Thanks 💝
🙏
Just what I was looking for 🙂 Thanks a ton! Great video.
So clear and well prepared clarification of how things works in WordPress. Thanks a lot
9:11 if we use a code editor to change the CSS, how are we able to see it? We can't run the server to see what changes we did to the CSS.
this tutorial deserved a subscription. Great teaching style
Great job, thank you! I had to go across a bunch of poor and chatty videos before finding yours : clear, nice and straightforward THANK YOU (more please :-))
hi I have question I need to add the IF and the pass statement and I don't know how
Thaaaaaaaaaaaaanks for you❤❤❤❤
Thanks a million 😀
Thank you
congrats on 1k likes!
Sorry, but they have changed it. Probably because they wanna sell tha plugin:(
Could someone explain more specifically why I would need a VPN?
Thanks in advance.
Can we create the entire content of the site from a blank coding page?
Thanks 😊
Fx how to change color off the background in the ftp fil how to find the ret fil? ?
gr8 video
Suscribed for seeing more “How to’s”
what i can do add plug in?
Hello i purchase on personal plan on wordpress but no option to edit code how can i do?
Thanku sister
Ugh, this is the best tutorial I've seen in ages. Quality audio and presentation. Concise, easy to follow and very well-paced. And TIMESTAMPS. I love you.
Thank you I just crashed my wordpress website when I wanted to add dark mode code to the website please what can I do to restore it and how to add they code to the website
I'm obsessed with figuring out. how to make the Instagram social icon have the correct gradient… So .. I can't find the CSS code and when i do find it (if you guys have it) I don't understand which chunks of code go in which block.. arg.