Hey guys! This would be my second weekend post in 2013, isn’t that great? 😛 I am trying to cover up with the mobilepress customization and or may be some other stuffs along the way. Since mobilepress is one of wordpress most popular mobile themes, we shall be discussing about it and trying to make it more beautiful and more customizable.
A blogger was discussing with me via Facebook; he told me that he love how I made my commentators gravatar appear on my mobilepress comment section area and asked if there is any plugin for it . I told him that it was customized by me and he told me that he is interested to learn it. So instead of just telling him, I decided to make it my today’s post because the process is not that easy to type without a proper work through and I also know that many other mobilepress users will love to learn how this works.
I made that possible with the help of some hand coding, yes! I called out the gravatars using some strings I am about to show you guys. Are you afraid of getting your hands dirty with your codes Don’t worry because this tutorial is going to be short and very simple, why? Because I am going to be doing it in two steps and the steps will be very well explained.
√ First step will be on how to implement the code directly (For those like me who love playing their codes)
√ Seconds step will be for the ordinary bloggers who don’t like messing with code (The non-techie kind)
So if you’re ready to make this work, let’s proceed to the main aim of our post…
How To Enable The Commentator’s Gravatar On MobilePress Comment Section
Must Read: Top Reasons You Are Not A Successful Blogger
Go to your C-panel and locate where you installed your wordpress. I installed mine in Public_html so I will go to my comment.php by clicking; Public_html → wp-content → plugins → mobilepress → system → theme → default
Are you in the mobilepress default folder? If yes search for the comment.php and click it to edit it with your c-panel editor or you can as well download it to your desktop and edit it with your favorite code editor.
Now in the comment.php codes, locate the below code
<div id="comment-<?php comment_ID(); ?>">
Have you seen it, if not simultaneously press the ctrl+f button to bring out a search box. Now it will be easy to search for it, right? If you have finally seen it, copy the below codes and paste below the above code.
<div style="float: left; margin: 5px; border: 3px solid white; background: #fff;"> <?php echo get_avatar( $comment, 32 ); ?> </div>
Have you done that? If you have, save the code and you are through with the edit. Check your mobile post view and you will see your commentator’s gravatar. It looks awesome right?
If you don’t know how to play with your codes but you can access your c-panel, then follow this simple step.
First download the comment.php file here Customize_comment.php_form (Note: File will be deleted by the end of the month)
You might want to note that: The comment.php is in the zip file you downloaded, so after download, extract it to a specified folder.
Now in your public folder, go to wp-content → plugins → mobilepress → system → theme → default
Are you there? Click the upload button located above your cpanel (or wherever they are) to take you to your uploading page → browse to where you save the “comment.php” file and click overwrite existing files. [see image]
Have you thick it? Now click the upload button and you are done. Go check your mobile comment and see how the faces of your commentators will show, isn’t that great?
Why you need this? To make you stand out and different from the rest mobile theme users 😀 …
FOR NONE MOBILEPRESS USERS
I know most of my readers are not using mobilepress but still, I’ve got like a question for you guys; if you’re not using mobilepress, it’s either you have not heard about it or you are using a responsive theme, right? Now my question is; can you truly customize the mobile version of your blogs’ theme? If yes, how do you do it? Please do let us know by using the comment box below so it will benefit more people reading this 😀
Must Read: The New Blogger Blog HTML Editor
If your theme is not responsive and you’re not using mobilepress, which other mobile theme are you using? Please do let us know by using the comment box below.
Do you have contribution, questions, comments or thoughts you’d like to share with us? Please use the comment box below to drop them. Remember that your comments, contribution, questions and thought are highly welcomed and appreciated.
Was the tutorial understandable? Then please do click the like button, share us and recommend us to friends because you’ll never know who amongst your friends might be in need of a customizable mobile theme for their wordpress blog.
Please guys, do not forget to subscribe to our feed for your latest updates on the go