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

๐Ÿ“ 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!

    17 replies to "How to Edit WordPress Code (HTML, CSS, PHP, Javascript)"

    • Katia M.

      Suscribed for seeing more โ€œHow toโ€™sโ€

    • Elecom

      what i can do add plug in?

    • Elecom

      Hello i purchase on personal plan on wordpress but no option to edit code how can i do?

    • KD voice

      Thanku sister

    • Jonathan Doda

      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

    • Karen Kefauver

      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.

    • vijay gupta

      How edit html in iphone

    • Shady Bahouth

      Clear, straightforward and to the point , thank you so much for sharing this

    • Zulma

      i use the block editor and every time i edit the block with correct HTML code it give me a error that the block is not valid. do you know why this could happen?

    • Joan Dzimwasha

      very helpful, thank you

    • W2G Wisdom 2 Grow ๆ…ง้€šๅ•Ÿ่’™

      useful. how to add google analytics to the website footer?

    • sohail asghar

      Hi thanks for the best tutorial

    • Daily meow

      Hey happy holidays, this is wordpress .org, is it similar for wordpress .com ?

    • TryTrueSolutions

      Very useful for beginner, Thanks

    • 9ja Xclusive

      this video save me from embarrassment…thank you…..

    • Horus London

      Most simple thing I have ever done on my website was adding this HTML code to head. Thanks for the hint!

Leave a Reply

Your email address will not be published.