Category Archives: Customization

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:


Related Posts:

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

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 6