Category Archives: Customization

How To Add Related Posts In WordPress Without Plugin?

Related Posts in WordPress means, straight at the end of article, there will be some set up of links collected from website to show about read more about the same related topics. In this article we will learn about how to create related posts without any code knowledge. Even if you learn it from other articles from internet still the use of code and installation of it is necessary to show related posts.

In this article we will learn about how to show, related posts of the article, at the end of post without adding any additional code. In this article, we will learn about to show same category posts.

Update WordPress to its latest version:

First, update WordPress to its latest version. It is necessary to use the Gutenberg code editor while editing the post editor. From, WordPress 5.0 onwards, Gutenberg post editor is the default for editing and posting of the article. It is necessary to add the latest post block inside the post editor.

GUTENBERG POST EDITOR
GUTENBERG POST EDITOR

It is necessary as it helps to segment entire posts into different blocks so that easily you can add and rearrange blocks to enhance posts formats. Open Posts and then Add New from the sidebar of WordPress Administration, Now, write down the post and at the end of post add a new block by press space and then reach to a new para and then click on + sign to each to different blocks and from there choose Widgets and then choose Latest Posts.

LATEST POST BLOCK WIDGET
LATEST POSTS WIDGET

Now, latest posts of yours website will show up. Now, we will change it to related posts. Make the heading as Related posts. Now, click on Latest Posts block. Then, go to setting of post editor and from there choose block. Now, from the latest post setting and its category setting choose the category from which you want to show related articles.

Generally it is a good idea to choose the same category in which you want to show up related posts. So, choose the similar category of which the article is related. Now, you will see, instead of latest posts, now you have last five or ten or more posts of the same article you choose from drop down menu of latest article settings of block at the settings of post editor of WordPress administration.

Now, you will see the related article of the similar article of the posts and that will present a better search engine optimisation practices and that too without any additional code inserted inside WordPress administration. Always remember to add the same category of the post to the related post or say the latest post and change the category of the latest post into the same as that of the post.

Category of post
Post Category

As the above image suggests the post category of this article is customization and the latest post category is chosen into customisation to convert the latest or related article of the post to show last ten customization posts.

In this tutorial we learn about how to convert Latest Post block into Related Post block and show related article from the same category of the post category. In this way we do not have to edit any file or add additional code to make heavier website. Sometime, by adding additional codes or third party plugins there are chances of security infringement of yours site. In this tutorials I let you understand, how to add related posts under each posts without any additional code or plugin.

Related Posts:

How to create best WordPress SEO Permalink Structure?

Now, you have WordPress website. Now, you can access WordPress Administration. It is front-end of WordPress where, you can edit theme, edit permalinks, create posts and manage comments. WordPress permalink structure, is most essential part to showcase, meaning of article in shorter format.

What is Permanlink?

Permalinks are simple URLs. This is not meant to be changed. If there is redirect then this must be within the same website. A better permalink structure intended to convey everyone about the nature of that particular article. Permalinks are simple URL structure. It is meant for rendering of search engines.

What is SEO?

The full name of SEO is search engine optimisation. Due to the advent of the numerous number of websites, it becomes difficult for users to remember exact URL structures of websites. Most users search for terms within search engines. That is why webmasters meant to create a URL structure of their web pages that should suit search engine rendering properly.

Search engines are configured scientifically. They tend to crawl website in accordance with better search engine optimised websites and URLS. That is why the importance of URL structures which are meant to stay for permanent for years in order to provide a stronger belief to users about validity of URL structure.

How to build perfect WordPress SEO permalink structures?

Open WordPress Administration. Go to side bar and then go to Settings. Then open Permalinks. Now you land at Permalink Settings. In its common settings you have various parameters with which you can create permalinks. In this article I tell you how to create a better and perfect WordPres search engine optimisation permalinks so as to present the user friendly and search engine friendly permalink.

Post Name Permalink
Permalink Setting

Now, choose in common settings the Post name as permalink setting. This means that whenever you create a post, its permalink structure will be title of the post. The next step is to save the article as draft by clicking on Save Draft. Now on the right side of post editor there are two tabs. One tab is of Document and the other one is that of Block.

Document and Block
Setting Tab of Post Editor

Click on Document tab of setting of Post Editor. Scroll down to Permalink and then URL. Inside URL box the name of title of article should be there. As we have set the permalink structure to Post and that is why title of the article becomes permalink here. This should be done before posting article to public.

Now in URL space delete the name of title of article and write down the prime category name there. Whenever one article has one or more category then you select which category is important and name that category in the URL box of document tab of post editor setting.

What this would make is that everytime the same category post is made it would serialise and numbered permalink strucutre and in this way URL of permalink becomes search engine optimised and perfect for readers as well as webmasters to categorise and differentiate URLs in homogenous ways.

SEO PERMALINK
Renaming Permalink URL inside Document tab of Post editor

How to rename Permalink URL inside Document tab of Post Editor:

Now, reached to setting tab which is located at the right side of Post editor inside WordPress Administration. Rename the URL space in accordance with the prime category. This article is distributed into two categories namely customisation and SEO. I consider SEO is the prime category so I rename permalink IRL space as SEO. Now, if there are more than one article in category of SEO the permalink structures would be URL of site and then SEO and then SEO1 and then SEO2 and then SEO3 and so on.

Related Posts:

The right way to customize word press themes

Self-hosted WordPress website is suitable for bloggers for every need. The first task is to determine which theme to be used. If you are not intending to use the commercial theme, then it is better to opt for WordPress dot org theme which is released every year. These are free of cost and does update from time to time within specific intervals. Out of all these plugins released from time to time, I have found twenty twelve of them to be the best among the lot. If you wish to use any other theme than also you could find plenty of theme customization for it. I used to customize twenty twelve themes a lot and this article is solely based on it.

Show excerpts in tag, categories, pages and posts

Basically, I am not fond of using a child theme. So, I prepare to edit and customize them. With every update, all of these customizations go away. I usually go on to edit and customize theme again so that usually this remains a regular procedure. First and the foremost procedure is to attach read more or show excerpts in tag, categories, pages and posts show that in every page of website entire article could be shortened further.

I use cloud flare as a content delivery network and I have seen most of third party themes loads very slowly with Cloudflare when flexible SSL options are enabled. Most of WordPress dot org themes loads quickly and that makes using these themes in nature. That is why I prefer to use WordPress dot org theme which loads faster.

Next part is to attach the advertisements. I use Google Adsense advertisements on my sites. It is one of the best revenue generation program for a single writer like myself. I use three advertisements. I first install the main ad in header dot php and then the second ad in content dot php. One needs to pay attention that while installing ad in content dot php that adds will show at the front page and with each article.

That is why I enable only two articles on the front page from the WordPress administration. The ad code for the header would show up in pages and in every post, pages, tags. The ad code inside content dot php would show up in the front page but in the post page, it would show only once.

This means in the post, page, tag, category and search pages of the advertisements would show twice and I need to add another ad that would show in the post page. So that there would be the maximum permissible advertisement limit would be three in total. I opened single dot php from WordPress hosting and then add the code that would show the ad at the end of the article just below the author’s column. I would show ads in single posts only. You would have to repeat this for page dot php, search dot php, tag dot php and category dot php to further show that ad in those single pages, posts, categories, tags and search forms.

This means that now three ads would show up in front page of blog one from header and two from content dot php and inside post pages the header and would show up followed by one content dot php and we have later added, ads to the single dot php in order to show third ads inside single post pages. The size of the side bar is minimal and I do not want to edit to widen it as I would want the ads to load from all these destinations.

Next is to change the footer signs which show ‘proudly powered by wordpress’ to your own copyright. If you want to show the current year with a copyright symbol than simple editing of footer dot php would suffice. It is a good idea to use functions dot php code and then call that function to footer to show the beginning of blog to continuation of blog and that would also bring about yours copyright information and that should be changing each and every year automatically and that should have been the basis of showing the blog. This should be a good idea of contacting functions dot php and then call the functions to footer dot php.

From time to time I have seen for exclusive functions dot php hacks into the theme I could use a separate functionality plugins so that it should stay separate irrespective of theme updates. For functions that have been included for calling up functions from other php files such as footer dot php for copyright attribution then we should use these for functions dot php files.

Always use exclusive functions in functionality plugins and in those areas where you would like to call back the function from another source of WordPress then it is better to use functions rather than functionality plugin. Functionality plugins do offer standoff functions and it is a great idea to understand the differences between standalone functionalities and functions of functions dot php files. Then move to WordPress administration login and from there move to the menu and add above the folding menu structure out there. This would show menus just below the header.

If you have developed the header logo or logo of the website, then it is the best idea to upload it from WordPress administration. I generally do not prefer to do any sort of customization in terms of CSS but if you would have the attraction of doing this then you could find many such resources within the internet and then implement it from hosting. It is important always to back up php files in the case of some misconfiguration happens then you could slowly revert back to its original settings.

There are various plugins to provide related posts and popular posts. I am not that sort of webmaster who likes to use it day in and day out. I only use plugins whenever they are an absolute necessity. Otherwise, I would like to use php codes so that these could provide absolute correct information all at one go. There are various ways out where you could show related posts and popular posts while showing simple codes. Then put these codes wherever you would be deemed to like it and that would show the related posts by category or by tags and popular posts by post count and ultimately this would end up providing more and more possible visitor’s retention to your website.

There could have been many such ideas and new and innovative ways to understand the entire processes associated with the proper functioning of the website. It is important to understand what should have been the best for your site considering the speed of loading of websites and other configurations. While customizing the theme it is also vastly important to learn about the speed of the website, as it is loved by Google as well as by people. Most of these codings and customizations should come in the content dot php area and you should be doing trial and error methods to find out what should have been the best options for this.

With due course of time as a web administrator, you would find various ways to apply codings to php files instead of using plugins and that should be providing an additional level of customizations considering and maintaining the speed of the website.

Sources & References:

  1. https://www.websitebuilderexpert.com/wordpress/org-review
  2. https://firstsiteguide.com/website-speed/
  3. https://easyblogthemes.com/blog/self-hosted-wordpress-blog/

Related Posts:

How to create your own Android Virtual Device in order to test your app created with Android Studio?

This post was most recently updated on April 18th, 2019

Android Virtual Device (AVD) is meant for Android Studio, to test out the apps into a new phone so as to realize complete android virtual environment. In the upcoming series of tutorials, we will be learning about coding and other aspects. Prior to learning of Android Studio coding, t is important to learn all of these elements so that in the future when all of these are going to be implemented inside Android Studio there would be nothing difficult for you to attach and execute android apps.

There will be no confusions for you when you run apps and its related coding. In this tutorial, we will be learning about how to create our own AVD. In order to create AVD, we do need Android Studio (AS). First, click on the icon namely ‘AVD Manager’ which manages all of ours Android virtual devices at a single location.

After clicking on another window ‘Android Virtual Device Manager’ window will open. Now, in this Device manager earlier I had created two android virtual devices. One is ‘myAndroid’ which I have created from ‘Nexus 5’.

The original device manager is Nexus 5 and in order to keep the default settings intact, I have created another device from it so that even if when we simulate app on another device say here ‘myAndroid’ then, of course, the default settings of Nexus 5 will remain intact.

Now we are going to create the copy of the existing android virtual devices. Instead of editing the original one we will like to develop and create the copy of the device so that the original settings of the device remain as usual. From left side down of ‘Android Virtual Device Manager’ click on ‘Create Virtual Device’. The next window should pop up as ‘Select Hardware’ and then choose the device definition.

Here you will be given the choice of devices. Here we will choose ‘Nexus 5’. There is no compulsory to choose this device. You could choose any of these devices. Then go to the extreme right-hand side and below were written as ‘clone device’ and click on to it.

This simulator will clone the device of ‘Nexus 5’ and thus the original device configuration of ‘Nexus 5’ seems intact. Now ‘configure hardware profile’ window will open.

Here we will like to modify the RAM settings. In the original Nexus 5 device, the RAM setting is 1536 MB and we would like to reduce it so that simulator will work perfectly without taking too much load on system RAM.

In ‘Memory’ segment of ‘Configure Hardware Profile’ change the RAM into 1000 so that we could run the Nexus 5 modified device within 1000 RAM.

Then click ‘Finish’ and now inside ‘Select Hardware’ profile we have the new device named ‘Nexus 5 (Edited)1’ and then from the right-hand side and below of it click on ‘Next’.

Now, you will be reaching to another windows namely ‘System Image’ and here you will go to select Android Operating system images. If you have AMD processor then it is better to select or download ‘armeabi-v7a’ of Android 7 or Nougat. It should be there on the ‘Select a system image’ and inside ‘Other images’.

If your computer has Intel processor then you could choose from the list of recommended android system image from ‘Recommended tab’, Then click on ‘Next’ to reach to next window namely ‘verify configuration’. In the ‘Verify Configuration’ in the ‘AVD Name’ change the ‘Nexus 5(Edited)1 API 24’ to any of the names such as ‘MyEmulator’.

Verify Configuration

Here, we can find information related with which device is edited and which android system image and in this case we have installed ‘Android 7.0 armeabi-v7a’ and then the startup orientation of android device should be portrait or landscape, here we should select ‘portrait’ and make emulated performance of graphics to be set on ‘Automatic’ and it is your choice to enable or disable ‘Device frame’.

Device frame is the hardware side of viewing angle. You can expand ‘show advanced settings’ to go for advanced configuration but in most of the cases, this is not necessary. Then click ‘Finish ‘to return back to ‘Your Virtual Devices’.

Now, we reach the main windows of listings of virtual devices. Here, you will find our new android device such as ‘myEmulator’ and here you will see we have ‘Android 7.0’ arm central processing unit with 650MB RAM as we have distributed, 1000MB RAM as we would expect the system had taken 350 RAM so for the sake of other performs we have now 650 MB RAM.

In this way, we have created successfully our new android device namely ‘MyEmulator’. We can launch this AVD in emulator through the arrow button at the end of the name of the emulator. Click it and wait for sometime to the emulator to work.

Launching of emulator takes time in accordance with the speed of your computer and hardware configuration of the computer. Within some time one Android device will come up in a separate Window.

We have created a new AVD and launching of this AVD do take some time for the first run and subsequently, it does not take that much time to run from the second run onwards. While opening up android simulator two or more processes does run in the background and that can be seen from the footer of Android Studio.

After AVD runs and then gradle device runs and then the background process is waiting for the target device to come online which means the apps which we have just built within Android Studio will slowly be converted into apk files and then run within these console or android simulator.

Android files are apk files which are similar to that of dot exe files of windows computers. Sometimes running of preview do take longer time due to presence of infinite loops inside app and for this it is important to refresh the layout so that running and launching of app should come out within seconds inside of android app and it is important to run the android simulator once again without closing the window of android simulator in order to launch the entire android simulator and its functioning.

In the second series of the launching of simulator the installation of APK which is the form of the app which we have constructed, should take some time and after that you could see your app is running inside the simulator. Which means this will be the prototype of our app with android 7 which should be compatible with all the other android versions up to android 4.01.

In this simulator, we have completely new android 7 which work in the normal way, and most of the normal android works can be done and with its stacked android web browser even one can browse the internet and do other forms and this means it is a complete Android system.

In this way we can run ours android app and see how it is performing and that means in a completely wonderful way we can see and find, how ours apps are performing in an better or inferior way so that ultimately, we do not have to go to physical android device and then test side by side how ours app is running and instead we do not have to search for android 4, 5,6,7 devices as we could do this all here with this simulator and in the future we would be reading about how to create log files, and then see how the functioning of app is there with complete and clarity in finding out how the app is performing.

1 2 3 4 5