Once you've logged in, you now have access to your WordPress source files and can make HTML, CSS, and PHP edits as you see fit. Simply right-click on any file you want to edit and select View/Edit.
Yes if you are working on a self-hosted WordPress site you can use code in a few different ways. You can develop your own WordPress theme using HTML, CSS and PHP or you can create a child theme to modify an existing theme. When adding content you can also edit your pages and posts with HTML.
Every web browser allows you to do this easily. Below are the keyboard commands for viewing your webpage
source code for both PC and Mac.
How to View Source Code
- Firefox – CTRL + U (Meaning press the CTRL key on your keyboard and hold it down.
- Internet Explorer – CTRL + U.
- Chrome – CTRL + U.
- Opera – CTRL + U.
The source code is the programming behind any webpage, or software. In case of websites, this code can be viewed by anyone using various tools, even your web browser itself.
The source code is the programming behind any webpage, or software. In case of websites, this code can be viewed by anyone using various tools, even your web browser itself. The page source is also very useful when you are doing search engine optimization, or SEO.
Remember how to open Inspect Element? Just right-click and click Inspect Inspect Element, or press Command+Option+i on your Mac or F12 on your PC. In the search field, you can type anything—ANYTHING—that you want to find on this web page, and it will appear in this pane.
About This Article
- Open Notepad on Windows or TextEdit on Mac.
- Click File.
- Click Open.
- Select "All Files" in the drop-down next to the file name box on Windows.
- Click and HTML file to select it and click Open.
- Use the text editor to edit the HTML tags.
- Click File.
- Click Save.
WP Static HTML Output is a simple and powerful tool for converting a WordPress site into HTML. It is an open source software that generates an HTML copy of your entire site. It allows unlimited export targets for a single website.
WordPress plugins such as the Simply Static and others have the ability to automatically convert each of the WordPress pages and posts into static HTML files.
- Using the Simply Static plugin to convert WP to static HTML.
- Use Absolute URLs.
- Relative URLs.
- Save for offline use.
- Choose delivery method.
- Generate HTML files.
How does it work? Short version: WordPress is a content-management system that originated as a blogging tool. It runs on PHP and a MySQL database. Design elements are packaged as “themes”; since content and design are separate, one need only install a new theme to get a whole new design without affecting the content.
Once on that page, you can either use the keyboard shortcut CTRL+U, or you can right click (not on a picture) anywhere on the webpage which should bring up an option to 'View Page Source' in Chrome or 'View Source' in Explorer. Doing this will open a new page with the source code listed.