Themify Tiles Plugin for WordPress to Create Flippable Tiles Layouts

Tiles Plugin is a powerful and advanced feature WordPress plugin that allows you to make Flippable tiles layout similar to the Windows 8 Metro design. The drag & drop tool, it gives you control on the look and feel of your tile layout, with 5 tile types Map, Text, Button, Blank, and Gallery and 11 flip animations, allowing you to make tile-like layouts simply and unbounded.

Themify Tiles WordPress Plugin

Tile Types

  • Text (with shortcode support)
  • Map (draggable with 4 road maps)
  • Button (with 300+ icons)
  • Galleries (with auto play timer)
  • Blank

Tile Dimensions

  • Horizontal
  • Landscape
  • Portrait
  • Box

Flip Animations

  • Horizontal Flip
  • Vertical Flip
  • Fade In
  • Fade In Up
  • Fade In Left
  • Fade In Right
  • Fade In Down
  • Zoom In Up
  • Zoom In Left
  • Zoom In Right
  • Zoom In Down

Auto Flip: Frequency: 1-10 seconds

Preset Colors

  • White
  • Black
  • Gray
  • Blue
  • Light Blue
  • Green
  • Light Green
  • Purple
  • Light Purple
  • Brown
  • Orange
  • Yellow
  • Red
  • Pink

Additional Features

  • Action button text/link
  • Open link in lightbox or new tab
  • Custom background, text, and link color
  • Custom background image

Download Themify Tiles WordPress Plugin

Pts Plaza Shop PrestaShop Theme

Pts Plaza Shop is an elegant and modern design Responsive Prestashop theme suited for online apparel store or any type of store websites. This theme is powerful, intuitive and friendly template control panel with advanced all core features built-in megamenu live theme customization, helps the configuration and customization easier. The theme supports multiple color themes 3 themes by default, flexible layout system to display content your way.

The finest theme for SEO optimized, Pts Plaza Shop is fully responsive to make your website well displayed in any device and its mobile friendly. The images + CSS + JS optimization and compression improves your website performance to max. Pts Plazashop theme is built with latest web technologies: Bootstrap 3, Font Awesome 4, CSS3, HTML5 to build powerful website and make your website.



  • 100% Responsive design optimized and well-structured in all devices
  • Best Drag & Drop Layout
  • Multiple Theme and Styles
  • The Best Prestashop theme Control Panel
  • Ease of Customization
  • SEO Optimization
  • Latest Web Technology Bootstrap 3, Font awesome 4, SASS, HTML5, CSS3
  • Flexible Menu System
  • CSS and JS Optimization
  • Supported by Default use shopping in any language or Multilingual or RTL
  • Blog Platform for Prestashop
  • Sample Data Management
  • Ease of Customization
  • Flexible Layout System
  • Powerful Theme Control Panel
  • Native with Prestashop 1.6.x
  • 3 pre-built sites
  • One click installation – with Quickstart and multiple sample data packages
  • Sample data management system
  • Powerful Grid system
  • No Hacking core Prestashop codes
  • Rich Snippet – make your site friendly in search result page
  • Fully Responsive – adapt your site on any screen size: mobile, tablet, desktop
  • SEO optimized – make the theme friendly with Search Engines: Google, Yahoo, etc
  • Multiple Header styles – select any style you want in one click
  • Flexible layout system – Full width, Right + Content + Left, Content+Right, Left+Content
  • Powerful Blog platform for Prestashop
  • Integrated Map in contact page
  • 100+ Animation Slideshow
  • 10+ Prestabrain modules and number of default Prestashop modules supported by default, all the modules are responsive
  • Pts Quick Search Block
  • Pts Megamenu – Build professional Megamenu with visual layout configuration
  • Leo Slider Layer – build professional Slideshow with 100+ effect and animation
  • Pts Top sellers Block
  • Pts Products Featured Block
  • Pts Special Products Count Down Block
  • Pts Display Icon Categories Tab Products
  • Pts Customer reassurance block
  • Pts Static Content Manager – Add any static content with HTML markup support
  • Pts Manufacturers block – Display manufacturers in great ways
  • Pts Related Products Block – Show the related products with thumbnail images, title, short info
  • Pts Map Locator – Address any point inside embed google map with unique info block
  • PTS Theme Control Panel – the most powerful theme control ever for Prestashop where all core features are built-in.
  • Valid XHTML and CSS markup
  • Powerful, Intuitive and friendly administration panel
  • Live theme customization – customize and create unlimited Theme Skins Without Coding
  • Visual Megamenu configuration – what you configure is what you see in front-page
  • Custom Font: customize font for whole site, heading, module, etc
  • CSS and JS compression – join and compress all CSS and JS file to improve your site performance
  • Customize your store with CSS and JS via Admin panel
  • Support CSS Development
  • Powerful data tools – install sample data, theme, modules on existed store easily
  • Support multilingual and RTL layout
  • Clean programming – Well organized, commented & clean code

Download Pts Plaza Shop Prestashop Theme

Mystery WordPress Magazine Newspaper Theme

Mystery is an elegant and professionally designed Responsive WordPress theme perfect for online magazine/newspaper, news blog or even just a personal blog website. It comes with many cool and useful features to make this theme more powerful. With stylish Mega Menus, various layout options, unlimited color schemas and dozens of useful features. The important features of Mystery such as good in speed, SEO optimize, Schema.Org markup. Mystery is fully Responsive layout mobile support fit for any screen sizes and support any devices.

Mystery WordPress Magazine Theme


  • Responsive mobile design
  • SEO Optimize & Schema.Org Markup
  • Mega Menu Support
  • Multiple Post Listing Styles
  • Multiple Post/Page Layouts
  • Built-in Facebook and Disqus Comment
  • Unlimited Accent Colors
  • Custom Widgets
  • Advanced Control Panel
  • AD Management
  • Custom Page Templates
  • Localization Ready
  • Cross-browser Compatible
  • Lifetime Support

Download Mystery WordPress Magazine Theme

Eventum Directory Events Portal WordPress Theme

Eventum is a powerful and clean Responsive WordPress theme specially designed for advanced events portal site and part of extensive Directory platform which allows you to make anything from a small directory websites to a huge portal featuring classifieds, events, properties and regular listings.

Everything from the homepage to the event detail page has been thoroughly polished to make your website. This add-on allows important event management features inside Directory. These include recurring events, attending functionality, Facebook events, filter tabs (current, upcoming, past) and more.

Eventum is Responsive layout with a unique mobile view which makes browsing the website on smartphones, it’s compared to regular responsive websites. And also use PCs, Macs, tablets and smartphones.

Eventum Events Portal Directory WordPress Theme


  • Mobile Responsive layout Mobile Ready
  • Homepage
  • Category page view
  • Detail page
  • People page
  • User profile page
  • Recurring events
  • Attending events
  • Connected with listings
  • Facebook events
  • Vast monetization options
  • Superior content management
  • Expand your business
  • Go global

Download Eventum Directory Events Portal WordPress Theme

Athlete Fitness Ultimate Magento Theme

Athlete Fitness is an elegant and modern layout, fresh design ultimate Responsive Magento theme perfect for online Fashion Collection for Sport, Gym, Fitness & Sport Store websites. This theme designed & developed with overwhelming design and based on MGS Front-End Builder & a lot of useful Magento extensions. It’s multipurpose ecommerce websites for your online stores. With MGS Front-End Builder, it allows you to build/ configure your web pages at Front-End visually & friendly without having to log in the admin back-end and save you time to make a website as you want.

Athlete Fitness Ultimate Magento Theme


  • Responsive and retina ready
  • Visually & Friendly: You can see directly which you want to build and change
  • Build Web pages by yourself: You can build or configure the pages on your own basing on available layouts and 15+ available components.
  • Drag & Drop: Simple for you to drag & drop the blocks on the page
  • Grid configuration: It allows you to setup width of blocks with Grid Bootstrap layout (12 columns)
  • Editable CMS content: You can edit/update any content blocks directly at front-end effectively.
  • Website configuration: It’s easy for you to setup all features for your website such as layouts, background, colors, fonts, extensions, catalog… at Frontend Enable/disable Inline translation: Flexible and convenient to directly translate the site content into target languages at frontend.
  • Time saving: Forget about complicating and cumbersome steps to setup a website and login admin panel every time you want to update the pages.
  • Theme Settings at Frontend
  • Page Settings
  • SEO Settings
  • Custom Left Column, Right Column Blocks
  • Multiple Headers and Footers
  • Category Page
  • Product Page
  • Static Block and Page
  • Multiple block types can be added on home page
  • Multiple home page layouts
  • Contact Us
  • Blog
  • Checkout
  • Translate Inline
  • FAQs Page
  • Ultimate homepage layout options
  • Multi extensions are integrated from Mega menu, One step checkout, Advanced report, Product question, Ajax Cart, Qick view, Daily deals, Testimonial, Promo Banner!
  • Support Layout in wide, boxed
  • Support Layout styles (light and dark)
  • Support multi headers & footers for each theme
  • Enable/disable Inline translation
  • Slider Revolution & Powerful Admin Back-End Very easy for you to configure all elements of the sliders in Admin Back-End. (Special thanks to ArexMagefor a wonderful extension)
  • Sticky menu
  • Back to top button
  • Multiple Preloading effect options
  • Customizable block appear animation
  • Right to left view
  • Customizable background color and image, pattern
  • Multiple colors
  • Multiple Google fonts
  • Different product image ratios
  • Price slider
  • Ajax load JS (to view more products)
  • Twitter feed
  • Brand slider
  • Custom product tabs
  • Up-sell slider
  • Support SEO
  • Cross browsers and all platforms & devices compatible

Download Athlete Fitness Ultimate Magento Theme

M4U Mart Multipurpose Responsive Magento Theme

M4U Mart is an elegant and modern layout, fresh Responsive Magento theme especially designed for online fashion store, bags store, mobiles store, computer store and furniture store websites, and you can easily to customize for various product ranges. With 5 layouts, neat typography, smooth navigation and well-structured layout.

M4U is a fully Responsive and retina ready Magento theme fit for any mobile devices, with many powerful Magento extensions: Slideshow with smooth transition effects, Mega Menu and Vertical Mega Menu with multiple column styles and contains big data, Ajax cart and ajax layered navigation for quick purchase, Daily Deals with timer countdown for discount price product, Blog and Testimonial and Facebook Like box module with comments, feedbacks of customers; Brand Slider module with pleasant brand logo, the powerful Admin Panel, support detailed user-guide, that’s all you need to completely control your online store website.

M4U Multipurpose Responsive Magento Theme


  • Responsive and retina ready
  • One click install
  • 5 layouts, Multi color
  • Mega menu suport (Horizontal & Vertical Mega Menu)
  • Custom colors + Google fonts
  • Google rich snippet for better SEO
  • OneStep Checkout
  • Daily Deals module
  • Blog module included
  • Awesome Icon Fonts
  • Translation
  • AJAX Login
  • AJAX Search
  • AJAX cart, wishlist, compare
  • AJAX layered navigation, AJAX Toolbar
  • Clean, modern design can be used for any type of website
  • Category Tabs Slider
  • Featured Products Slider
  • Bestseller Products Slider
  • Testimonial
  • Facebook Like Box
  • Related Products slider
  • Upsell Products slider
  • Newsletter popup
  • Brand Logo Slider
  • Prozoom and images slider
  • Product Page Lightbox
  • PSD included
  • New and Sale Labels
  • Google Maps in Contact Us page
  • Custom 404 page
  • Advanced Typography Options
  • Wide & Boxed Layout Versions
  • Advanced Background Options set color, images for background in Theme Options panel
  • Advanced Search Options to search all categories or each category
  • Graphics Used Flickr, Patterns, Goodfon, Freedigitalphotos

Download M4U Mart Multipurpose Responsive Magento Theme

Blackstone WordPress Construction Company Theme

Blackstone is an elegant and modern design, clean Responsive WordPress theme suitable for construction company site, builders, landscapers, painters, renovation, mechanic workshops, maintenance services, plumbers, metal construction companies, electricity companies, isolation and any kind of handyman business websites.

Blackstone is a construction & renovation niche, it can be used for construction business but almost anything you imagine. Blackstone WordPress theme comes with a lot of shortcodes, post types and unbelievable theme options giving you the options to manage your website to the smallest details and be in control of every aspect you may think of.

Blackstone Construction Company WordPress Theme


  • Responsive Layout
  • E-Commerce supports WooCommerce plugin and can be used as shop
  • SEO the HTML code integrated into the theme files meets the best SEO approaches. Blackstone is fully compatible with All in One SEO Pack & SEO by Yoast
  • Unlimited Sidebar + Generator
  • Highly customizable
  • More than 100 Shortcodes + Shortcode generator
  • Megamenu
  • parallax sections
  • Fully customizable
  • 100% retina ready
  • 100% responsive
  • Unique portfolio pages
  • Many portfolio shortcodes
  • WooCommerce ready
  • Fully customizable Footer
  • Team-, Portfolio-, Clients- and Testimonials Post type included
  • Drag & drop social icon management
  • Drag & drop slider management
  • Fully customizable footer + 12 different column variations
  • Default or “highlighted” footer
  • Many widgets included
  • More than 600 free Google Webfonts
  • Unlimited sidebars + sidebar generator
  • Unlimited slideshows
  • Unlimited colors & backgrounds
  • Fully customizable – change all colors, fonts and backgrounds with just a few clicks
  • Custom Logo Upload
  • Custom Favicon Upload
  • Custom CSS editor
  • Custom Javascript editor
  • Insert fast and easy your Google Anlytics code and Google Webmastertools code
  • Extensive, easy to use and brand free admin panel
  • W3C valid HTML code
  • Many HTML5 and CSS3 features
  • Unlimited themeprofiles: save your settings, export, import or reload it
  • Fully compatible with YOAST SEO, W3 Caching and Form7 plugins
  • Working Ajax contactform

Download Blackstone WordPress Construction Company Theme

An Introduction To WordPress Quicktags API

Author Bio :

Sophia Phillips has been working as a professional in WordPress website development company and loves sharing information about leveraging multiple benefits of WordPress CMS in the best possible manner. Currently, she has an impressive count of WordPress development-related articles under her name.

WordPress comes loaded with APIs which together play a pivotal role in making the software one of the leading content management systems across the globe. One such WordPress API which has been successful in making its mark in the world of WordPress web development is the Quicktags API. Continue reading the post to find more on this stunning WordPress API which has already received several applauds for its robustness.

Getting familiar with the main intention behind developing the WordPress Quicktags API
The basic need for checking and verifying the source code gave birth to WordPress Quicktags API. To put in simple, there is a good majority of WordPress users which doesn’t just want to preview the edited content that needs to be published over the website. Instead, these users want to gain a complete control over the content that they intend to publish, with an additional flexibility of viewing the content’s source code. It is here that the role of HTML editor comes to play and with the Quicktags API, creating handy buttons for this editor becomes complete breeze.

What exactly is the WordPress Quicktags API?

Dedicated to WordPress users running a content-driven website, the Quicktags API allows you to create multiple Quicktag buttons which can be placed towards the top of the chosen/default HTML editor and used for editing the website content without getting redirected to the Visual editor.

A closer look at using WordPress Quicktags API

You just need to use a single function named: QTags.addButton() for adding Quicktag buttons into HTML editor. However, if you’re inclined on passing the script as a separate file, you just need to use the below code snippet for the same:


function load_custom_quicktags() {

// Load the `custom-quicktags.js` file with the `QTags.addButton()` functions.

wp_enqueue_script( ‘custom-quicktags’, ‘http://the.url/to/custom-quicktags.js’, array( ‘quicktags’ ) );


add_action( ‘admin_enqueue_scripts’, ‘load_custom_quicktags’ );


Additionally, if there’s no other option than printing the script inline, then the below code snippet will help you do the same:


function load_custom_quicktags_inline() {

if ( wp_script_is( ‘quicktags’ ) ) { ?>


// The `QTags.addButton()` functions go here.


<?php }


add_action( ‘admin_print_footer_scripts’, ‘load_custom_quicktags_inline’ );


In the above code snippet, the function: QTags.addButton() function comprises of eight parameters explained below:

  • id- This is of type ‘string’ and is mandatory. It is basically a unique HTML ID for the Quicktag button. Do note this id gets prepended for different quicktags buttons in accordance to the string qt_content_
  • display- As a mandatory string-type parameter, display will represent the text that needs to be displayed on the Quicktag button
  • arg1- This is also mandatory and can either be in the form of a string or function. It will represent the starting tag that need to be inserted in the Quicktag button or showcases the name of the callback function.
  • arg2- Yet another mandatory parameter, arg2 is of type ‘string’ and represented the ending tag that need to be inserted into the quicktag button.
  • access_key- This represents the access key for the button. It is an optional parameter and is of type ‘string’.
  • title- This represents the HTML title for the quicktag button.
  • priority- This is an optional parameter of type ‘string’. It will showcase the placement of your Quicktag button. For instance, 1 to 9 would mean the button would go on the first place, 11 to 19 would mean the button would come on the second place and so on.
  • instance- As the last parameter, instance is of type ‘string’ and optional to use. This will represent a particular Quicktags instance on the page. That means, a specific area within the page, where the added Quicktags button would be visible. Do note that forgetting to set a value for this parameter would add the quicktags button to all the instances.

Brief on creating a simple quicktags button

For example, if you want to add two different shortcode buttons with one enclosing the shortcode and the other self-enclosing the shortcode, this is the code snippet that you need to use:
‘info box’,
Additionally, you need to set a unique ID, a button name and the strings that will be printed once the respective quicktag button is clicked by the user. Here is the code used for printing the self-enclosing shortcode:
That’s it!

In Conclusion

Eventhough the WordPress quicktag API might seem to be a bit intimidating at first, it’s quite easy to use for triggering the desired callback functions. Here’s hoping the above tutorial would allow you to take complete advantage of WordPress Quicktags API in a stress-free way.

How to make typography effects with jQuery and CSS3?

A detailed guideline on creating typography effects using jQuery and CSS3

Being into the business of designing different websites and web applications, you’d have definitely encountered a wide variety of web design trends. While some of them would have helped you deliver successful projects, others would have simply ended up consuming a lot of your time and efforts.

What you’ll find in this tutorial?

Typography is a hard-to-ignore aspect of every web design project. Through this tutorial, I’m offering you a handy guideline on creating commendable typography effects with the help of jQuery and CSS3. I’m sure by the end of this tutorial, you’ll all motivated to enhance the typography of your site in the most fabulous manner.

Getting Started – Well, in this tutorial, I’ll be using jQuery and CSS3 for implementing all the typographical effects.

Understanding CSS3 @Keyframe rule

Prior to proceeding ahead with the process of creating typography effects, it is crucial for you to know about the CSS3 @Keyframe rule. Also referred to as the CSS3 keyframe animations, the CSS3 @ Keyframe rule allows you to create high performing animations, without the need for writing lengthy scripts. Here’s a look at how the CSS3 @Keyframe rule looks like:
@keyframes frameEffect{
/* rule sets go here … */
Here, it is interesting to note that each CSS3 animation code is based on the @keyframe rule which is further followed by a specific identifier. The reference for this identifier can be found in a different CSS selection.

Now, let’s understand the creation of typography effects using an example

The underline HTML structure is basically a div element containing an anchor. The code for container that wraps the headline is shown below:

<div id=”typography” class=”typography”>

<a href=”#”>Typography</a>


Keyframe Selectors

Selectors used in creating typography effects come with their own set of rules and values which are being defined in the below mentioned way:
@keyframes frameEffect{
0% { … }
32% { … }
67% { … }
100% { … }
As it can be seen in the above code, when the animation begins, the level is at 0% and when it completes, the level reaches a value of 100%. The two intermediate values viz: 32% and 67% indicate different states of the animation under focus. Each component of the keyframe can be allotted different values for undertaking a variety of customizations.

Adding a name for the animation

The code snippet used for adding a name for the animation is shown below:
.typography a span:hover {
animation-name: frameEffect;
In the above code snippet, you can find an animation-name property, the value for which needs to be synchronized with the identifier which lies in @keyframe rule. While on one hand, animation-name will define the name of animation, on the other hand, the keyframe-selector will determine the percentage of animation duration.

Adding styling to individual letters using Lettering.js- a remarkable jQuery plugin
Now, we will be using lettering.js for adding some style to every individual letter available in the headline. Lettering.js uses .char# pattern for doctoring the text available in the CSS, thereby rendering a simple way for making changes to specific pieces of text.

The HTML for creating typography effects is displayed below:

<!DOCTYPE html>



<meta charset=”UTF-8″>

<title>How to make typography effects with jQuery and CSS3?</title>



<div id=”typography” class=”typography”>

<a href=”#”>Typography</a>


<script type=”text/javascript” src=””></script>

<script type=”text/javascript” src=”js/jquery.lettering.js”></script>



CSS associated with creation of typography effects is shown below:

.typography {

padding: 20px;

margin: 20px auto;

text-align: center;

font-weight: 700;

text-transform: uppercase;

letter-spacing: 1px;


.typography a {

text-align: center;

padding: 20px;

text-decoration: none;


.typography a span {

font-size: 105px;

color: #7f7f7f;

opacity: 1;

display: inline-block;

text-shadow: 0px 0px 2px #444, 1px 1px 4px rgba(0,0,0,0.7);

-webkit-transition: all 0.5s linear;

-moz-transition: all 0.5s linear;

-o-transition: all 0.5s linear;

-ms-transition: all 0.5s linear;

transition: all 0.5s linear;


.typography a span:hover{

color: #000;

-webkit-animation: frameEffect 0.6s linear infinite forwards ;

-moz-animation: frameEffect 0.6s linear infinite forwards ;

-ms-animation: frameEffect 0.6s linear infinite forwards ;

animation: frameEffect 0.6s linear infinite forwards ;



@keyframes frameEffect {

0% { transform: scale(1.2);  }

25% { transform: scale(1.4);  }

50% { transform: scale(1.6);  }

75% { transform: scale(1.3); }

100% {  transform: scale(1); }


@-moz-keyframes frameEffect {

0% { -moz-transform: scale(1.2);  }

25% { -moz-transform: scale(1.4); }

50% { -moz-transform: scale(1.6); }

75% { -moz-transform: scale(1.3);  }

100% {  -moz-transform: scale(1); }


@-webkit-keyframes frameEffect {

0% { -webkit-transform: scale(1.2); }

25% { -webkit-transform: scale(1.4);  }

50% { -webkit-transform: scale(1.6);  }

75% { -webkit-transform: scale(1.3);  }

100% { transform: scale(1); }


@-ms-keyframes frameEffect {

0% { -ms-transform: scale(1.2); }

25% { -ms-transform: scale(1.4); }

50% { -ms-transform: scale(1.6); }

75% { -ms-transform: scale(1.3); }

100% { -ms-transform: scale(1); }


Finally, the JavaScript associated with creation of typography effects is shown below:

<script type=”text/javascript”>

$(function() {

$(“#typography a”).lettering();



So that’s it for now. The above explained code snippets will allow you to create a perfect typography using just jQuery and CSS3.

Wrapping it all up

Paying special attention to your site’s typography is something which will allow you to fetch more visitors. Here’s hoping the technique explained in this tutorial would aid you in achieving a remarkable typography for your site.

About the Author:
As a certified top-notch web developer at Xicom Technologies Ltd., Amanda Cline has an impressive expertise as PHP programmer. If you need to hire PHP Programmer then simply get in touch with Amanda via Twitter and Google+. she has also written interesting and informative articles on Custom Software Development, Web Application Development etc.

Advanced Newspaper WordPress Magazine Theme

Advanced Newspaper is a professional and eye-catching excellent features packed Responsive WordPress theme perfect for online newspaper or magazine website fair in matter of minutes. Advanced Newspaper contains a lot of features, and a unique newspaper layout that is easy to navigate and powerful, easy administration and all in one theme control panel.

Advanced Newspaper WordPress Magazine Theme


  • Fully Responsive Design
  • Built on Twitter Bootstrap
  • Multiple Homepage Layouts
  • WooCommmerce
  • Category Layouts
  • Shortcodes
  • HTML5 Videos
  • Unlimited Colors
  • Page and Post Templates
  • Font Awesome Icons
  • Better Search Engine Optimization
  • Custom Post Formats
  • Multiple Category Page Layouts
  • Ad Module – Category Based Ads
  • Fully Controllable Sliders
  • Gabfire Gallery
  • Media Gallery Template
  • Flowplayer and jQuery Tools
  • Advanced Control Panel
  • Multiple Color Schemes
  • Automatic Thumbnail Resize
  • Custom Page Templates
  • SEO Optimized
  • Localization Support

Download Advanced Newspaper WordPress Magazine Theme