Website (HTML, CSS & PHP) Video Tutorials

Website (HTML, CSS & PHP) Video Tutorials

Here are a number of tutorials that teach you how to find, inspect, edit and customize css and php files and coding for your WordPress websites/blogs. To do such, I find using a text editor like TextPad and/or Notepad++ helps. You’ll see. Also, there are other uses for these text editors that I’ll go into as well.

TextPad Video Tutorials

TextPad (Text Editor) VIDEO TUTORIALS
This has to be my all-time favorite text editor for so many reasons; you can’t even imagine. Wow! In this video series, I’ll share with you what I use it for, which I think you’ll be impressed with greatly, as well as how you can edit all kinds of css and php files … oh, and so much more!

WATCH THESE VIDEOS


NotePad++ Video Tutorials

Notepad++ (Text Editor) VIDEO TUTORIALS
While I use TextPad more often than NotePad++, I will show you what I use this program for, such as editing MySQL database files and other cool uses.

WATCH THESE VIDEOS


Inspect Element (HTML, CSS & PHP) Video Tutorials

Inspect CSS, HTML & PHP Website Code VIDEO TUTORIALS
This has to be an all-time game saver when it comes inspecting, tweaking and customizing your website’s css and php files with ease. Well, you still have to make the actual change in the css main file or edit a php file, but in all the Inspect function available in most Internet browsers is a godsend to me, as I’m sure it will be to you too when you see what’s possible in these video tutorials.

WATCH THESE VIDEOS


HTML Basics Video Tutorials

HTML Basics VIDEO TUTORIALS
Not that you have to become an expert at design whole websites from scratch using HTML, that’s no longer needed with WordPress and WYSIWYG website editors, no. BUT, I will say this, your knowing 5-10 basic HTML command lines will save you more times than not. Like memorizing a street name or your favorite restaurant, what you’ll learn about HTML is so basic and so easy to master. C’mon, check out these video tutorials. You’re going to learn how to do all of the following in HTML: bold, underline, italics, insert a link, insert an image, insert a line break <BR> and a few more important/vital HTML codes.

WATCH THESE VIDEOS


Finding, Inspecting & Editing CSS Video Tutorials

Finding/Editing CSS Code & Files VIDEO TUTORIALS
What would I do without the ability to customize my css file? I love tweaking the look, feel, fonts, heights, padding, margins, paragraphs, images, forms, buttons, and colors of text, you name it, as it relates to customizing my websites to just the right perfection! All I do is open up the Inspect tool (see tutorial) above, tweak the css, and if I like what I did, I copy the exact css code into the main css file in the WordPress dashboard, save it, refresh the page … and voila! Did my change take place? Does it look good to keep? That’s the process I go through, folks. Check out these video tutorials to see exactly what I mean. I have friends who get excited about learning how to customize the css files in their websites because it gives them too a sense of control over the original default design of their website, which is something they really like. Well, me too!

WATCH THESE VIDEOS


Finding, Editing & Updating PHP Files Video Tutorials

Finding/Editing PHP Code & Files VIDEO TUTORIALS
Any time you want to edit some section of your WordPress website, such as the header (header.php), footer (footer.php), category page (archive.php), post page (single.php), or some other php file, all you need is access to those files on the server and you’re off to the races. I log into the cPanel, click on File Manager, and find the plugin or theme php file(s) I want to inspect and edit. I’m careful to save a backup copy of the original file (footer-orig.php) in case I screw up or just want to revert back to the original php file because I couldn’t implement my intended change. Well, check out these video tutorials on finding and editing php files. I’m sure you’ll a lot!

WATCH THESE VIDEOS