Emerging Plugin: Device Mockups

2014-07-15_0953

Ever wondered how to advertise a content on your website as responsive? With the Device Mockups plugin your search will meet the answer. The plugin will basically display any content you would like to on a portable mobile device on your website directly so your user can check out how the responsive content will be displayed on device for example.

How to install the plugin?

The plugin installation is fairly simple and by following the next few steps you will be able to install the plugin with few clicks.

Step 1: Access your WordPress admin area

Step 2: Access the plugin adding page (wp-admin -> Plugins -> Add new)

Step 3: Search for the “Device Mockups” plugin

Step 4: Click the Install button

Step 5: Activate the plugin

Once the installation process finishes there will be no additional menu added to your admin area neither you will be able to find any particular settings for this plugin which makes the plugin really convenient for use.

How does the plugin do the magic?

In order to use the plugin you will need to simply use a Shortcode near the content you would like displayed as responsive in device frame.

Here is an example of a Shortcode usage:

[device type="macbook" stacked="open"]CONTENT[/device]
[device type="iphone5" position="right" stacked="closed"]CONTENT[/device]

Please replace the CONTENT strings from the above Shortode snippet with actual content you would like to have displayed in responsive mobile frame such as iPhone, iPad or some other from the supported devices.

2014-07-18_2209

The above provided Shortcode will add 2 devices to the post you are inserting that Shortcode. The first device will be MacBoook and the second device will be iPhone 5. Here is the complete list of supported devices and their Shortcodes:

  • iPhone5

[device type="iphone5"]

iPhone Content

[/device]

  • iPad

[device type="ipad"]

iPad Content

[/device]

  • iMac

[device type="imac"]

iPhone Content

[/device]

  • MacBook

[device type="macbook"]

iPhone Content

[/device]

  • Galaxy S3

[device type="s3"]

iPhone Content

[/device]

  • Nexus 7

[device type="nexus7"]

iPhone Content

[/device]

  • Surface

[device type="surface"]

iPhone Content

[/device]

  • Lumia 920

[device type="lumia920"]

iPhone Content

[/device]

The devices can be positioned based on different options. For example the alignment of a device can be either left or right. This is achieved with the position=”left” or  position=”right” Shortcode added to the [device]  tag.

In order to make the displayed device appearing at the top of the other devices please add stacked=”closed” to the [device] tag. If you would like for the device to be displayed bellow the other devices such as the MacBook or the iMac devices please use the stacked=”open” code added to the [devices] tag.

2014-07-18_2218

 

We hope that this plugin will serve you well and you will be able to build even more beautiful responsive previews.

Read more

WordPress 4.0 is out

wordpress-4.0-benny

Say hi to the newest release of WordPress 4.0 which has just being released and it is packed with some new nice features. The new WordPress version is named “Benny” in honor of jazz clarinetist and bandleader Benny Goodman. Here are some of the new and updated features:

  • New media manager
  • New way to work with embedded elements
  • More versatile content editor
  • New design of the Plugin directory

Media Manager

The new media manager now shows all the uploaded media files in new modern way of an endless grid of images. With the new preview you can find and edit your media files in a breeze.

media

Working with Embeds

One of the most powerful new features is the way you can embed media in your posts and pages. It is as easy as you can just paste the youtube video URL and it will be automatically embedded in your post.

embeds

Content Management

The new content editor is more flexible and stays always on top so your formatting tools can be constantly accessible.

editor

Plugin Manager

With it’s vast plugin depositories WordPress has become the most popular CMS application. However up until now the Plugin search tool was a unintuitive and confusing for new users.

add-plugin1

You can download the latest version of WordPress here.

In case you have already have WordPress installed you can directly upgrade it from your WordPress Administrator Dashboard.

Read more

Emerging Plugin: Power Search

2014-07-23_1853

Power search is a standalone search tool which allows you to search within all of the posts, pages and comments you have added to your website.

How to install the plugin on your WordPress blog?

The plugin installation procedure is fairly simple and in order to perform the more automated installation method please follow these steps:

Step 1: Access your WordPress admin area

Step 2: Access the plugin adding page (wp-admin -> Plugins -> Add new)

Step 3: Search for the “Power Search” plugin

Step 4: Click the Install button

Step 5: Activate the plugin

Now that you have installed and activated the plugin in question you will probably notice how the plugin will create a separate menu item called “Power Search” at the end of the admin menu of your WordPress blog.

How to use the Power Search tool?

In order to use the tool you will simply need to access its page by clicking on the menu item “Power Search” added with the installation of the plugin. Then you will be redirected to the search page which is relatively simple.

The page contains 2 fields. In the first one you will need to select the contents within the search will be performed and in the second field you will need to input the search term:

2014-07-23_1900

If there are any results found from the search you will be presented with them on the same page with the option to access any of the found contents directly for editing.

That is all you will need in order to use this great searching tool which will ease your content management especially on large websites with more than 1 000+ posts/comments/pages for editing and moderating. 

Read more

WordPress Emerging Plugins: Timeline Pro

timeline

For those of you who like the timeline style on websites, we have something interesting for you – Timeline-Pro. It’s a plugin that adds timeline style to your website’s posts. I have to admit it is pretty eye catching and can surely keep your site visitor’s attention.

The plugin can be installed just like every other WordPress plugin using Dashboard -> Plugins -> Add New and upload the plugin archive. Once installed you will have a “Timeline Pro” menu on the left navigating menu.  To create new timeline, go to “Add New TimelinePro“. Customize the colors of your timeline per your choice:

timeline-pro-1

 

 

Copy/paste the shortcode in the posts or pages where you wish the timeline to be displayed.  In the end you will have your posts/pages looking like the ones shown on the image below:

 

timeline-pro-2

 

 

If you like the free version of the plugin, do not hesitate to test the full version which comes with even more features and customization options.

Read more

Emerging Plugin: Tidio Gallery

2014-07-19_1909

Ever dreamed of simple and functional web gallery, for easy to configure and use backend and for beautiful result no matter how you configure your galley, well here it is – Tidio Gallery. This FREE WordPress plugin will take your galleries to the next level and will provide you with great results in just few clicks.

 

How to get the gallery plugin?

 

As I have mentioned already the plugin is distributed absolutely free of charge and you will be able to install it easily following these steps:

Step 1: Access your WordPress admin area

Step 2: Access the plugin adding page (wp-admin -> Plugins -> Add new)

Step 3: Search for the “Tidio Gallery” plugin

Step 4: Click the Install button

Step 5: Activate the plugin

 

Once the plugin is installed you will be presented with an additional menu item in the admin area of your WordPress application. At the bottom of the menu you will find the “Gallery” link which will take you to the Gallery configuration page.

 

How to use the plugin?

 

In order to create a gallery please simply press the “add gallery” button in the home page for your galleries.

 

2014-07-19_1910

 

Once you do that you will notice how a small box will appear in the list of galleries just above the adding button. There you will be able to configure the gallery name and also to add some images to the gallery if you press the “Edit” button.

 

2014-07-23_1718

 

Now that you have created your gallery it is time to add the gallery to anywhere you would like to.  In order to do so you will need to simply click on the “Add to site” button included in the box of every gallery on the “Gallery” home page. That button will present you with more information and the code snippet required for the gallery to be properly added to the code of your website.

 

If you would like to add the gallery to any post/page on your website just go to the editing screen for your post/page and use the “Add Gallery” button.

 

2014-07-23_1806

 

Once you save the post the gallery will be properly displayed on the location you have added the same.

 

2014-07-23_1806_001

 

That is basically all you will need to use and take advantage of the features provided by this great and easy to use plugin.

Read more