Playback starts YouTube’s embedded player (privacy-enhanced mode).
How to Edit WordPress Code (HTML, CSS, PHP, Javascript)
ChannelWP BuffsChapters
Description from the creator
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: wpbuffs.com/backup-and-restore-plugins/
For using a VPN: wpbuffs.com/best-free-vpns/
For adding a Child Theme: wpbeginner.com/wp-themes/how-to-create-a-wordpr…
For using a text editor: wordpress.org/support/article/editing-files/#te…
A plugin for editing headers and footers: wordpress.org/plugins/insert-headers-and-footer…
Plugins for editing CSS:
wpbuffs.com/csshero
wpbuffs.com/cssstyleeditor
wpbuffs.com/microthemer
wpbuffs.com/ultimatetweaker
🧠 Want to become a WordPress Buff?
Related blog posts: wpbuffs.com/edit-source-code-in-wordpress/
Related article: wpmrr.com/podcast/is-the-current-model-of-open-…
Speed and security eBooks: wpbuffs.com/ebooks/
WordPress webinars: wpbuffs.com/category/webinars/
🆘 Need more help?
24/7 website edits (unlimited small website edits, no time limits or caps): wpbuffs.com/24-7-edits/
24/7 WordPress care plans for serious website owners: wpbuffs.com/plans/
White-label website management for WordPress professionals: wpbuffs.com/white-label/
Customer stories and case studies: wpbuffs.com/customer-story/
Book a private discovery call: wpbuffs.com/book-a-call/
🤝 Want to team up?
Join our affiliate program (and earn 10% recurring lifetime commissions): wpbuffs.com/affiliates/
Sell your WordPress business: wpbuffs.com/acquisitions/
Grab some WP Buffs merch: store.wpbuffs.com/
🐦 Social
Twitter: twitter.com/thewpbuffs
Instagram: instagram.com/wpbuffs/
Facebook: facebook.com/wordpressbuffs/
📝 Affiliate disclosure: wpbuffs.com/the-fine-print/
Looking for WordPress hosting? This video features Siteground! wpbuffs.com/sg
We use Rev for all our transcripts and captions. Try it yourself and get $10 off your first order by using our link! wpbuffs.com/tryrev
💪 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: wpbuffs.com/backup-and-restore-plugins/
For using a VPN: wpbuffs.com/best-free-vpns/
For adding a Child Theme: wpbeginner.com/wp-themes/how-to-create-a-wordpr…
For using a text editor: wordpress.org/support/article/editing-files/#te…
A plugin for editing headers and footers: wordpress.org/plugins/insert-headers-and-footer…
Plugins for editing CSS:
wpbuffs.com/csshero
wpbuffs.com/cssstyleeditor
wpbuffs.com/microthemer
wpbuffs.com/ultimatetweaker
🧠 Want to become a WordPress Buff?
Related blog posts: wpbuffs.com/edit-source-code-in-wordpress/
Related article: wpmrr.com/podcast/is-the-current-model-of-open-…
Speed and security eBooks: wpbuffs.com/ebooks/
WordPress webinars: wpbuffs.com/category/webinars/
🆘 Need more help?
24/7 website edits (unlimited small website edits, no time limits or caps): wpbuffs.com/24-7-edits/
24/7 WordPress care plans for serious website owners: wpbuffs.com/plans/
White-label website management for WordPress professionals: wpbuffs.com/white-label/
Customer stories and case studies: wpbuffs.com/customer-story/
Book a private discovery call: wpbuffs.com/book-a-call/
🤝 Want to team up?
Join our affiliate program (and earn 10% recurring lifetime commissions): wpbuffs.com/affiliates/
Sell your WordPress business: wpbuffs.com/acquisitions/
Grab some WP Buffs merch: store.wpbuffs.com/
🐦 Social
Twitter: twitter.com/thewpbuffs
Instagram: instagram.com/wpbuffs/
Facebook: facebook.com/wordpressbuffs/
📝 Affiliate disclosure: wpbuffs.com/the-fine-print/
Looking for WordPress hosting? This video features Siteground! wpbuffs.com/sg
We use Rev for all our transcripts and captions. Try it yourself and get $10 off your first order by using our link! wpbuffs.com/tryrev
About this tutorial
WP Buffs published this 11:01 video tutorial on August 12, 2020. It has been watched 227,526 times on YouTube.
Tags
Share
This tutorial in other languages
- FRComment Modifier WordPress code (HTML, CSS, PHP, Javascript)
- ESCómo Editar código de WordPress (HTML, CSS, PHP, Javascript)
- PTComo Editar código WordPress (HTML, CSS, PHP, Javascript)
- ITCome di modificare il codice di WordPress (HTML, CSS, PHP, Javascript)
- DEWie zu bearbeiten Wordpress-Code (HTML, CSS, PHP, Javascript)
- NLHoe te bewerken WordPress Code (HTML, CSS, PHP, Javascript)
- RUКак редактировать WordPress кодекс (HTML, CSS, PHP, JavaScript)
- PLJak edytować Kodeksu WordPress (HTML, CSS, PHP, JavaScript)
- JAどのように編集WordPressのコード(HTML、CSS、PHP、Javascriptの)へ
- ARكيفية تحرير التعليمات البرمجية وورد (HTML، CSS، PHP، جافا سكريبت)
- HIकैसे संपादित करें वर्डप्रेस कोड (HTML, सीएसएस, पीएचपी, जावास्क्रिप्ट) करने के लिए
- IDCara Kode Ubah WordPress (HTML, CSS, PHP, Javascript)