Rolly G. Bueno Jr.

Design. Develop. Deliver. WordPress Excellence

Category: WordPress

  • How to Install WordPress and Set Up Your First Website

    WordPress is one of the most popular platforms for building websites, thanks to its user-friendly interface, flexibility, and powerful features. Whether you’re setting up a personal blog, a portfolio, or an online store, WordPress can handle it all. This step-by-step guide will walk you through installing WordPress and setting up your first website.

    Step 1: Choose a Domain Name and Hosting Provider

    The first step to setting up your WordPress website is selecting a domain name—your website’s address (e.g., www.yourwebsite.com). Choose a name relevant to your content, representing your brand or persona. Once you have your domain name in mind, you’ll need a hosting provider to store your website’s files and make it accessible online. Popular hosting providers often offer WordPress-optimized plans with easy installation options.

    Step 2: Install WordPress

    Most hosting providers offer a one-click WordPress installation feature. Log into your hosting account, navigate to the control panel (cPanel), and find the WordPress installer. Follow the on-screen instructions to complete the installation. If your host doesn’t offer this feature, you can manually install WordPress by downloading it from WordPress.org, uploading the files to your server via FTP, and running the installation script.

    Step 3: Configure WordPress Settings

    After installation, you can access your WordPress dashboard by visiting www.yourwebsite.com/wp-admin and logging in with your credentials. Once logged in, head to the “Settings” menu to configure basic options such as your site title, tagline, timezone, and language. This is also a good time to ensure your website’s permalinks are optimized for SEO by selecting the “Post Name” option under the “Permalinks” settings.

    Step 4: Choose and Install a Theme

    Your website’s design and layout are controlled by your chosen theme. WordPress offers thousands of free and premium themes to suit various purposes. To browse themes, go to “Appearance” > “Themes” in the dashboard. Click “Add New” to search for themes and preview them before installing. Once you find a theme you like, click “Install” and then “Activate” to apply to your website.

    Step 5: Install Essential Plugins

    Plugins extend the functionality of your WordPress site. To add plugins, go to “Plugins” > “Add New” in the dashboard. Search for plugins that suit your needs—for example, Yoast SEO for search engine optimization, WooCommerce for eCommerce, or Contact Form 7 for contact forms. Always install reputable plugins and keep them updated to ensure optimal performance and security.

    Step 6: Create Essential Pages

    Every website should have a few key pages, such as a “Home” page, an “About” page, a “Contact” page, and any other pages relevant to your niche. To create a new page, go to “Pages” > “Add New” in the dashboard. Use the WordPress block editor to add content, images, and other elements. Publish the page when you’re satisfied with its appearance.

    Step 7: Customize Your Site’s Appearance

    WordPress makes it easy to customize your website without touching a single line of code. Navigate to “Appearance” > “Customize” to access the Customizer. Here, you can adjust your site’s colors, fonts, header image, and more. Some themes offer additional customization options, so explore your theme’s settings for further tweaks.

    Step 8: Set Up Your Navigation Menu

    A well-structured navigation menu helps visitors find their way around your site. To create a menu, go to “Appearance” > “Menus.” Add your desired pages to the menu, arrange them in the order you prefer, and assign the menu to a location (e.g., the main menu or footer). Save your changes to apply the menu to your site.

    Step 9: Test Your Website

    Before launching your website, test it thoroughly to ensure everything works as expected. Check for broken links, test forms, and view your site on different devices to ensure it’s mobile-friendly. Use tools like Google PageSpeed Insights to check your site’s loading speed and make improvements if needed.

    Step 10: Launch Your Website

    Once you’re satisfied with your website, it’s time to launch! Share your site with friends, family, and your target audience. Promote it on social media, optimize it for search engines, and monitor its performance using tools like Google Analytics.

    Congratulations—you’ve successfully installed WordPress and set up your first website! With regular updates, engaging content, and ongoing optimization, your site can grow and thrive in the online world.

  • How to Make Your WordPress Site More Secure

    In today’s digital landscape, a secure website is essential for protecting your data and maintaining your online reputation. WordPress is one of the most popular content management systems, but it can also be a target for hackers and malicious attacks. Fortunately, there are several proven strategies to enhance the security of your WordPress site. Here’s how to make your WordPress site secure:

    1. Use Strong Passwords and User Permissions

    One of the simplest yet most effective ways to secure your WordPress site is to use strong passwords and define proper user permissions:

    • Strong Passwords: Ensure every user has a unique and strong password. Use a combination of upper and lower-case letters, numbers, and special characters.
    • User Permissions: Limit user access levels based on roles. For instance, don’t give out admin access to users who do not need it.

    2. Keep WordPress Core, Themes, and Plugins Updated

    Software updates are crucial for security. Regularly updating the WordPress core, themes, and plugins helps protect your site from vulnerabilities:

    • Updates: Enable automatic updates if available, or check for updates frequently to ensure you’re running the latest versions.
    • Delete Inactive Plugins and Themes: If you’re not using them, it’s best to remove them to reduce potential vulnerabilities.

    3. Implement a Web Application Firewall (WAF)

    A Web Application Firewall is a barrier between your website and potential threats. It filters and monitors HTTP traffic to and from your site. Consider:

    • Cloud-based WAFs: Services like Sucuri or Cloudflare offer cloud-based firewalls that can mitigate risks before they reach your site.
    • Application-level WAFs: Some security plugins include firewalls that can protect against common attacks, such as SQL injection and cross-site scripting (XSS).

    4. Use Security Plugins

    There are numerous security plugins available that can help monitor and enhance your site’s protection. Some popular ones include:

    • Wordfence Security: A complete security solution, including firewall protection and malware scanning.
    • iThemes Security: Focuses on fixing common vulnerabilities and implementing various security measures.

    5. Enable Two-Factor Authentication (2FA)

    Two-factor authentication adds an extra layer of security by requiring a second form of verification:

    • Setup: Many WordPress security plugins allow you to enable 2FA with just a few clicks.
    • Benefits: Even if a user’s password is compromised, the additional verification step can help prevent unauthorized access.

    6. Regular Backups

    In case of an attack or data loss, having a recent backup of your site is invaluable:

    • Backup Solutions: Use backup plugins like UpdraftPlus or BackupBuddy to schedule regular backups.
    • Offsite Storage: Store backups in a secure location, such as cloud storage or an external hard drive, to prevent loss in case of server failure.

    7. Implement SSL Certificates

    An SSL certificate encrypts data between your server and users. Here’s why you need it:

    • Data Protection: SSL protects sensitive data exchanged on your site, such as login details and payment information.
    • SEO Benefits: Search engines favor secure sites, which can positively impact your rankings.

    8. harden Your wp-config.php File

    Your wp-config.php file contains critical configuration settings for your WordPress site. You can enhance its security by:

    • Restricting File Permissions: Set the file permissions to read-only (440 or 400) to prevent unauthorized access.

    9. Limit Login Attempts

    Limiting login attempts can prevent brute force attacks on your site:

    • Brute Force Protection: Use plugins like Limit Login Attempts Reloaded to restrict how many times a user can try to log in.
    • Lockout Feature: After a certain number of failed attempts, you can temporarily lock the user out.

    10. Monitor Your Site for Threats

    Regularly monitor your site for threats and vulnerabilities to stay ahead of potential attackers:

    • Security Audits: Conduct periodic security audits to identify vulnerabilities.
    • Activity Logs: Use plugins that log user activity to trace any unauthorized actions.

    Conclusion

    Securing your WordPress site is an ongoing process that requires vigilance and proactive measures. By implementing the strategies outlined above, you can significantly reduce the risk of an attack and protect your data and reputation. Always stay informed about the latest security trends and practices to keep your site secure in an evolving digital landscape.

  • How to install WP CLI in Windows

    What is WP CLI?

    As part of my experience working on WordPress since 2009, which counts as more than 14 years, one of the working tools I would recommend to new WordPress developers is WP CLI.

    So what is WP CLI? It’s a command line interface that allows developer to manage their WordPress sites using command prompt, if you are using Windows or Terminal if you are using Linux.

    One of the commands that is useful(to me at least) is when I clean up thousands of spam comments without using bulk action, which is limited to 25 posts deletion per request. Not to mention that would be time-consuming. A single WP CLI command will do this once in under 1-3 seconds.

    $ wp comment delete $(wp comment list --status=spam --format=ids)

    How to install WP CLI?

    While I recommend developers use Linux-based operating systems for their workstations, some of us still find Windows as our main operating system. This tutorial will walk you through installing WP CLI on Windows.

    The first thing I would recommend is that we avoid using Windows default command prompt and instead use git-scm. Download and install https://git-scm.com/download/win first. We will use this command interface for the rest of our work.

    Second, we need to install Composer. Download Composer-Setup.exe which will give you the latest Composer version, then we need to setup Composer in our Windows PATH. This will let you use composer command from any directory. Verify if your composer installed properly by using using the following command:

    $ cd C:/
$ C:/ composer -V

    Once you’re done, create a new directory in C:/, depending on what drive letter your Windows is using. It should be using C:/ as default but double-check your local install. Download https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar and save it in our new directory. Now using Visual Editor IDE or anything you are comfortable with, create a new batch file and name it wp.bat for our alias.

    Save the following code on your wp.bat file:

    @ECHO OFF
php "%~dp0wp-cli.phar" %*

    Set the variable Path in your local environment. Go over to System Properties -> Advanced System Properties -> Advanced. Click on the Environment Variables under the System Variables and find the variable name Path. Add ;C:\WP-CLI and click save. Restart the bash interface you are using at the moment and type wp cli version.

    If you can see WP-CLI 2.x.x, then it means you have successfully installed WP CLI.

    Happy coding!

  • How to install WordPress Coding Standard on Ubuntu

    How to install WordPress Coding Standard on Ubuntu

    WordPress has a set of coding standards that you can use when you develop either plugins or themes. While it’s not mandatory, I highly recommend using it on your project. It will make your code more user friendly and relatively easy to maintain in the long run.

    I was a Windows user for a long time and recently switched to Ubuntu 20. When I tried to install WordPress Coding Standards, I struggled a few times since I’m new to the Linux OS. In this tutorial, I will show you step by step on how I did it on my end and hoping that this will help you out.

    First requirement: composer. I’m using this throughout my installation. You can check their documentation on how you install it in your system.

    Installation steps:

    1. Install PHP_CodeSniffer – This is the script that is responsible for tokenization of the PHP, CSS and Javascript code on your project that detects any code violation from the defined standard. By using a terminal in Linux, cd to your home directory and install PHP_CodeSniffer.
    $ cd ~/
$ composer global require "squizlabs/php_codesniffer=*"
    1. Download WordPress Coding Standard – In my case, I would prefer to install this globally instead of per project. Make sure that you are still in your home directory in your terminal before starting. Executing the code below will clone the repository and rename it wpcs.
    $ git clone -b master https://github.com/WordPress/WordPress-Coding-Standards.git wpcs
    1. After you have downloaded the WordPress Coding Standard, we need to set this on your local path. Now this is the part where I have struggled before so make sure you follow exactly to avoid the mistakes I’ve made.
    $ sudo phpcs --config-set installed_paths /home/username/wpcs

    Noticed the username? That would be the username of your current account. You should see this path when you go to Files -> Home, then press CTRL + L. You can verify if you have working sniffers by using phpcs -i.

    PHPCS values

    After you have confirmed that WordPress Coding Standard is added to your setup, we can now install the extensions we need for the Visual Studio Code. There are tons of similar extensions that are currently available, but these are the extensions that I am using and proven to be working.

    Phpcbf by Per Soderlind and phpcs by Ioannis Kappas

    Installations of these extensions are pretty much straightforward. Once you have done that, we are going to configure the settings. I would personally recommend that we set this up globally instead of per workspace. This will save you repetitive configuration, however if you prefer per workspace setup, you can copy the same settings from below as well.

    Restart your Visual Code Editor, then go to File -> Preferences -> Settings -> Extensions -> PHP CodeSniffer configuration. Scroll down a bit until you see Edit in settings.json as shown below.

    Click that link and add the following:

    {
   "phpcs.enable": true,
   "phpcs.executablePath": "/path/to/phpcs",
   "phpcs.standard": "WordPress",
   "phpcbf.enable": true,
   "phpcbf.documentFormattingProvider": true,
   "phpcbf.onsave": true,
   "phpcbf.executablePath": "/path/to/phpcbf",
   "phpcbf.standard": "WordPress",
   "phpcs.showSources": true,
}

    Now, open a terminal then go to your home directory then we need to determine the paths for phpcbf and phpcf that we need for the configuration.

    $ cd ~/
$ which phpcs
$ which phpcbf

    Copy the path of both tools and put them on the executablePath value respectively. Save and restart your Visual Code Editor. By this moment, you should be able to have the tools working. Open a sample PHP file and add your code, then when you click CTRL + S, it will sniff your code by default and phpcbf will auto format your code.

    Let me know in the comment section if you find this tutorial useful or if you have any questions.

    Happy coding!