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:
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! 😉
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.
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
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.
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
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 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.
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.
Recently, 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.
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.
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
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 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.
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 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.
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
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
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
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 CodeCorrect 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 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 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. 🙂
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 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.
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.
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
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.
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.
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 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: 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 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.
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:
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.
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:
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.