In this post, I will show you how to display related posts on the WordPress website. This is a developer-level article. Don’t worry, you don’t have to be a guru, but you have to know how to edit theme/template files. Assuming, you want to display the related posts below the single post. In your theme folder, look for a file called “single.php.” This is the file that is responsible for displaying all the single posts on your WordPress website. Open this file and look for a PHP code like this: And paste the following code where the section ends (the_content), […]
Read More →
WordPress default code block sucks. If you want to display your code professionally, you do need a plugin. In this post, I will show you four different code-highlighter plugins that you can use on your WordPress website. However, my top pick is Highlighting Code Block. You can definitely use this plugin without any trouble. How to use Highlighting Code Block plugin to display raw code: Login to your WordPress dashboard, navigate to “Plugins » Add New”, install & activate the “Highlighting Code Block” plugin. You can do but there are no additional settings are required in order to make this […]
Read More →To create a Download HTML link, you have to add the “download” attribute to the opening <a> tag. It will force the browser to download the file instead of opening it. See the following example for more clarification: That means if you put the “download” attribute within the opening <a> tag, it will force the browser to download the file. If you want to rename the downloaded file, use the following code: This will change the file name on your visitor’s device. You don’t need to mention the file extension. If you want the browser to open a new window […]
Read More →Follow the steps to add pagination to the WordPress website: Step 1: Navigate to your theme folder & open the “index.php” or any other archive template where you want to add the pagination. Step 2: Write the following code at the bottom of the template file: It’s not mandatory to write the code within a <nav> tag but it’s a good practice for SEO (search engine optimization) reasons. And it will also help you to write custom styles. You can even give it a CSS class or ID. Only the (above) single line of PHP code will enable pagination in […]
Read More →
Make a website for free and without any risk of losing your hard work overnight. A free website can be the first step of your business development or blogging. Many of the free website-building platforms are some kind of scam & vulnerable. But in this post, I will introduce some of the most authentic platforms that you can use to make your website for free without any problems & vulnerabilities. Wix It’s a reputable Israeli company that allows you to design & develop websites for free. They do have premium plans but also have a free plan with some limitations. […]
Read More →
Sometimes you may need free hosting for your website for a short period of time. Or you may need to test the website before you actually switch to a premium plan. Just a matter of side note, if you want to find the cheapest hosting, see this post after (below 3 dollars per month). Anyways, there are also some cases where you may not have too much traffic or visitors. So a free website can be enough for you to get started. In this post, I will show you a couple of reliable free hosting platforms where you can build […]
Read More →
Freelancing means working independently. And the person who does freelancing is generally known as a freelancer, independent contractor, seller, etc. And a freelancer is not employed by any organization or employer. Instead, freelancers work for various clients on a contract basis. Freelancing is different than outsourcing. A freelancer can take many jobs and work on them within a stipulated time. Likewise, the freelancers are self-employed. And different companies & other people can hire them on contract basis. As a result, a freelancer can work for multiple companies & people at the same time. However, many people think that they need to work on freelance marketplaces in […]
Read More →The first headline of a document refers to the title of a web page. To be more specific, It lives in the title tag (<title>) in the HTML document. If you place your mouse/cursor on the browser tab, it will show you the title of the current web page and this is actually the title of a web page. And the title is slightly different than the document heading. See the picture below for a clear demonstration: From an SEO perspective, a page should contain only one title tag or title. And sometimes it goes wrong if your theme & […]
Read More →Web development is building a database-driven website. Mostly, it is working with the back-end of a website. It means creating features & functionalities and communicating with the database. And this is what web development is! It is also different than web design. A web developer should know at least one back-end (server-side) programming language or framework. So if anyone calls himself/herself a web developer without knowing a server-side programming language, then it’s their lack of knowledge. There are a few server-side languages & frameworks such as PHP, Ruby, Ruby on Rails (framework, built with Ruby), Node.JS (it’s not a language […]
Read More →
In this post, I will explain CSS hover in-depth and give you many examples. After reading this post, you’ll have a clear concept of the hover effect. Let’s get started. What is hover in CSS? Hover is a pseudo-class in CSS. It is responsible for changing an element’s color, background, border, or any other CSS properties while someone places the mouse (hover) over an element. Here are some examples of how you can use it. Syntax You may think that :hover can be used only on <a> or link items. But in reality, you can use the hover pseudo-class selector […]
Read More →