Author: Aky

  • Health Website Design on Thesis WordPress Theme

    Health Website is a clinic dedicated in the treatment of patients to help them improve their health with effective methods and guidance. TheCreatology in partnership with our Project Manager Ms. Imie Belanger was consulted  for the complete redesign of health website and WordPress was best to fit in scenario. Do you Want to know Why you should prefer WordPress for your website ?

    The package included thesis theme design with custom homepage, integrated blog, newsletter subscription. and essential SEO settings. A nature fresh web design was prepared for health website and with few minor changed it got green signal. Website was crafted as per the approved design and soon content was published on it.

    Below you can see a screenshot of the Health WordPress Website:

    Jaconello.com -TheCreatology
    Click to Zoom

    If you want something similar for your health website design, you can either hire me or you can use the contact form below and I will get back to you asap! 😉

  • Tutorial to change Excerpt Length Size of Teaser in Thesis Theme

    You must be wondering when Thesis Theme offers great features, why there is no feature to adjust excerpt length on homepage ? Same question knocks my mind too, but I couldn’t find a good reason to it. Instead, I found an alternative to adjust teaser post length and in this article we will learn how to change excerpt length of teaser in thesis theme.

    Change Teaser length in Thesis Theme
    Post Excerpt of Teaser in Thesis Theme

    But before we go ahead with the tutorial, I recommend you to update Thesis Theme. Don’t know how to do that ? Well, it is simple, just refer to article Safely upgrade to latest version Thesis 1.8 ? If you don’t have Thesis Theme Copy then you can also Download Thesis Theme.

    Analogy behind Excerpt Length of Teaser

    One thing I like about customizing WordPress, is its filter feature, with which you can override any default function of WordPress. So, analogy behind adjusting excerpt length is too using WordPress filter and overriding it with another filter with new parameters.

    Change Excerpt Length in Thesis Theme

    To change excerpt length on homepage, add the below code in custom_functions.php in Thesis Theme.

    NOTE: Make sure you take full backup of custom_functions.php file using FTP before modifying it or you can also refer to the article about how to safely edit custom_functions.php

    [php]
    // Teaser Length
    function teaser_length($length) {
    return 70;
    }
    add_filter(‘excerpt_length’, ‘teaser_length’);
    [/php]

    Once you have added above code in custom functions, refresh the website homepage and look for the teaser length. If it doesn’t satisfy you, simply adjust value on line number 3 of above code depending on your need.

    With this we come to end of this simple tutorial where we learned how to adjust excerpt length in Thesis Theme. If you have any query or further assistance is required, post your feedback as comment below.

  • How to add Google Like button in Thesis Theme WordPress ?

    You must be aware of latest development by Google, that is New GLike Button for social media. Somehow, if you missed the story, you may read my article on New Google Like button for website. There are a lot of plugins which are already out to add Google like button in WordPress Blog. But, for people like who rarely depend on such plugins, will surely find this article, interesting. In the following article we will learn to add Google Like button in Thesis Theme WordPress.

    But before we go ahead with the tutorial, I recommend you to update Thesis Theme. Don’t know how to do that ? Well, it is simple, just refer to article Safely upgrade to latest version Thesis 1.8 ? If you don’t have Thesis Theme Copy then you can also Download Thesis Theme.

    Google Like Button for Thesis Theme

    google-like-button-on-thesis theme
    Add Google Like Button On Thesis Theme

    When we talk of the custom coding, there are four variations of Google Like button developed to fit-in every layout of website. Google Like button in Thesis Theme can be added using thesis-hooks, the overriding functions. To show GLike button in single post, simply add  below code snippet in the custom_functions.php.

    NOTE: Make sure you take full backup of custom_functions.php file using FTP before modifying it or you can also refer to the article about how to safely edit custom_functions.php

    [php]

    function joe_adds_glike_btn ()  {
    if (is_single()) { ?>
    <div style="float:right;">
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <g:plusone></g:plusone>
    </div>
    <div style="clear:both;"></div>
    <?php
    }}
    add_action(‘thesis_hook_before_headline’,’joe_adds_glike_btn’);

    [/php]

    We’re Done

    Once you have added above code in custom functions, you can now refresh your post page, where you will see Google like button in single post similar to screenshot below:

    Google-like-button-on-thesis theme
    Google Like button in Single Post

    For any social media button, I really like this placement and believe me it is effective. Now that we have added Google Like button in Thesis Theme, we are done with the tutorial. If you have any query or further assistance is required, post your feedback as comment below.

  • How to block spam comments on blog using htaccess ?

    If someone is continuously spamming on your website, you feel like hitting that spammer with baseball bat. Relax! Don’t do that as I have an easy way to block spam on website for you.

    Block SpammerRecently, I shared an article on to block spam using Akismet Plugin on WordPress. Akismet plugin’s Spam filter is though very strong but sometimes people submit spam comments in genuine way to get back links. Being dependent on the Plugin, we are left with nothing to do but manually delete spam comments or you can use htaccess to block user to comment.

    Why htaccess is useful ?

    As we all are aware of htaccess file which adds security attributes to web directory where every browser reads htaccess file before loading website on client end. For instance if you want to disable web directory or password protect web directory is possible using Htaccess method. Similarly if you want to block IP Address to restrict visiting website, we will have to use htaccess method. And in this scenario we will be using htaccess code to block comment.

    htaccess code to Block Spam Comment

    When someone comments on your website, you can trace that person using IP Address. And if someone is spamming on website, then you can simply restrict user to access website using IP Address. Below is a simple procedure to block spam comment using htaccess.

    • Login to your WordPress Admin Area and Navigate to Dashboard > Comments.
    • In the list of comments you can get the IP Address of the users, just like in the screenshot below.
    Get IP Address from User comment
    IP Address from User comment
    • Once we have the IP address, we are ready to create htaccess file.
    • Go to root directory of website using FTP and look for HTACCESS file. (In some hosting it is hidden, so make sure you tweak the visibility in your FTP Client)

    NOTE: Make sure you take backup of htaccess before modifying it.

    • If there is no HTACCESS file present, then you can simply create a new text file and rename it as “.htaccess”.
    • Now open HTACCESS file in any text editor and add below code to block spam comment user.

    [php]

    order allow,deny
    deny from 121.222.238.58
    deny from 223.177.240.5
    allow from all

    [/php]

    The above code will block two IP Address that is 121.222.238.58 and 223.177.240.5. Sometimes, spammers use a whole of a series like 121.222.238.23, 121.222.238.24 and so on. In this case you can simply use the below code.

    [php]

    order allow,deny
    deny from 121.222.238.
    allow from all

    [/php]

    Now, the above code will block whole series of IP address starting from 121.222.238.2 to 121.222.238.254

    • Once you have added the code in HTACCESS file, save it and we are done.

    We’re Done!

    Stopping spam comments on website has always been a challenge for administrator and it will always be a ping-pong game. Let us know what measures do you use, to stop spam comments on website ? by posting a comment below.

    If you have any query or further assistance is required, you can post comment as your feedback.

  • Tutorial to add Google +1 Like button on WordPress Blog ?

    After the launch of Twitter Follow button for website, it was Google who came up with their +1 Like button on social media. Google like button helps your online contacts, friends to find the best stuff when they Google search for some stuff. Its being said that Google like button will be in good competition with Facebook Like button in the coming times.

    How +1 Google Button Works ?

    Google Like button
    Google Like button

    As I mentioned above, Google +1 button is a recommend button and it works more like a Vote button. When you click Google +1 button on website, it add recommend that particular page on Google Search Results. When any of your Google contact or a friend searches for relevant article, Google displays that article, with your vote and a small photo in search result, just like in screenshot below:

    Google like button Working
    Google Search Results

    Google Like Button Code for Website

    In WordPress, blog placement for Google like button on single post is effective, as usually a visitor will only share it after going through the post. There are 4 different types of Google Like button developed to fit best on your website. Below is the Google like button code for WordPress to add Google +1 Like Button on single post and you can add the code in single.php file.

    Make sure you take full backup of single.php file using FTP before modifying it.

    [php]

    &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
    &lt;g:plusone&gt;&lt;/g:plusone&gt;

    [/php]

    If the above code doesn’t fit in your theme layout, you can play around with 4 different set of buttons, click here to know more.

    We’re Done!

    Once you have updated the code, save single.php file and upload it on server. Now you can refresh any single post on website, it will look something like in the screenshot below:

    Google Like button preview
    Google Like button in Single Post

    Isn’t it looking cool ? Welcome, now that we have learned how to add new Google Like Button on Website. Let us know your opinions about the Launch of New Google Button in Social Media, by posting a comment below.

    If you have any query or further assistance is required, you can post a comment as your feedback.

  • How to safely edit Custom Functions file in Thesis Theme ?

    I have already shared many Thesis Theme Tutorials here, but the most common feedback received is “My website crashed while editing custom functions file, Please help!” which I believe is a Human error. While Acknowledging those comments, sometimes get so redundant and leaving me with no other choice.

    Thesis Custom Function error
    Thesis Custom Function error

    DIY Thesis Theme offers flexibility of customizing to meet your requirements. Editing Custom_Function.php features to customize layout of website and functionality while Custom.css take cares of the look and feel of the website. Custom Functions is very sensitive file of Thesis Theme as any wrong code may result to fatal error, hence crashing your website. In the article we will learn how to safely edit custom_functions.php file in Thesis Theme.

    The tutorial requires updated versions of WordPress and Thesis Theme. If you are using old version of Thesis then you can refer to article Safely upgrade to latest version Thesis 1.8 ?

    Where is Custom Functions file located ?

    As mentioned above Thesis Theme is a raw theme and offers flexibility to customize as per your requirements. Custom Functions file is located in Custom Folder of Thesis Theme Directory. You can simply edit custom function file using the Thesis Custom File Editor. Refer to the screenshot below:

    Thesis Custom File Editor
    Thesis Custom File Editor

    How to edit Thesis Custom_Functions.php file ?

    Editing custom functions is easy just like bread-butter with some vegetables and mayonnaise. But if you miss something, it will not taste good, on the complimentary, adding wrong code or missing any operator will lead to fatal error and crashing your website. Below is a handy procedure to safely edit custom functions file:

    • Login to WordPress Dashboard and navigate to Thesis > Custom File Editor.
    • In the drop down list under “Current editing text:” Choose custom_functions.php and click Edit Selection button next to it. Refer to screenshot below:
    Edit Custom Functions Thesis
    Edit Custom Functions Thesis
    • After clicking the edit selected button, you will be redirected to edit Custom Function file. Now that was easy, isn’t it ? Play safe. 🙂

    Safely Edit the custom_functions.php

    To be on the safe side, you can refer to below set of points which are regard to avoid common error while editing Custom_Functions.php file.

    • Make sure to take backup of custom folder using FTP before making changes.
    • Make sure you don’t miss any php operator. Check out the screenshot below:
    Wrong PHP Code
    Wrong PHP Code
    Correct PHP Code
    Correct PHP Code
    • Make sure you don’t use redundant function names or thesis hooks.

    These are some common mistakes which we commit and that you are aware, it can be taken care of. With this, we come to the end of tutorial How to safely edit Custom Functions file in Thesis.

    If you think I missed any point here, you can share here with us by posting a comment below. Sharing knowledge can only make you and me perfect. 😉

  • Twitter launches New Follow Button for Website

    Twitter is doing everything to keep itself in competition with Facebook. Just like the Facebook Like Button, Twitter has launched New Follow Button for Website. Using the new follow button on website, it will directly follow the twitter account and instead going to the twitter profile and then clicking Follow Button. Check out the screenshot showing Britney Spears’ Website using New Twitter Follow Button.

    britney-spears-website-using-follow-button
    Britney Spears Website using Twitter button

    Especially for the publishers, new Twitter Follow button on blog will increase more number of Followers than the retweet button, as it’s just click –a –way. 😉 I think Twitter button will be more efficient and powerful than a Facebook Like Button. If you are looking forward to add new twitter button on website, you can configure it right here.

    Do share your opinions, about the launch of new twitter button, by posting a comment below. 🙂

  • How to install Akismet to block spam comments on blog

    WordPress has some great features and plugins to maximize blogging potential. You can also read Why you should prefer WordPress for your website ? to know more about WordPress. In that article, one extended feature of WordPress is to block spam on blog. For spam protection, there are many WordPress plugins available which help restrict spammers to comment on your blog.

    No-Spam using akismet
    No Spam Comments Anymore

    Akismet is one great Plugin which comes by default in all WordPress installations. But Akismet is not capable of working of its own, so you will have to install and configure Akismet plugin. In the article we will guide you how to install Akismet to protect your blog against spam.

    Below is a simple procedure, you just need to focus a bit.

    Step 1: Install-Activate Akismet Plugin

    As mentioned above, Akismet plugin comes pre-installed with the WordPress Installations. So we are just required to Activate the Plugin, and you can do so by Navigating to WP Dashboard > Plugins. You will find Akismet Plugin in All listed Plugins, Click the Activate button, similar to screenshot below.

    step1-activate akismet plugin on wordpress
    Activate Plugin

    Great! You have now activated the plugin.

    Step 2: Get Akismet API Key

    On activating the Plugin, you will see a Yellow highlighted message on the top of the Dashboard saying “Enter you WordPress.com API Key”, very similar to screenshot below.

    step1-configure akismet plugin on wordpress
    Akismet Configuration Alert

    Click on the link, an it will direct you to Akismet Configuration where you will be required to enter API key. You can get API key from Akismet by registering an account with them. It’s free for personal blogs! 🙂

    Get Akismet API key
    Get Akismet API key

    Alternative way is if you have saved your old WordPress.com API key then you can use that as well. Once you have the API key, proceed to Step 3.

    Step 3: Configure Akismet to Block Spam

    Now that we have the API key, we are all set to configure Akismet to Block spam commenting.

    • Click on the “Enter you Akismet API key” highlighted message, once again.
    • On Akismet Configuration Page, paste your Akismet Key in text box, and click Update Options button.
    • Now, once the options are saved, your API key will be verified, and if API key is valid you will see Green Signal, similar to screenshot below.
    step3-API key Valid akismet plugin on wordpress
    API key is Valid, Akismet Configured!
    • If Akismet key is not valid, then you go to Step 2 and get a valid API key.

    Congrats, we have successfully configured Akismet on WordPress blog.

    We’re Done!

    Setting up Akismet Plugin is though easy task, but Akismet is a powerful plugin to block spam comments. Installation of Akismet and other essential plugins for WordPress, we offer to setup for you in WordPress Free Setup package.

    Which plugin are you using to protect spam on your blog ? If you have any query with the article, you can send you feedback by posting comment below.

  • How to add Twitter @Anywhere Hovercard on WordPress Blog ?

    Keeping itself active in Social Media World, Twitter has its development kit ready for your WordPress Blog. Just like the facebook like button, twitter now allows to integrate their features on WordPress website. The feature is known as @Anywhere, and can be implemented using a few lines of JavaScript Code.

    anywhere twitter hovercard for wordpress
    @Anywhere Twitter Features

    In the article, we will learn to implement @Anywhere feature and add twitter hovercard on WordPress blog. I should not make you wait, just follow the simple steps below:

    Step1: Register Twitter Application

    In order to integrate @anywhere feature on website, you will be required to register an application. On register an @Anywhere application page you will have to fill-in details for Name of the Application, Website URL etc. You can also refer to the screenshot below:

    step1-create application
    Step1: Register an Application

    Submit the Application by clicking Register Application button, and further it will be redirected to the application page. In this page, you will find all details about the Application like API key and Registered Callback URL, similar to the screenshot below.

    step2-get api key
    Step2: Get Twitter API key

    Keep the API key of twitter application handy, as we will be using it in Step2.

    Step2: Adding @Anywhere in WordPress

    To add @Anywhere feature in WordPress blog, twitter provides a Javascript code which should be placed in HEAD Tag in header.php file. Incase you are using Thesis Theme then you can add the code using Thesis Site Options. (If you are concerned about Page Load time, then you can also add code right before the closing of BODY Tag in footer.php file.)

    Below is the twitter @anywhere code snippet, which you can add it in your Custom Theme or Thesis WordPress theme. Make sure you take backup of Header.php or Footer.php before adding the code snippet.

    [php]

    &amp;amp;lt;script src=&amp;amp;quot;http://platform.twitter.com/anywhere.js?id=YOUR-API-KEY-GOES-HERE&amp;amp;amp;amp;v=1&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;
    &amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;quot;&amp;amp;gt;
    twttr.anywhere(function (T) {
    T.hovercards({ expanded: true });
    });
    &amp;amp;lt;/script&amp;amp;gt;

    [/php]

    For Thesis Theme you and paste the above code in Site Options under “Stat and Tracking Scripts”.

    Once you have added the code, it will enable Twitter username Auto linking and Hovercard feature on your website, that is, it will auto link Twitter usernames anywhere on website, to their twitter profiles. For instance, you can add Text Widget and put twitter username  with “@” symbol just like this “@akyjoe”. Once done, refresh the website and you will find something similar to the screenshot below:

    Twitter Hovercard Demo
    Demo: @Anywhere Hovercard Feature

    We’re done

    @Anywhere Hovercard feature can be effective, if there is a twitter feed on your website. As twitter feed will contain usernames which will be auto linked and will display twitter profile by Hovercard feature.

    What do you think about @Anywhere Hovercard feature ? You can share your opinions here by posting a comment below.

    If you have any query or further assistance is required, post comment as your feedback.

  • Auto Blog Website Designed for Steeroids using Thesis Theme on WordPress

    Steeroids is an Auto Blog designed on Thesis Theme powered by WordPress. Steeroids is for Auto enthusiastic people, around NCR and India. The blog covers news and information about Automotive happening, Automotive Reviews, Modified Cars and Latest Trends in Car Industry. The Founder of Steeroids contacted thecreatology for the website design services. The project package included customization of  thesis theme, configuring  social media plugins and other basic SEO settings.

    Automotive blog design reflects sporty and modern touch, so keeping that in mind a rough sketch was prepared. After couple of refinements, blog design was finalized. In the below screenshot you can see Steeroids Blog Design:

    STEEROIDS-auto-blog
    Mockup Design for Steeroids

    Featured Content Slider for auto blog was an extra advantage for showcasing various Car Modifications. Thesis Design options, made everything so easy and less time-consuming and with no further delays, Auto blog thesis skin was developed and published online.

    Click here to visit Steeroids website live in action and let us know your perspective, about the design, by posting a comment below. If you want something similar for your company website design, you can contact us, by filling the contact form below.