Just Some Things That Interest Me
WordPress Development Workflow in 6 Easy Steps
I am an independent developer and creating a simple WordPress development workflow has been a challenging topic for me. What I needed was a way to develop a new site locally and easily move it to a the production server when it was ready to publish. I also needed a way to test the site on the same server to make sure everything was working properly as well as for the client to review and comment on the progress of the site.
Editing The Hosts File For Local Web Development
When I start working on a new site for a client, I like to setup a local subdomain based on the client’s domain like dev.yourdomain.com. Make sure you add this domain to the Settings > General page in WordPress. To do this, you will need to edit the hosts file. Here are some basic directions: For MacOS Open Terminal from /applications/Utilities and enter sudo pico /etc/hosts Enter your user password and this will open the hosts file in the Pico editor.
Creating a WordPress Child Theme
A couple of good reasons to create a WordPress child theme for your WordPress site are if you update the theme, all customizations like CSS and custom functions will likely be lost because these files will be overwritten. The other reason is that development is usually faster because you don’t have to search through a large style sheet to find your custom CSS when it needs to be modified and you will know what CSS and functions you added in case you break something.
Installing WordPress on Your Local Machine in 10 Steps
This video is about Installing WordPress on Your Local Machine in 10 Steps. If you are just beginning to learn web development or just want to play around with WordPress, this tutorial will get you started. This tutorial applies to Windows and Mac OS.
4 Reasons to Use Responsive Web Design
What is Responsive Web Design? Responsive web design is an approach to designing a web site so that it will accommodate devices of various screen sizes and orientations. It makes use of CSS (cascading style sheets) media queries to determine the type of device that the user is using. Media queries are placed in your CSS and query the visitor’s browser to determine its screen size to present the content in a pleasing format.
2 Ways to Fix The Dreaded Mixed SSL Warnings: Parts of This Page Are Not Secure
Let’s say you have just added an SSL certificate to your WordPress site and now you are seeing an error in your browser. No matter which web browser your visitors are using, if you have any non-SSL elements loading on an HTTPS page, visitors are going to see a broken lock with some kind of error message. There will usually be a lower case i inside of a circle. The most common kind of non-SSL content will be images, video content, stylesheets, scripts, and fonts.
Use the WordPress Gutenberg Editor to Make Your Pages Exciting
Since WordPress 5, the Gutenberg editor has been the default editor for editing posts and pages. The goal of the new editor is to give users more of a visual approach to editing content. If you don’t like the new editor, you can install the Classic Editor plugin. With the Classic Editor settings, you can make both editors available or only use the Classic Editor. For quite a while, I resisted using the Gutenberg editor and then decided to take some time to learn it.