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

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:

Plugins for editing CSS:

🧠 Want to become a WordPress Buff?

🆘 Need more help?

🤝 Want to team up?

🐦 Social

[jonathandoda]

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.

[giannitelliroberto]

this tutorial deserved a subscription. Great teaching style

[HorusLondon]

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

[robertorey]

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

[thereisasmile]

Thank you so much! So refreshing to see a well organized and edited video on this topic! Love it!

[ruddyluce]

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 :-))

[llicommg]

Best video in many I have seen to handle PHP files in WP. Thank you!

[ShadyBahouth]

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

[ShouvikBanerjee]

Just what I was looking for 🙂 Thanks a ton! Great video.

[salehhassan]

So clear and well prepared clarification of how things works in Wordpress. Thanks a lot

[lindsayhalsey]

Thanks, WP Buffs! Clear and helpful ... I now know how to edit WordPress code.

[Ntz]

Best tutorial !!! with WordPress code editor i change phone nr, adress etc :d

[themayart]

Fx how to change color off the background in the ftp fil how to find the ret fil? ?

[nkosanaishmaelkatsana]

Thank you you very much. This was very helpful 🙏🏽

[BrendaMichellleTech]

Thank you very much for the great content!

[srloaiza]

For real guys, what a wonderful job, much love from Colombia co

[KarenKefauver]

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.

[elecom]

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

[BoredBricks]

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.

[martinkaspar]

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!