Auto Added by WPeMatico

Get the Best Out of Your Best: 25 Finest Premium WordPress Themes

The saying ‘You get what you pay for’ applies perfectly for the finest premium WordPress themes. These themes are packed with plenty of features that help you in creating all sorts of websites on WordPress. There are thousands of great themes out there but finding the one that will match perfectly with your need seems like a challenge.

So in this post, we are sharing some fresh and beautiful premium WordPress themes that will help you in finding the best one. These premium themes are best to work with in 2015 because of their features include a shortcode generator, responsive design, and custom widgets, etc.

You will find all kinds of themes ranging from portfolio, magazine, personal blog, music, video, and business themes in this shared list. The good thing about premium themes is that it’s always responsive so it can easily adjust with every screen resolution.

Responsive website design is very essential for the success of brand which is looking to start its business. Premium themes are also SEO-ready so you don’t need to worry about getting your site visible on search engines. But the only thing required is to choose a premium WordPress theme that has such features. So take a look on the list below and choose your favorite one!

1. Zen

Zen

2. ImgBlog

ImgBlog

3. NewsCore

NewsCore

4. Ados

Ados

5. Flipbox

Flipbox

6. Trendy Travel

Trendy Travel

7. Flatize

Flatize

8. Sportify

Sportify

9. Pearl

Pearl

10. Ernesto

Ernesto

11. AMY Theme

AMY Theme

12. Frover

Frover

13. Margot

Margot

14. Quantum

Quantum

15. Cadillac

Cadillac

16. Wunderkind

Wunderkind

17. Akast

Akast

18. Jollyany

Jollyany

19. This One

This One

20. DOIT

DOIT

21. Nerva

Nerva

22. Himeros

Himeros

23. Kitai

Kitai

24. The Agency v2

The Agency v2

25. Spaces

Spaces

All the premium themes featured above can be easily used without any geek skills. Every one of these themes has highest quality that will suit your website. If you want, you can also make adjustments to the theme accordingly.

So I hope you have founded what you were looking for. If you like to share something with us, just leave a comment below.

Powered by WPeMatico

Integrate Images from Your Instagram Feed to Your WordPress Site

Instagram has become one of the best apps and web platforms for photo and video sharing. If you have a WordPress site, you might be wondering how you can embed Instagram photo galleries and integrate images to your blog.

To help users integrate their photos to their blogs and websites, Instagram has released a public Application Programming Interface (API).

It is a seamless software-to-software interface which specifies how some software components should interact with each other without user involvement during the passing of information.

If you are not a developer, this might scare you and you might think that integrating Instagram photos and videos on your WordPress site is a rocket science.

Worry no more. This article will serve as a guide for both beginners and advance WordPress users on how you can integrate Instagram to the WordPress site using the Enjoy Instagram WordPress plugin.

Resource You Need to Complete This Tutorial

STEP 1 – Installing the Enjoy Instagram WordPress Plugin

To start off, install the Enjoy Instagram Plugin. To do this go to Plugins ->Add New and search for “Enjoy Instagram” WordPress plugin.

install

Next, click the “Install” button and afterwards the “Activate” button to activate the plugin.

activate-plugin

STEP 2 – Registering Application Using Instagram API

Now that you already installed the “Enjoy Instagram” plugin, register a new application on Instagram to be able to use its API.

To do this, first login to your Instagram account and then go to this URL: http://instagram.com/developer/

register

Next, click the “Register Your Application” button. You will be prompted to the “Developer Signup” screen.

Now go ahead and fill up the fields with your WordPress site domain, your phone number and your reason for creating the API.

Don’t forget to accept API Terms of Use and Brand Guidelines by clicking on the check box below the fields before clicking on the “Sign Up” button.

accept

STEP 3 – Registering a New Client

Now that you have registered your API, create a new client to get the API Client ID and Client Secret ID.

To do this go ahead and access this URL again: http://instagram.com/developer/

Click on “Register Your Application” button again.

register

Next, click on the “Register a New Client” button on the top right side of the screen.

register-a-new-client

You will be prompted with the “Register a New Client ID” screen. Fill up the form needed to continue and enter the Captcha details before clicking the “Register” button.

register-a-new-client

Note: You can get the OAuth redirect_uri by going into the plugin settings page on your WordPress Admin panel.

To do this, just go to Settings->Enjoy Instagram and you can copy the OAuth redirect_uri provided for your site.

settings

outh

After clicking the button, you’ll be redirected to the “Manage Clients” page which will contain your Client ID and Client Secret ID for your WordPress Site.

server-manage-clients

STEP 4 – Copying Client ID and Client Secret ID to the WP Site

Now that you have already gotten both Client ID and Client Secret ID, it’s time to paste then on the Enjoy Instagram settings page.

To do this, from the “Manage Client” page on Instagram, copy the Client ID and Client Secret ID and paste it to the form where it says “Enter your Client ID and Client Secret ID”.

31

Finally click the “Authorize Application” button to save it. You will be redirected to the Instagram’s API access request page. Click “Authorize” button to continue.

blurred

After all these steps, you will be then redirected on the plugins success page on your WordPress site, indicating that your Instagram profile has been successfully integrated.

test

STEP 5 – Creating Widgets to Display Instagram Photos on the WP Site

OK, great! You’ve successfully configured the API for Instagram. The next thing to do is display the Instagram photos on the sidebar with the use of widgets.

To do this, go to Appearance ->Widgets. Add the “Enjoy Instagram Grid Widgets” on the main sidebar and configure it to your preferred settings.

6

Now, if you are going to check on the front page, you’ll see that your Instagram’s photos are already displaying on the sidebar of your site.

7

Additional Option: Displaying Instagram Photos via Hashtags

If you prefer to display photos using hashtags instead of your own photos, you can navigate on the Enjoy Instagram settings page under “Settings” tab. Just click on the hashtag radio button and enter the hashtag you prefer.

8

Note: Don’t forget also to click on the hashtag radio button on the the “Enjoy Instagram Grid Widgets” when adding it on the sidebar.

Conclusion

Enjoy Instagram is a flexible Instagram plugin that lets you display your images in a grid or a carousel. What is more great about this plugin, aside from the hashtag additional option, it is also optimized for mobile devices which offers touch support to mobile users .

What tools do you use to easily display Instagram images on your website? Let us know in the comments section below.

Powered by WPeMatico

Marks of Creativity: Reasons Why You Must Own a WordPress Blog

Almost everyday, thousands and thousands of bloggers busy creating, writing and publishing their own set of creative juices over the Net. It is now becoming a fad to the web industry. Blogging, or having your own WordPress blog, can be all about fun and freedom; it has become a helpful tool and served many purposes.

  • It helps an individual inspire to live a good life.
  • It helps an individual create a sense of branding or identity.
  • It helps an individual understand the little spice about the day-to-day ups and downs.
  • It promotes business.
  • It is changing the face of public relations and advertising.

What is a “blog”?

blog

“Blog” is short for weblog. This is a term used to describe websites that maintain continuous mainstream of information and ideas. A blog features daily “diary” commentaries and may have links to articles of other websites.

Tips you need to know before you start blogging:

  • Define the blog’s purpose
  • Learn to encourage reader response
  • Know the pros and cons of a blog design
  • Learn how to build a blog
  • Learn more about writing catchy and interesting content
  • Develop your blog writing voice and style
  • Know some tips on writing with keywords and search terms
  • Understand how to dealing with comment spam and destructive comments
  • Explore new SEO techniques
  • Learn some tips to prevent blog burnout
  • Learn about the rights of a blogger
  • Tips on online social networking and interaction.
  • Learn how to respond to copyright violations.

6 Reasons Why Everyone Should Have a WordPress Blog

Does this question tickle your curiosity? If yes, then you’re at the right place and time.

In this article, you will learn why you should you have a WP blog. The icing on the cake about WP  blogging is that it is easy to use and flexible enough for just about anything.

This is one of the reasons why most people around the globe have their blogs in WordPress. Based on a survey, WordPress powers 22.5% of all websites on the Internet.

A WP blog is a must for everyone

  • It is highly customizable

WP directly meets the demands of numerous users. It allows everyone to create and modify layouts and applications. Infused with some user-generated extensions, a website is no longer limited by extensions.

WordPress themes are easy to customize because the platform has an options panel that can modify every element of the blog site without writing any code at all.

  • It can handle different media types

Being not limited to encoding text, it comes with a built-in support to cater images, audio, and video content. A WordPress blog is content-rich because it supports embed-enabled websites. It has the ability to put URLs from sites such as YouTube, Instagram and Twitter.

  • It has lower setup and maintenance cost

low

Customization is cheap and the maintenance cost is less compared to other open-sourced CMS. Static websites can have instances of locking down and it will cost a lot of money just to tweak them after initial development.

  • It’s open-sourced with room for expansion

There’s no cost involved in downloading, installing, and upgrading. WordPress can be self-hosted. There are more than 20,000 WordPress plugins readily available to be installed. Moreover, it has an easy website backup & restore functions.

  • It is search engine-friendly

user friendly

Of course, everyone wants a blog that is search engine- friendly. WordPress uses standard and high quality code and makes semantic markup, which makes your site very attractive to search engines. Talking about design, WordPress is SEO-friendly too.

  • It is accessible to everybody

WordPress was developed for non-tech savvy bloggers. Most of the user-interface attributes are user-friendly. Written and recorded manuals are available to gauge individuals how to use WordPress.

Why WordPress Is Better Than Joomla and Drupal

According to WordPress, there are different types of blogs, some of the categories are popular ones.

Here are some points why WordPress is better among others.

  • WordPress has been around since 2003.
  • It has the most sought-after tools for most bloggers.
  • It has an extraordinary features which others generally don’t have.
  • It has also become the content management software of choice by most non-blogging websites.

Support

support

Considering the support system, there is nothing you can ask for. It has WordPress support forums that answer every single possible question an individual could have.

Drupal, on the other hand, is far behind  WordPress when efficiency is concerned . It has a good support system, yes, still, the availability of modules to convert the system is little.

Joomla has a relatively low support for add-on development.

Usability

With every update that WordPress pushes out, the dashboard, editor and overall CMS all get even better. If you want to build a user-friendly content management system, WordPress makes adding content as easy as using a simple rich text editor.

On the other hand, Joomla is still not user-friendly enough for everyone to understand. Many users, beginners especially, are terrified by Joomla’s multitude of possibilities and functions.

For Drupal, user interface is difficult to familiarize with, especially for non-developers.

Search Engine Friendliness (SEF)

WordPress is so SEF-friendly that no other platform will allow the individual to install, host, design and customize an SEO-friendly website for under a few hundred dollars. Basics are included automatically and more control can be achieved through plugins.

Sad to say, Joomla needs a work-out to be search engine-friendly. If you want to incorporate additional meta tags, configuration will not be so easy and complete but you can still extend it by installing some necessary modules.

For Drupal, most of its attributes can be configured but most of it must be done manually for each page. It is time-consuming.

Options

Bookshelf

When it comes to options, WordPress provides multitude of options no matter what the business objectives, level of involvement or budgetary constraints are.

In Joomla, moderate control over most aspects of layouts is highly needed but some content cannot be modified or filtered.

With regards to options for Drupal, the script is not very user-friendly; it requires advanced knowledge to install and modify.

Customization/Design

Who wants limitless designs and modifications? WordPress offers thousands of themes and plugins. Just choose and feel free to customize the design and functionality of your WordPress website. It is incredibly easy.

On the contrary Joomla, it has some frustrating compatibility issues that may occur between some of the plugins. It is impossible to get some functionalities without some serious work on the PHP coding.

In the case of Drupal, it can be extended to do anything but it will require a lot of time to implement all features. It has access to all HTML elements for customization but takes a bit longer to theme them completely. If you’re used to older systems, getting used to this script will take some time.

Why Abandon Blogspot and Go for WordPress

abandon

Although there are many widgets available on Blogger, there are features that are not quite the same with WordPress. This means there are less options for customization. In addition, the Blogspot dashboard is not as intuitive as WordPress, though.

However, there is a huge community of helpful WordPress developers who continuously develop different plugins to enable more functionality on the blog.

Low Key Points of Blogspot:

  • Poor themes and designs
  • Hard to customize
  • Poor networking

toolkit

Blogging Tools

Blogging will never be the same again with the help of these amazing blogging tools. Let loose. Try some :

Blog Out

WP blogging can change an individual’s way of life . But it really depends upon what an individual wants to do. But if someone is craving for interaction and wants effort contribution on a day to day basis then consider WP blogging. It’s worth the choice. How about you?

Powered by WPeMatico

The Ultimate Guide to Podcasting Using WordPress

Podcasting has been popular for some time now, especially among the techies. You may have read a lot of articles on how to start a blog, but how can you take advantage of your WordPress blog to convert it and try to start podcasting? Here’s your must-read guide to podcasting using WordPress.

Now that things are beginning to be put online, it’s becoming hard to imagine how and why some companies and individuals are not uploading anything on the Internet.

Podcasts are online audio and video content delivered to users via Really Simple Syndication (RSS) feeds.

There are still more ways to make use of podcasts these days. You can now take advantage of this technology in either of the following ways:

  • Self-Guided Tours
  • Playing Music
  • Airing Talk Shows
  • Training
  • Storytelling

Now, one of the many benefits podcasting offers is that listeners can play this content wherever and whenever they want.

Because of the popularity of podcasting, it has turned journalists into bloggers, and radio personalities into podcasters.

In addition, WordPress has been opened as an avenue not only for blogging but for e-commerce and podcasting as well. It is very easy for a blogger to both perform blogging and podcasting activities.

focus

Things to Prepare

  1. WordPress Site
  2. Audio Player Plugin
  3. FeedBurner
  4. iTunes account
  5. Image Artwork (1400×1400 px)
  6. (Optional) S3 Amazon or Libsyn podcast account

*Disclaimer: This is the least costly method I know that will help you spark up your podcasts. Mostly, these are free services with the exception of your podcast host accounts (in S3 Amazon or Libsyn) and probably, your WordPress site. I’m also assuming that you already know how to start a WordPress site. If you happen to have no idea at all about this, click here.

Let’s start!

Preparing Your WordPress Site:

Let’s face it. Not everybody owns an iPhone, iPad, iPod. Not everybody even has iTunes installed in their computers. Having said that, it’s safer that you resort to hosting your podcasts in a platform that can be available to everyone.

Good thing, WordPress is the perfect fit for that. WordPress has been a potent tool in sharing content. Its uses extend from simple text-based information to rich and dynamic data such as audio and video.  Plus, with the variety of plugins and tutorials about WordPress out there, setting up everything and troubleshooting them is a cake-walk.

To prepare your WordPress site for podcasting, simply create a category by logging in to your account. Hover on “Posts” and a submenu appears. Click on “Categories” then add a new category named “Podcasts”.

You would also want to leave the “Parent” field to none. To finish everything, click on “Add New Category”.

Now that you already created a category, you will post all your podcasts under this one. The links to your podcasts from now on will be filed under: http://yoursitename.com/category/podcasts. Just take note of this.

Next thing you would want to do is to upload your audio files. Now you have a few options to do that.

Using a Plugin

  • Go to your WordPress Admin Dashboard.

1

  • Click on “Plugins” then, “Add New”

2

  • Key the phrase “Audio Player” in the search box and install the plugin created by Martin Laine.

3

4

  • Activate it.

*You also have the option to download the plugin to your computer and install it by yourself.

Other Plugin Options:

Using the Audio Shortcode

You can add a link from your website to a file from another site. You just have to link it to the WordPress audio shortcode ([ audio <space> link]).

You can upload files to your blog’s Media Library and be able to edit, add, or remove the Title, Artist, Caption and Description of the File. If you want to insert it in a post, be sure to select the option called “Embed Media Player” and then click the “Insert into Post” button. It will insert the Audio Shortcode.

Aside from this, you can also create playlists using your Media Library. Using several files that you have uploaded into your server, you can put together a list of podcasts that you want to play. You can even play them on your sidebars.

  • Add files to your playlist. (.mp3)

b

  • Once your files are uploaded, a “Create Audio Playlist” tab will be visible in the “Add Media Window”.

d

  • You can choose which tracks to include and insert in the post.

e

  • Click on “Create a New Playlist” and you will be taken to the “Edit Audio Playlist” menu where you can drag tracks to reorder them. You can also include details in your Playlist Settings , remove or include Tracklists, Artists, Names and Images.

Embedding the Podcast/Playlist on Your Sidebar

  1. From your WordPress Dashboard, hover on the “Appearance” tab.
  2. Click on “Widgets.”
  3. Drag the “Music Player Widget” to your desired sidebar.
  4. Click on the link to upload or choose your media.

Create a Download Link

Another option is to create a download link that will require you readers to download the file to their computers and play it there. This is easier, especially if you are too conscious of the file size of your podcast, but you also need to adhere to copyright laws.

Now that you have already uploaded your podcasts on your blog, they are now ready to be published.

Submitting Your Site to FeedBurner

A feedburner stands between your blog and iTunes. Being able to publish feeds is pertinent because it gives you options to easily migrate to other websites.

According to Google,

Feeds are a way for websites large and small to distribute their content well beyond just visitors using browsers. Feeds permit subscription to regular updates, delivered automatically via a web portal, news reader, or in some cases good old email. Feeds also make it possible for site content to be packaged into “widgets,” “gadgets,” mobile devices, and other bite-sized technologies that make it possible to display blogs, podcasts, and major news/sports/weather/whatever headlines just about anywhere.

That being said, you will be needing a feedburner URL. To do that, go to feedburner.com. For this link, you will be needing a Gmail account.

Google has centralized all services you need, so, having a Gmail account will be advantageous. You will eventually need it to use Analytics, WebMaster tools, AdWords, AdSense, YouTube, and, of course, FeedBurner.

After signing in, you will see a welcome message. Below this is an invitation to “Burn a feed right this instant.”

  • You will be needing your feed address there. (http://yoursite.com/category/podcasts)

feed1

  • Paste it in the address and add “/feed” at the end of it. Check “I am a podcaster!”.
  • Click on “Next.” In the case that you receive an error, that means your XML file is invalid. You need to check your blog is public (check Privacy Settings). Remember, private blogs can’t be submitted to iTunes.

feed3

  • Next, in the “Identify Feed Source” window, you need to select or confirm the appropriate feed. If you see other options, click on the one containing “category/podcasts/”.
  • Then, you need to review the feed article and address. You can always change or keep them. Click on “Next”.

feed5

  • You will now be directed to the “Congrats” page. From there, you need to copy the feed address. (It begins with feeds.feedburner.com and ends with the title you confirmed.
  • Click the Next button.

feed6

  • Afterwards, you need to tick on the check box next to “Include iTunes Podcasting Elements” in the “Configure Your Podcast” page.
  • You will also be asked to select the category and subcategory for this.
  • Click the Next button.
  • Next, you will be asked for the statistics tracking option. Click on “Next” afterwards.
  • You now have your feeds prepared for iTunes store.

Submitting Your Podcast to iTunes

Now that your post is ready and already published, it’s time to let the masses know. For this, you’ll be using the iTunes platform. As you remember, as mentioned earlier, that not everybody uses iTunes. Yes, that is true but iTunes is the most plausible of all the alternatives. If you really don’t like to distribute your work on iTunes, you have alternatives:

As said, iTunes will be the distributor for your podcasts. For this, you will be needing an account. iTunes may also require you to key in your credit card number. But don’t worry, it’s totally free.

Here are the steps:

  1. Go to Apple’s instructions on testing your feed and following them.
  2. Now that you confirmed that you can listen to your podcast using iTunes, submit your podcast.
  3. After submission, your podcast will be reviewed by the iTunes staff. That means your podcasts won’t be readily available.
  4. Once your podcasts are accepted, you will be able to get a link to distribute them through email or website linking.

Some notes on Files

  • Files can be hosted using your current server. It’s the easiest and least costly way to do so. However, when traffic increases, your server is prone to crashing and being permanently suspended.
  • Try using S3 Amazon or Libsyn

Bonus: Equipment You Can Use

To make your podcasts high-quality, you also need to invest in your equipment. Yes, content is all that matters, but bringing in the content in a better way possible is a game changer. Here are a few gadgets you may want to invest in.

Software:

Microphones

heil

rode

mxl

snowball-mic

Mixers and Audio Interfaces

multimix

mw12cx

Portables

zoom

Roland R-05

If you want to learn how to create podcasts, here are a few awesome people who could help you:

Here are some great podcasts for web designers and developers:

Conclusion

You are now ready to Podcast using your WordPress site! We here at 1stwebdesigner are happy to finally see how you roll on those podcasts. We hope that we have helped you in this. If you have some questions, feel free to ask.

Powered by WPeMatico

What You Should Tweak in Your WordPress Theme Options Page (But Forgot)

Every website or blog needs some modification in its theme. Only then can you make your blog to stand out from the crowd and bring traffic to it.

WordPress theme options page is a custom admin page that allow users to change theme settings without modifying the theme files. These theme option pages can be simple or have lots of customization split into either tabs or multiple pages.

Theme options are good for majority of the users; however, these options do have a tendency to confuse things on the development side. So if you are a WordPress site developer, here are some of the options that you should be including in your WordPress theme page option. Moreover, the article explains why you should include these features in the WP theme options page.

Avada is the best selling theme on ThemeForest, we are using it as example in this article. We have covered the most important options below. For further information, you can also check complete documentation here.

General Options

Responsive Option

General Options will let people control the look of their site. There are three main sections in this option: Responsive Options, Favicon Options, and Tracking Options

  • Responsive Option – needed to make your website design layout responsive or fixed. Responsive design will adjust your website on different devices, whereas fixed layout is for users who want to display the site in fixed width.
  • Favicon Option – needed to associate an icon with your website URL that represents your website’s favicon.
  • Tracking Option – adds a track code into the footer template of your theme that allows people to use services like Google Analytics, among others.

Header Options

Header Option

The Header Option lets users customize everything above the content area, including the menu. It has three main sections: Header Content Options, Header Background Options, and Header Social Icon Options.

  • Header Content Option – needed to change header design, slider position, transparent header and website’s logo, etc.
  • Header Background Option – required for inserting background image in header. Users can choose various options like, repeat and even modify the heading top and bottom padding.
  • Header Social Icon Option – needed for customizing the social icons that are displayed in header.

Footer Options

Footer Option

The Footer Options help in customizing the different areas of website footer. The footer tab has two sections: Footer Widget Options and Footer Copyright Option.

  • Footer Widget Area Option – needed if you want to set number of footer columns. This option will let you insert an image URL for footer widget area background.
  • Copyright Area Option – useful for displaying copyright text in footer. This option will also will also help you in displaying social icon on footer of page (if you want).

Background Options

Background Option

The Background Options will let you change background for box and wide mode layout.

  • Background Option for Boxed Mode – needed for changing the background colors and pattern. This option is also recommended to change the background image and how the image repeats.

Typography Options

Typography Option

The Typography Options let you to customize fonts. There are five sections in it: Custom Font for the Navigation Menu and Headings, Google Fonts, Standards, Font Sizes and Font Line Heights.

  • Custom Fonts – needed to use custom fonts instead of Google and Standard fonts.
  • Google Fonts – integrating Google Fonts lets the user choose fonts for body, menu, headings, and footer headings for Google Font directory.
  • Font Size – needed to change font sizes for different areas of the theme page including sidebar widget, footer widget and copyright font size etc.
  • Font Line Height – allows setting font line for body and heading of theme page.

Styling Options

Styling Option

The Styling Options are needed to customize the colors of your website. This option has five sections: Background Colors, Element Colors, Element Options, Font Colors, and Menu Colors.

  • Background Color Option – needed to modify colors for several page items including header, content, footer and copyright, etc.
  • Element Colors Option – lets user control the colors for button, sliding bar, footer widget, form, blog grid and social share box, etc.
  • Element Option – used to disable button text shadow, sliding bar text shadow and footer text shadow.
  • Font Color Option – needed for controlling the text color of buttons, header tagline, heading, body, link, sliding bar, footer heading, and footer font color, etc.
  • Menu Color Option – gives you the complete control over colors for menu background, font and header.

Blog Options

The Blog Option can be good if you need to publish blog posts related to the content. It can also be used for customizing different blog aspects such as layout, sidebar, excerpts and date formats, etc.

  • General Blog Option – allows you to choose the title, layout, sidebar position, excerpt length and pagination, etc.
  • Blog Single Post Page Option – allows you to have a featured page with no sidebar and other distracting content.

Portfolio Options

Portfolio options enable user to customize different aspects of portfolio page, such as the number of items per page, sidebar, excerpts and more.

Social Media

Social Media

Social media options can help if you want to display the social icons on your site. These will help grow your social presence; also, they will add to your network marketing efforts.

Contact Page Options

Contact Form

Most people use custom contact form plugins, but having a built-in option can be helpful for non-techie individuals. These options let you customize the contact page on your blog. This option has two sections: Google Map Options and Recaptcha Spam Options.

  • Google Map Option – added if you want to show a Google map, and having direction to your business address. This option also allows you to set the width and height of  the map.
  • ReCaptcha Spam Option – helpful for securing your blog or a website with public and private ReCaptcha.

Sidebar Options

Sidebar options are needed for customizing the width of the content area and sidebar. This option is also needed if you want to choose sidebar background colors to match your content.

Custom CSS Options

Custom CSS option will be needed if user wants to overwrite or add new CSS properties to the theme. The HTML themes cannot be modified; however, custom CSS provides the power to create a custom design.

Conclusion

Every popular WordPress Theme has a powerful options panel. It offers a great way for customizing the page that can be managed and understood easily. Many users don’t know what a CSS is but, they can easily use these options to change colors, headings, fonts, and more.

Any developer who is creating a website or a blog on WordPress should consider these options for the theme option page. Which of these options have you included in your theme option page? Please share your thoughts in the below comment section.

Powered by WPeMatico

Talk It Out: Best WordPress Live Chat Plugins for Easy Customer Access

The focus of this article is to provide you the best WordPress live chat plugins that you can use in your websites without any difficulties. There are many reasons to why using a live chat plugin will benefit your WordPress site or blog.

For example,

If you have a theme developing website, you are going to be asking the people to invest their dollars for your product. It’s only fair that you make yourself available to visitors to answer any questions that they may have. A research showed that having a chat feature on your site can increase the conversions by 44 percent!

Here are some benefits that you can have by adding a chat plugin to your site:

  • Live chat is convenient for the customers and provides an immediate access to help.
  • Live chat cuts down your expenses by lowering average interaction costs. It increases the efficiency by allowing live chat representatives to handle multiple chats simultaneously.
  • Live chat increases sales by immediately taking the customers through your product and sorting out any confusion they have that can make or break a sale.
  • Live chat gives you an edge on your competitor. According to a study, the cost savings and convenience for customers and staff make live chat a viable option for your business today as a freelancer.

So without delaying any further, here are some of the best free and premium WordPress live chat plugins that freelancers can use in their business.

Free WordPress Live Chat Plugins

Free live chat plugins bring a two-way communication with your visitors on site. You can easily host your own live chat sessions, interact with visitors and boost sales without needing any of third party Javascript.

However, a few free live chat plugins have some limitations such as you can’t log-in the chat room automatically, no full screen chat, and no Youtube video. But, as far as the chat goes, these free plugins are excellent to try!

1. Bankcle Chat

Bankcle Chat

Bankcle Chat is a WordPress plugin that provides a reliable, highly customizable, and economical platform for live chat. Besides giving live support to customers, it also keeps you updated regarding your site visitor activity and tracking.

You can also view the demographic and technical information of visitors. Bankcle can be easily integrated and configured, and automatically activates the free plan for your own account.

2. ClickDesk Live Support

ClickDesk Live Support

This WordPress plugin is one of the fastest live chat services available. ClickDesk allows the web visitors to click to call and voice chat with you (website owner) directly from the browser. Visitors can also dial the local access numbers available in 40+ countries.

You can manage your emails and offline chats with new integrated help desk. Agents can answer live chats and calls from online agent panel through Google Talk and Skype.

3. WP ChatBlazer

WP ChatBlazer

This plugin allows you to embed the Chatblazer application to chat on a WordPress page. You can post with an easy to use shortcode. You can host your own chatroom on your blog for interacting with your audience.

It has an easy-to-use interface that allows users to video chat, chat by sending instant messages, and share all types of media.

4. Video Chat Plugin

Video Chat Plugin

This plugin is highly flexible and supports and rooms, moderators, private messages, and public and private video chat, etc. It is BuddyPress-compatible, and automatically adds the avatars to user profiles in the video chat. It is simple to install and compatible with all search engines.

5. Flexy Talk

Flexy Talk

Flexy talk plugin allows you to get started with chatting to the Facebook fans and site visitors. You can easily do it from any device, including the mobile and tablets, etc. You can create a free account and enjoy unlimited chats with your visitors.

6. Acobot Live Chat

Acobot Live Chat

Acobot plugin displays chat widget on your website, behind which is an intelligent virtual robot that can automatically say hello to every visitor on your site. This plugin can capture their email addresses or phone numbers for you.

Also, it can answer their questions and address their concerns. This 24/7 customer help can turn your visitors into paying customers.

7. Vivocha Activation Tool

Vivocha Activation Tool

This is a multi-channel communication platform for the websites. This plugin can be used to assist customers during their visit, provide support, and answer questions. There is no coding skill required for it.

This plugin will enable Callback, VoIP, and Video on your website. Also, it includes fully customizable graphics and real time analytics.

8. Formilla Live Chat

Formilla Live Chat

This plugin allows you to chat with your visitors with a clean and easy to use interface. You can respond to chats from your iPhone, or Android device. You can also enable the proactive chat to trigger live chat automatically with visitor after some defined seconds.

9. Live Chat by OggFlow

Live Chat by OggFlow

This plugin lets you easily add beautiful live chat to your site or blog. You can handle all the live chats, emails, tickets, Facebook and Twitter feeds. You can easily modify the look and feel of this plugin with custom CSS, logos, and messages.

10. Chat

Chat

With this chat plugin, you can bring two-way chat to your website. You can host your own live sessions, interact with your visitors and boost your sales without taking help from third party JavaScript or other codes.

Chat plugin allows you to add a site wide-chat window in the bottom corner of your site. You can also add chat to any blog post or page, and answer support questions.

Premium WordPress Live Chat Plugins

Premium Live Chat plugins have no limitation at all; you can do whatever you like with your chatroom. These plugins make your site look more official. Top plugins help you in building your brand reputation for your products. By getting the reputation as a people-pleaser and as a business that value its customers can go a long way in making a good impression. All these premium plugins are a must for you!

1. Live Chat

Live Chat

Live chat uses Ajax technique instead of Web Sockets because it is simple and works on all major browsers. No more server modifications with this live chat plugin. It works perfectly with PHP 5 servers and WordPress.

Some of the features are:

  • More than one operator can reply the same user’s question
  • Visitors can fill out contact form when all operators are offline
  • Email notifications when visitor logs in a chat.

The plugin is available in US$17.

2. Visitor Chat

Visitor Chat

This plugin is fully featured real-time chat for your WordPress website. This plugin has a window-based client out of the box. Without having to visit the admin interface, you will be notified from your Windows tray from where you can start chatting straight away.

Some of the features are:

  • Adaptable templates and translations
  • Easy integration and use
  • Clear administrator chat interface

This plugin will cost you US$33.

3. WordPress Live Chat

WordPress Live Chat

This plugin provides real time chat for the customer support. The plugin has a 3-way widget embedding including auto, shortcode, and a WP widget. It also provides high quality emoticons and avatars.

Some of the features are:

  • Multiple operators and guests chatting
  • Initial ‘welcome’ messages after guest logs in
  • Message views auto-updating their relative delivery time

This plugin is available in US$28.

4. Chat X

Chat X

Chat X answers the support questions, and solves the technical problems and product defects on your website easily. You can easily customize your chat skin, and change the colors to fit your website look and feel. The plugin runs on Firebase technology to make your chat faster and reliable.

Features are:

  • 50 users can chat at one time
  • SSL support
  • More than one operator can reply the same user’s question

The plugin will cost you US$24.

5. Rhino Live Support

Rhino Live Support

This plugin provides premium customer service for your visitors. It allows you to have unlimited operators and departments, invite website visitors, transfer customers, track IP location, and advanced statistics, etc. It also includes customer feedback form, star rating and extended statistic.

Features are:

  • Unlimited Standard Responses
  • End Conversation as an operator
  • Send any conversation to any email address

This plugin is available in US$24.

Conclusion

There you have it: plenty of WordPress Live Chat plugins to choose from. All these plugins have something little different to share with you. Start making interactions and start converting your visitors into buying customers.

What’s your favorite chat plugin? If you think I missed any important plugin that should be on the list, please do share it with us in the below comment section.

Powered by WPeMatico

What is WordPress Jetpack Advantage on Your Site (and Why You Should Care About it)

How would you like some useful premium features for your WordPress site for free? Features include email subscriptions for new posts, commenting with Twitter and Facebook log-ins, and automatically sharing new posts to your social media network. WordPress Jetpack will let you perform these cool features on your website, for free.

Jetpack is a complete toolbox full of mini-plugins. If you are in need of installing 30 separate plugins, you would have to find and install each one of them.

But Jetpack gives you all needed features in a single plugin. Today, you will learn what the Jetpack plugin is all about and how can you get it on your site. Also, this article will help you decide which modules you need for your WordPress site.

Why you should care about using the Jetpack plugin

Website Stats

Site Stats

Website stats measure the behavior of visitors and track the details of your website. Jetpack has extremely concise stats with no additional load on your server. It provides information such as Referrers, Top Posts and Pages, Search Engine terms, Subscriptions, and Clicks.

Comments

Comments

WordPress users often search for a plugin to improve the comments and make it easy for people to subscribe posts or blog. With Jetpack, your visitors can write comments and even have several ways to identify themselves. Your visitors can leave a comment as guests, or they can choose to use their accounts.

Sharing Made Simple

Sharing

JetPack allows you to easily incorporate social media sharing buttons. Just drag and drop from the given list of most relevant social networking sites available. You can also use different options to customize such as using a Facebook share button rather than using the Facebook Like button and so on.

Spelling and Grammar

Proof Reading

This can be a huge benefit to your site. Jetpack helps you avoid grammar errors and spelling mistakes that can be sometimes embarrassing. Once you have finished writing your post, you only have to hit the ‘ABC’ button for a full review of your post.

If you host your WordPress-powered site and want to take advantage of these awesome features that JetPack provides, here is how you can install and activate this plugin.

How to get the Jetpack Plugin?

Majority of hosting companies install Jetpack with the 1-click WordPress Install. If your WordPress site didn’t come with an already installed Jetpack, you can get the plugin from here. After downloading the plugin on your computer, go to Plugins > Add New.

Click the button ‘Add New’ and upload the file that you downloaded on your computer. Once you click the ‘Activate’ button, it will set up with WordPress yet will not be fully activated. This is because you need to connect Jetpack with WordPress.com to get authorized.

Activating

Activating Jetpack Plugin

For activating the Jetpack plugin, you will need to connect it to your WordPress.com account. If you are using the WordPress.org for your site, you will still need an account with WordPress.com. But don’t worry because it’s possible to get an account without using the blog service.

When you go to WordPress.com for creating your account, remember to specify that you only need a username and not a blog. Once you have created the account, just click on the Jetpack plugin on your WordPress dashboard. Your Jetpack plugin is now fully activated on your site.

Authorize Jetpack

Configuring the Modules

Once you activate the Jetpack plugin, most of the modules will be automatically turned on. However, you can have the option to only turn on the most useful ones. This will help your site to keep up with the speed and loading time. For configuring the modules, click the Jetpack on your dashboard.

Next, click the settings and uncheck the ones that you want to deactivate on your site. Once done, you can simply hit the ‘Apply’ button.

But, which module should you consider? And why should you consider it? Find out:

Which modules and why do you need them?

There are more than 30 features or modules to choose from. By clicking on title of each one, you will get a brief description of what that feature does. These are the recommended ones:

Carousel

Carousel

This module will turn your WordPress image gallery into an easy scroll in a carousel mode when users will click on your photos. If you don’t have a carousel turned on, all images that user click on will open in a new page, which can be annoying.

Contact Form

Contact Form

This module enables a simple and easy to use contact form that you can also edit. Click on the button ‘Add Contact Form’ and you can edit the fields, and then insert the form in your post or page.

Extra Sidebar Widget

This module will allow you to add widgets to your sidebar without changing any code. If you want to add an image to your sidebar, you only need to drag and drop. It allows you to display galleries, top posts, Twitter timelines and more.

Subscriptions

Subscriptions

This option provides a simple way to enable email notifications of new posts and comments to the readers of your site. Your readers can manage the frequency for receiving new posts through email, and also follow any discussion.

Sidebar Visibility

This is one of my favorite features! If you have a crowded sidebar, this module will write rules for each widget. This way, you can have specific posts appear on specific pages and will not appear on others.

Shortcodes

ShortCodes

This module allows you to write some simple codes for embedding other media on your site or blog. If you want to embed YouTube, rather than writing the code, you can simply use the following code:

[youtube=video-URL]

Mobile Theme

With this module, you can enhance user experience by customizing your mobile website and making your site load fast.

Photon

This module is great for speeding up your blog. All your images are uploaded to content delivery network (CDN) hosted by WordPress. This means that the browser can download more images at a single time, which results in a faster page load.

Publicize

Publicize

This feature makes it easy to share your site’s posts on different social media networks automatically when you publish a new post. If you don’t want to include any of the social networking sites for your post, you can uncheck from the Publicize edit link.

Infinite Scroll

Instead of having to click a link to get on next set of posts, Infinite Scroll pulls the next posts automatically when the reader reaches the bottom of page.

How much does it cost?

The cost to using all these features is absolutely free! However, according to the website, some of the individual Jetpack features may require payment in the coming future. But, you will be notified in advance about anything.

The Good

  • JetPack gives you quick and easy access to excess of features at one place.
  • Transitioning from WordPress.com to self-hosted WordPress is very smooth and improves your new site’s look and feel.
  • It has excellent anti-spam protection.
  • Perfect for personal bloggers whose needs are lightweight and not specialized.

The Bad

  • Some of the features require a manual activation while some of the widgets are auto activated, which can be little annoying.
  • Jetpack is a single plugin which has multiple plugins within, therefore, the more plugins you use, the slower your site becomes.

Why Do I recommend the Jetpack plugin?

There are plenty of WordPress plugins available on the Internet that it can sometimes become hard to choose. Jetpack has a collection of exciting features, that are all part of the same plugin, so you can be assured that they will work together.

Jetpack was developed by the Automatic, the same company behind WordPress.com, and they are also big contributors to the WordPress software. The coding is done with high quality and according to the needs of WordPress users.

Above all, the support provided is exceptional from the community support forum and through the official support channel. If you ask me to use Jetpack or not, my vote is YES!

Jetpack is useful for both experts and beginners because of its simplicity-based principle. It has a significant value when you consider how much it would cost to install all the features alone. With all these features, I would recommend that you try it on your site.

If you have tried it out, why not share your experience with us? Leave a comment below!

Powered by WPeMatico

Know Your Top 5 PSD to WordPress Conversion Services

Over the years, website design and development has become one of the highest paying jobs across the globe. It has become a great career option.

No matter how big is your business, a website serves as an effective tool in promoting your products and services. That is where  PSD-to-WordPress conversion services come in since the processes involved are complicated.

Why hire a WordPress conversion expert?

When you choose to convert Photoshop into a WordPress theme, good coding is vital. A company needs to hire a PSD to WordPress conversion expert because:

  • Complexity of the process – involves programming expertise
  • Website customization – proficiency in HTML and CSS coding is needed
  • Project management – best handled by a trained web developer
  • Addition of user-friendly features – a set of themes and plugins are added to give easy access with clients

A PSD-to-WordPress conversion is a process that involves several complicated operations such as PSD slicing, HTML & CSS coding, designing the initial HTML file and so on. A professional PSD-to-WordPress- theme-conversion specialist is familiar with all the complicated operations related to WordPress file structure so it makes all the elements in the project work flawlessly.

To ensure that you have a perfect website capable of delivering a superior result, why not check these top PSD to WordPress conversion services.

1. PSD to WordPress Experts

psd to wp

Image from Flickr

Being at the top of the list, this service does not require you to develop a separate website for mobile users; the service gives you a 100% responsive WordPress website for better viewing experience.

The responsive WordPress design ensures smooth navigation with no horizontal scrolling, regardless of the screen size and resolution. Moreover, their commitment to deliver on time is superb. They give better service to quality, response time, clear communication and regular customer support.

To add more, services include:

  • 100% unique PSD to WordPress themes/templates
  • SEO-semantic for improved search engine rankings
  • 100% tableless layout for fast loading speed & easy navigation
  • Completely hand-coded markups with W3C validations
  • Flawless PSD to WordPress integration with cross-browser compatibility
  • Dedicated 24/7 technical assistance
  • Exhaustive WordPress customization solution

2. CSS Chopper

csschopper

Image from Flickr

Being the leading web design and development firm in India, CSS Chopper provides high quality PSD-to-WordPress conversion services to its clients around the world. With its new service called 50/50 business partnership, web designers can showcase their designing skills via freelance web design projects.

You can get maximum profit and exposure with freelance projects. With their new system upgrade, they  level up their services by providing status about your project. You can communicate with their sales executive via email or online chat through Skype.

3. Markupcloud.com

markup clouds

Talking about efficiency and support, with Markupcloud’s professional team composing of 150+ developers, they are truly effective in giving quality services to their clients. They have a group of efficient individuals who are easy to work with. Plus, they give insight throughout the project development process.

If you are a client, it is not difficult for you to pitch in a lot of ideas. Just by giving them some input,  Markupcloud can create highly intuitive insights for your project. The technology they use is also update, ensuring that you get the best results. It also follows rigid standards as it is ISO 9001:2008 certified.

Markupcloud.com offers:

  • Seamless communication
  • Fast, high-quality conversion
  • Comprehensive workflow
  • Competitive pricing
  • Money-back guarantee
  • 100% satisfaction guarantee

4. PixelCrayons

pixelcrayons

Image from Flickr

Are you opting for a systematic correspondence and quality coding? When it comes to your website, you better choose PixelCrayons. Pixelcrayons gives maximum service to their clients by charging very affordable prices, especially for small businesses or start-ups.

They are very efficient in customizing projects that give superb results and do amazing projects in quick turnaround time.

They also have custom solutions like:

5. MarkupBox

Markup box

Image from Flickr

For over 5 years, Markupbox has been delivering specialized PSD-to-HTML conversion services based on their set of industry ethics. With proficient developers that meet your expected satisfaction level, their turnaround varies depending on the complexity of the design. Normally, MarkupBox would take 1 business day for them to deliver their first page code and 4-6 business hours for each additional page.

You can pay MarkupBox by:

  • Paying directly with your credit card through Visa, MasterCard, DISCOVER, American Express and Diners Club.
  • You can also make your payment using your PayPal account.

To Conclude

Creating a good design is a challenge of creativity which not everyone has. Coding the design requires deep knowledge of PHP, HTML, JavaScript and CSS. Thus most people can create a PSD image of their design but coding it is often a challenge. That is why you need conversion services to get things done in an easy way.

What’s the best efficient conversion services for you?

Powered by WPeMatico

Light Your Posts: How to Create Featured Posts Section in WordPress

WordPress is a very powerful CMS. What is great about this is that it can be customized to the way you want it to be. You can add features and edit design and even create featured posts section in just a few minutes.

There are features that you can see on the widgets area to display like the categories, the latest posts and archive posts. But what if you want to highlight some posts to your readers on your site?

This is commonly known as “Featured Posts Content” or “Featured Posts Section“. It’s not a default feature that you can see on the WordPress “stock” installation. The good news is it can be added.

In this article,you are going to learn how you can add a Featured Section on your WordPress site.

Note: You will not focus on the design of the featured section here. Instead, you will be focusing on the implementation side of this tutorial. But please feel free to edit the CSS and customize the design the way you want it to be.

Resources You Need to Complete This Tutorial:

What You Are Going to Build:

screenshot

[ DOWNLOAD THE FINAL VERSION ]

Getting Started

A simple dummy WP theme called Test-theme was used in this tutorial. It is consists of a series of WP template files (but not complete) just for the sake of displaying featured posts. You can download it here if you want or you can use any other theme to go along with this tutorial.

This tutorial will focus on following features:

  • Creating a meta box (checkbox) on pages/posts
  • Saving the meta box information
  • Displaying the Featured posts on the front page

Let’s start!

STEP 1 – Creating a Meta Box (Checkbox) on Pages/Posts

Open functions.php, and add the following function to register a checkbox meta box. This function will create and display a meta box on pages/posts edit screen in a form of check box.

function add_featured_meta_box($post){
$featured = get_post_meta($post->ID, '_featured-post', true);
echo "<label for='_featured-post'>".__('Feature this post?', 'foobar')."</label>";
echo "<input type='checkbox' name='featured-post' id='featured-post' value='1' ".checked(1, $featured)." />";
}

If users want to add posts to the Featured Section on the front page or any page, they can simply tick the check box. But for now, it won’t save the data yet since you did not add the function to save the data of the meta box.

feature-checkbox

STEP 2 – Saving the Meta Box Information

Once again open functions.php, and add the following snippets under the add_featured_meta_box function.

function save_featured_meta($post_id){
// Do validation here for post_type, nonces, autosave, etc...
if (isset($_REQUEST['featured-post']))
update_post_meta(esc_attr($post_id), '_featured-post', esc_attr($_REQUEST['featured-post']));
// I like using _ before my custom fields, so they are only editable within my form rather than the normal custom fields UI
}
add_action('save_post', 'save_featured_meta');

These codes will check if the featured-post was set. It will update or save the data to the database using the update_posts_meta function. This function will update value of an existing meta key (custom field) for the specified post.

The first thing this function will do is make sure that $meta_key already exists on $post_id. If it does not, add_post_meta($post_id, $meta_key, $meta_value) is called instead and its result is returned.

STEP 3 – Displaying the Featured Posts on the Front Page

Now for this part of the tutorial, you’re going to display the featured posts on the front page. To do this, copy the snippets below on your preferred WP template file and position.

In this tutorial, codes on the index.php file located at the sidebar have been added.

<h2>Featured Posts</h2>
<?php
  $args = array(
        'posts_per_page' => 5,
        'meta_key' => '_featured-post',
        'meta_value' => 1
	);
    $featured = new WP_Query($args);

if ($featured->have_posts()): while($featured->have_posts()): $featured->the_post(); ?>
<h3><a href="<?php the_permalink(); ?>"> <?php the_title(); ?></a></h3>
<p class="details">By <a href="<?php the_author_posts() ?>"><?php the_author(); ?> </a> / On <?php echo get_the_date('F j, Y'); ?> / In <?php the_category(', '); ?></p>
<?php if (has_post_thumbnail()) : ?>

<figure> <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('', array('class' => 'box')); ?></a> </figure>
<p ><?php the_excerpt();?></p>
<?php
endif;
endwhile; else:
endif;
?>                       	

This code will simply parse the array of the number of featured posts to display, the ID and the value. Then using WP_Query, you will with the intricacies of a posts (or pages) request to a WordPress about our featured posts.

Finally, you will loop the featured posts on the sidebar and get the details like the title, permalink, author, excerpt and so on.

Note: CSS has been added on the dummy theme created; however, you can change it the way you want it to be.

If you are going to check the front page, you will get result similar to the image below.

featured-posts

Conclusion

Congrats! You have successfully created your very first featured posts section using WordPress meta box and some functions. If you are not comfortable doing all this, you can use a plugin like TSP Featured Posts and Featured Posts Widget.

I hope this tutorial will be useful for you. If you have any way other than this to display a featured posts section please share it with us on the comment section.

Powered by WPeMatico

Create Custom WordPress Shortcode and Make Your Site User-Friendly

As WordPress introduced the Shortcode API in Version 2.5, a large number of plugins were released to help users add content to posts and pages in a user-friendly way. Although there are five of them already, the need for more shortcodes still continues as more and more plugin and additions of features are being developed. By that, this article is about how to create custom WordPress shortcode.

Shortcodes allow users to add particular styles or features to a site without going to the codes. WordPress have five default shortcodes within the WordPress core, namely:

Understanding Shortcodes

Shortcode API is a simple set of functions for creating macro codes for use in post content. It helps developers to create special kind of content such as forms and content generators, which users can use to attach to a certain post or page.

It usually comes together with themes or plugins. By just inserting something inside square brackets, it will replace that content with some other kind of content, usually being driven by a series of PHP functions.

Shortcode usually comes with this simplest version:

[advertisement]

The Shortcode API makes it easy to create shortcodes that support attributes like this:

[advertisement height=”100” width=”100”]
This is an Add
[/advertisement]

Two Steps Involved in Creating a Shortcode

  1. Building the Primary Handler Function
  2. WordPress Hook for the Handler Function

Although there might be some instances that you need to go beyond these steps, these two are the essential steps to build a shortcode.

Let’s take a look how we can create a custom shortcode for the advertisement theme options created from a previous tutorial about how you can create a theme options.

STEP 1 – Building the Primary Handler Function

The primary handler function will handle all the details and content of the Shortcode. Open up your functions.php file and create the primary function.

function advertisement_1(){
  // Do something here
}

STEP 2 – Adding the Attributes

The name of our function is advertisement_1. Shortcode handlers are generally similar to WordPress filters: they accept parameters (attributes) and return a result (the shortcode output). For this part, add the $atts attribute.

function advertisement_1($atts){
  // Do something here
}

This is the most commonly used attribute which consists of an associative array of attributes or an empty string if no attributes are given.

There are two more parameters that can be passed to the Shortcode callback function:

  • $content – the enclosed content (if the shortcode is used in its enclosing form)
  • $tag – the shortcode tag, useful for shared callback functions

STEP 3 – Creating Shortcode Content

For this tutorial, you’re going to display the content of the theme option advertisement area from this previous tutorial.

There are two advertisements here, the 743 X 82 px and 268 X 268 px banner ads.

Looking into to the process of calling these theme options to the template files, you’ve got the following codes.

<?php $options = get_option( 'theme_settings' ); ?>
<?php echo $options['banner1']; ?>

Now, you need to call these inside your primary function and return the result. Use a variable $output to store the [banner1] option content, which is the 743 X 82 px banner ads content.

function advertisement_1($atts){
$options = get_option( 'theme_settings' );
$output = '<div>' . $options['banner1'] . '</div>';
return $output;
}

Note: As of PHP 5.3, it’s now possible to create an anonymous function but this is not recommended since anonymous functions can’t be removed later by plugins or themes.

For instance, when you distribute your theme, and another developer tries to customize or call it back via a child theme or plugin, it can’t be done. Changes made by an anonymous function is permanent and can’t be revised.

STEP 4 – WordPress Hook for the Primary Function

Next, you need to hook the primary function into the WordPress to associate the shortcode of your theme options. This can be done using the add_shortcode function. Check out the code below.

add_shortcode('advertisement_1', 'advertisement_1' );

The name of the shortcode is exactly the same as primary function for simplification but feel free to set your own name.

So by this time, if you use the [advertisement_1] shortcode the 743 X 82 px banner ads will be display anywhere according to the placement of the shortcode either in post or page.

banner1

Applying the Same Steps on Advertisement 2

It’s actually easy to apply all of these steps on the 2nd banner, which is the 268 X 268 px banner ad. Check out the code below.

function advertisement_2($atts){
$options = get_option( 'theme_settings' );
$output = '<div>' . $options['banner2'] . '</div>';
return $output;
}
add_shortcode('advertisement_2', 'advertisement_2' );

Notice that you have the same set of codes except for the name of the primary function and name of the shortcode inside the hook. You also use the [‘banner2’] option to refer to the 2nd banner and then simply return it using the $output variable.

banner2

Wrapping Up

Congratulations! You just learned how to create a custom shortcode using the theme options elements. I hope you found this tutorial helpful.

If you have any questions or comments or you have other ideas on this topic, feel free to drop a line in the comment section.

Enjoy coding! Don’t forget to subscribe on our newsletter below.

Powered by WPeMatico