Web Design Trends WordPress Users Need To Know

WordPress is the most popular content management system existing today fetching 21.8% of the world’s total internet usage and capturing 60.3% of the market share as per W3tech’s latest market report. It comes as no surprise that the majority of the general web design trends predicted for 2014 are already common features available and/or integrated in most if not all WordPress themes being sold in the marketplace today. It makes you wonder whether WordPress is only a trend follower or it is actually THE trend setter to watch.

WordPress core developers, theme and plugin developers and authors, and the WordPress community in general are some of the most passionate people on the planet. With only ten years tucked into its belt, WordPress has emerged as one the most dynamic and cutting edge platforms today primarily because of the commitment of its community.

In a recent business article on eCommerce design trends for 2014, it lists trends that WordPress users already consider as familiar features. The trend list includes:

  • flat design
  • responsive design
  • less sliders
  • more user friendly navigation
  • more creative use of web fonts

These trends have actually appeared in most WordPress themes as common features in the last year or so. Even Forbes magazine, lists similar web design trends in an article that came out early this year. Although Forbes also adds “storytelling design” characterized by concise, compelling copy coupled with strong imagery as one of the significant web trends that will emerge in 2014. Guess what? A wonderful new WordPress plugin – Aesop Story Engine – in relation to the “storytelling” trend has already been generating a lot of interest lately.

For those who have been following the development path of the latest WordPress version that is to be released (April 16), there are several new features in WordPress 3.9 that could set off new “trends” in the web design world. WordPress 3.9 emphasizes more user friendly features and improved multimedia handling capabilities. A few of these significant features that are worth noting are listed below:

  • New features like live widget previews
  • a new theme installer
  • UI refinements when editing images and when working with media in the editor including the return of some of the advanced display settings for images.
  • audio and video playlists
  • new gallery support
  • The formatting function that turns straight quotes into smart quotes (among other things) underwent some changes to drastically speed it up.

More detailed features can be viewed on the WordPress core development website.

Having said all that, it is interesting to note that the thrust towards being more multimedia savvy while at the same time being more and more user friendly could be a significant WordPress feature that could set off a general web design trend. With WordPress gaining more and more influence over the whole internet population, it is possible that whatever developers, coders, designers, authors, etc. come up with to improve WordPress products and services could eventually be the standard that the web design community will use.

Who knows what WordPress will be like in the next 10 years. The innovations succeeding WordPress iterations will bring and the vast influence it will have in relation to the entire Internet population, mobile, tablet or what not together with the hardcore commitment of its core community will definitely create an impact on the way the world wide web looks and functions. Whatever it is, anything that goes on in WordPress is definitely going to be exciting and worth watching.


Moving to WordPress?

Many website owners start off as casual bloggers, typically on a free platform, and usually not expecting any life-changing thing to happen to their websites. However, life in cyber space is full of surprises and no one can really predict which site will be the next big thing. Some, are fortunate enough to find their match audience and experience reasonable success. This could mean that the free platform might not be enough to contain and sustain the increased volume of traffic and content. Migrating to a more robust and dynamic platform could be the solution.

But what about all the historical content that’s been created? Or what about a test or a private staging site you use for you or a client? If you are moving from a free platform, another WordPress site or any other platform and migrating to a self-hosted WordPresswebsite, here are some tools to help you make the transition as less hairy as possible.

All-in-One WP Migration

All-in-One WP Migration allows you to export your database, media files, plugins, and themes. You can apply unlimited find and replace operations on your database and the plugin will also fix any serialization problems that occur during find/replace operations. It is also the first plugin to offer true mobile experience on WordPress versions 3.3 and up. Features include: multisite compatible, works on Windows OS and IIS.

WP Migrate DB

WP Migrate DB exports your database as a MySQL data dump (much like phpMyAdmin), does a find and replace on URLs and file paths, then allows you to save it to your computer. It is perfect for developers who need to update their local install with fresh data from the production site, or copy their locally developed site to a staging or production server. It also takes into account serialized data (both arrays and objects) and updates the string length values. You can select the tables you want to migrate, pull production db down and replace local db, push local db up and replace production / staging db, enjoy unlimited find & replaces (free is limited to 2), Multisite support, Video walk throughs and how-tos.

WordPress Duplicator

WordPress Duplicator gives WordPress administrators the ability to migrate, copy or clone a site from one location to another. The plugin also serves as a simple backup utility. The Duplicator supports both serialized and base64 serialized string replacement. This tool is great for pulling a production site down onto your local machine for testing and validation. It also works great for developing locally and then pushing up to a production server for a first time site release. Requires above average technical knowledge and not recommended for WordPress beginners.

WordPress Move

WordPress Move is a migration assistant for WordPress that is capable of changing the domain name in use and/or migrating your installation to another server either as is or based on your choices. You can use WordPress Move to transfer your database or create backups of your installation.

Site Push

SitePush is a WordPress plugin that allows you to have multiple versions of your WordPress site, so you can edit, develop, test without any risk to your main, live site. It’s great for developers, designers and editors or anyone who wants to be able to test changes to a site before it is visible to the world. You can easily easily move content between sites, test new themes and plugins – all in a private staging site, and you can also test and easily push new code on to a live site.


Must Have Features in Choosing a WordPress Theme for your Website

WordPress theme trends come and go. Some popular features a while back have faded away while others went mainstream and have become basic and essential features integral to a WordPress theme. A lot of the WordPress themes in the marketplace today are feature-packed and sometimes it gets overwhelming to choose the perfect one. Website owners need to be able to sort through long menu of features, pull out those that are relevant to their own specific website needs and goals, just to make sure they don’t get an over bloated and slow-loading website. Here are some basic features to look for in selecting a WordPress theme to fit your website needs.

Flexibility and Ease of Use

User experience is a key factor in web design. WordPress themes must be flexible enough to adapt to the user’s needs and provide way for customization to be simple and easy. A popular feature nowadays is the drag and drop feature where layouts can be configured and reconfigured by simply dragging and dropping elements into specific areas. WordPress themes that include this feature already have a fan base as it makes customization convenient and friendly even for WordPress beginners.

Responsive (On or Off feature)

The emergence of mobile platforms in internet usage makes its users a population that shouldn’t be ignored. A lot of people think that mobile might eventually displace desktop as the dominant platform for internet access. In light of this, website owners need to consider WordPress themes that are 100% responsive enabling content to be presented efficiently on smartphones, tablets, and other mobile or handheld devices. Themes that include features such as menus especially designed for mobile devices, responsive sliders, and responsive images are also a plus factor. Some also prefer that they have control over whether they want the responsive feature turned on or off which means that WordPress themes that have this option will appeal to this type of web user.

Search Engine Optimization

It would be a pity for a site with amazing content to be left to obscurity because search engines can’t find it. According to Joost de Valk, creator of the popular SEO plugin Yoast,

“Out of the box, WordPress is a pretty well optimized system, and does a far better job at allowing every single page to be indexed than every other CMS I have used. But there are a few things you should do to make it a lot easier still to work with.”

WordPress themes that are built according to best code practices and are integrated with sound SEO measures will do well as far as search engine visibility and ranking are concerned.

Multi Media Handling Capabilities

Gone are the days where people are merely content reading stuff on the web. Today’s generation of internet users seek more interactive and media heavy content. Website users tend to lean towards WordPress themes that are flexible enough to handle all types of media formats (audio, video, images, etc). Support for self-hosted videos, Youtube, Vimeo and SoundCloud, and other third party multi media content hosts is always a plus as internet users today.

Animations, Parallax, Sliders, etc.

Some people detest sliders and other visual eye candy. Some don’t even think that it helps a site at all while some consider these visual effects necessary features in a website. When people get to your site, you want to ensure that they get enough interest to go through your content. The use of all these visual effects can go from cheesy to spectacular depending on how it is presented. Today’s media bombarded user can benefit from well-thought of and creative visual presentations that feed both the eyes and the mind.

Translation or Multi Lingual Ready

WordPress already powers more than 21% of the Internet and will continue to increase even as of this writing. This means that more non-English speaking users will be thrown in the mix of users and will need themes that can be translated into their own languages and with RTL (right to left provision). This segment of WordPress users will be more attracted to themes that are easier to adapt to their local audiences.

These features listed here may or may not be on the top of your list. If you do have some suggestions, feel free to leave us a comment and tell us why you think so. We’d love to hear from you.


Not Your Usual WordPress Themes Roundup

Multipurpose WordPress Themes are great for creating all types of websites but sometimes it’s more convenient and it saves a lot of time to use a ready-made theme that’s specific to your website requirements. Here are a few WordPress themes that are more than just your usual WordPress theme designs. Check them out:

Joglo – Woocommerce Real Estate Theme

Joglo Premium WordPress Theme is a modern real estate theme especially built for the real estate business. This WooCommerce enabled premium theme makes it easy to run an online realty company that can handle transactions like offering property for sale or home/apartment renting service. It has a sleek and dynamic design packed with features and functions like: Advanced Search where customers can easily browse any property filtered according to price, location, type or some other category or tag; Agents page listing agents names, description, and contact information; Responsive and custom layout; Property page with a contact form; and, Property detail page with map

Advocator: Professional Nonprofit Organizations

Advocator Premium WordPress Theme is primarily designed for non-profit, charity, organization, or advocacy related websites that aim to be interactive with their audience. This theme boasts of professional level accessibility and performance having been built using the Foundation 5 framework by Zurb. Key features include: audience can engage with you on mobile devices with ease, you can accept donations seamlessly, you can add Events for your organization, you can collect emails using Mailchimp, and if you’re a developer, you can customize super fast and efficiently.

Frisieur – WordPress Theme for Hairdressers

Frisieur Premium WordPress Theme is a fully responsive theme designed for hairdressers, hair salons, stylists, makeup artists, and similar professionals you need to set appointments with. This theme includes features and functions like: Working Appointment form, Approximate time with timepicker (compatible with two time types), Opening hours table, Google Map with geolocalization, and Working Contact Form, – elements necessary to booking clients online.

Pump – Responsive Wedding & Multi-purpose Theme

Pump Premium WordPress Theme is a Wedding Event & Multipurpose WordPress Theme all rolled into one. This super simple and yet fully functional responsive theme has endless possibilities not only for Weddings and events but even for business, corporate, or portfolio applications. This theme can grow with its users and convert into something else and adjust as the couple’s needs and interests evolve. It is also WooCommerce, BuddyPress, bbPress, and WPML ready.

WooCommerce Supermarket Theme – GoMarket

Woocommerce GoMarket Premium WordPress is a complete shopping solution for eCommerce owners. This theme includes 6 pre-designed stores making it easy to set up the store of your dreams. It features a
combination of Vertical Menu and Main Mega Menu to help customers navigate through the site easily.


Is Your WordPress Site A Target For Hackers?

Online security is a priority website owners should take seriously. How many of us use the same password not only for multiple sites but for other personal information like bank accounts, billings, credit cards, etc.? General website information is available via Whois.com and displays information such as your email address. To the determined hacker, this single piece of information could lead to a chain of personal information tracking and could lead to more devastating consequences aside from identity theft. The epic hacking of Wired’s Senior Writer, Mat Honan, that dissolved his digital life is a reality check that whatever goes online (and even offline) can disappear in a matter of seconds.

Another security challenge is having multiple authors and contributors to your WordPress website. Granting access to users should be managed with a built-in authentication system to filter out unauthorized or unregistered users from accessing not only your resources but also premium information not open to the public. Installing necessary precautions and different levels of security checks can be helpful in creating deterrents to possible security hacks.

Here are some useful tools you can use to protect your site from being compromised.

LastPass – PassWord Manager

LastPass is an award-winning password manager that saves your passwords and gives you secure access from every computer and mobile device. Download and setup is easy and can be done in minutes. Once you’ve created your account, LastPass prompts you to save new sites as you browse – so you’ll never lose another password. After saving a website’s username and password, LastPass will autofill the login when you return to that site. No thought, no typing, no work required – LastPass does it for you. LastPass allows you to share access to multiple users securely. This security tool also helps you address other password management concerns and security threats like keylogging, etc.

UpDraftPlus – WordPress Backup

UpdraftPlus simplifies backups and restoration. Backup into the cloud (Amazon S3 (or compatible), Dropbox, Google Drive, Rackspace Cloud, DreamObjects, FTP, SFTP, SCP, WebDAV and email) and restore with a single click. Key features include: Site duplicator/migrator: can copy sites, and (with add-on) move them to new locations; backups of files and database can have separate schedules; large sites can be split into multiple archives; database backups can be encrypted for security; and download backup archives direct from your WordPress dashboard, among many.

Clef – 2 Step Authentication Mobile App

Clef is a free replacement for usernames and passwords that makes logging into your WordPress site easier and more secure. It is a mobile app that replaces usernames and passwords using your smartphone. This security tool lets any site recognize their users based on their phones, instead of anything they have to remember or type. Clef puts secure cryptography in the hands of every user and frees you from having to remember any passwords. Once you sign in to one WordPress site using Clef, you can sign into all of your Clef-enabled sites with a single click. And once you sign out of the app on your phone, you are automatically signed out of all your WordPress sites.

Google Authenticator – WordPress Plugin

The Google Authenticator plugin for WordPress gives you two-factor authentication using the Google Authenticator app for Android/iPhone/Blackberry. You may already have the Google Authenticator app installed on your smartphone, using it for two-factor authentication on Gmail, Dropbox, Lastpass, Amazon etc. The two-factor authentication requirement can be enabled on a per-user basis. You could enable it for your administrator account, but log in as usual with less privileged accounts. It also works on WordPress installations that have several users aseach user has his own Google Authenticator settings.

All In One WP Security & Firewall

The All In One WordPress Security plugin is a comprehensive, user-friendly, all in one WordPress security and firewall plugin for your site. It reduces security risk by checking for vulnerabilities, and by implementing and enforcing the latest recommended WordPress security practices and techniques. This plugin uses an unprecedented security points grading system to measure how well you are protecting your site based on the security features you have activated. Protect against “Brute Force Login Attack” with the Login Lockdown feature. Users with a certain IP address or range will be locked out of the system for a predetermined amount of time based on the configuration settings and you can also choose to be notified via email whenever somebody gets locked out due to too many login attempts. Monitor/View the account activity of all user accounts on your system by keeping track of the username, IP address, login date/time, and logout date/time.

As always, check for compatibility before installing any plugin or tool. And don’t forget to backup your site as well.


WordPress Themes for Photographers – March 2014

Creating an online portfolio is no longer a challenge nowadays. There are hundreds of options for displaying photographs available to photographers today that give you that expensive professional look. Here are some of the latest WordPress photography themes you can use to show off your prized images:

PhotoReactive – Fullscreen Studio for WordPress

PhotoReactive Premium WordPress Theme is a full screen studio theme for WordPress that photographers will love. This premium theme gives photographers tons of creative options for them to showcase images and other multimedia content both on the homepage and also in the portfolio pages. Full screen slideshows options include touch swipe capability, captions (with or without), photo wall, YouTube and Vimeo videos, static image, and the popular Kenburns slideshow (with or without audio). This theme is also equipped with Ajax & normal portfolio showcases, WooCommerce functionality to help you set up your own photography shop and it is also WPML ready (includes .po .mo language files.)

Devendo Photography WordPress Theme

Devendo Premium WordPress Theme is a flat and modern portfolio theme suitable for photographers. This premium theme is built with Bootstrap 3, is 100% responsive and is also available in four color schemes that can be changed in the theme’s options panel. Key features include: smart overlay search function, integrated social sharing, responsive mega menus with Bootstrap grid inside dropdowns, full screen portfolio with direction aware hover effects, smooth scrolling AJAX-powered horizontal blog, among others.

Fidelity – Premium Photography WordPress Theme

Fidelity Premium WordPress Theme is a modern photography theme with a future-oriented design targeted primarily for photographers but can also be used by design agencies, architecture bureaus, etc. This premium theme takes a full advantage of the latest CSS3 hardware-accelerated transitions (with a fallback to jQuery animations) giving users incredible performance on diverse platforms like desktops, tablet PCs and smartphones. Some of the unique features include: the ability to set up narrow or full width page in a few clicks, the ability to show EXIF data in the portfolio posts, and the horizontal masonry style blog layout that gives you that high end magazine feel. You can also display unlimited slideshows and videos for your background.

The Gentleman – Photography & Portfolio Theme

The Gentleman WordPress Theme is a fully responsive multipurpose theme perfect for any photographer, designer, agency, or any business looking to show off their work. There are multiple homepage layouts, tons of portfolio styles to choose from, and a lot of other features allowing you to build your perfect photography/portfolio website. This theme includes features like: Price tables, team members, multiple blog layouts, preset flat and pattern styles, a powerful theme options panel, multiple sliders including the popular Revolution Slider, multiple portfolio options including the Magnific Responsive Lightbox, and so much more.

Camilla – Horizontal Fullscreen Photography Theme

Camilla Premium WordPress Theme is a modern, minimal, full screen horizontal canvas ideal for displaying your photographs the way you intended them to be seen. This theme’s minimalistic design shifts the focus to your work with the use of distraction-free full screen video-ready galleries . Some of this theme’s modern features include: one-page layout, horizontal scroll, vertical scroll sections in horizontal layout, and it is optimized for mobile devices with its swipe navigation feature for smartphones and tablets, etc.


WordPress Design For A Global Market

Design is subjective. There are generally accepted design principles that govern the design community and serve as guides to evaluating “correct” design. However, not all of them are totally applicable to specific clients especially when Western taste buds meet Eastern culture. But when and where shall the ‘twain ever meet if beauty and design aesthetics are wrapped deeply in mores and culture?

This is the cross cultural challenge that web designers need to face in order to remain competitive in today’s global market place.

West, Meet East

Before the West was, the East was. Two of the world’s oldest civilizations, China and India, are also two of the fastest and most robust economies today. According to Census.gov, as of 2014, China and India ranked as the top two countries with the highest population in the world. China ranked first with 1.3B (population) with an approximate 42.3% Internet penetration, followed by India with 1.2B (population) with an approximate 81% Internet penetration. Approximately 1 billion internet users from these 2 (right to left, top-to-bottom reading) countries alone. And if theme developers do the math, even if at 1% of a billion internet users, that’s still a lot of WordPress themes right there. Too many to ignore.

Global Market Local User Design

We’ve talked about defining your target market and directing your business to reaching your specific demographic. Once you have that down pat, it’s probably time to think of expansion and consider widening your net a little further. To go a little more granular and target the local user.

With WordPress powering over 21% of the Internet and being one of the most user friendly and reliable CMS systems existing today, aside from the fact that it is free, more and more Internet users are looking to it as their platform of choice.

With that, the popularity of WordPress has crossed over into multi language markets despite having been around for only a decade and catering mainly to users of modern languages which are generally left to right in direction. Hence, the increase in demand for WordPress themes with RTL or WPML features or WP plugins that provide this functionality.

The diversity of WordPress users from all across the globe is becoming an important factor in developing themes that are relevant culturally and technically suited to these users local needs. As responsive once was a premium feature that has now become a standard feature in all WordPress themes, so shall the multi language and RTL feature become.

The Design Approach

The WordPress theme development marketplace has grown considerably with designers coming up with better and more user friendly designs that match the general needs of WordPress users. There is a huge pool of WordPress themes available for, generally, almost every type of website need out there. But there is still room to grow for more cross-cultural friendly options.

Below are some design elements that designers need to consider when creating themes that are responsive to culturally diverse user groups. (Notes culled from W3.org and Sitepoint.com)

  • Language
    – Languages don’t have a direction. Scripts have a writing direction, and so languages written in a particular script, will be written with the direction of that script. Languages can be written in more than one script.
  • Typography – fonts and characters
    – Typography can look “busier” to Western eyes than to Asian readers because many Asian scripts don’t have separate upper and lower cases. Some languages have scripts that are not alphabetic at all, but which express an idea rather than a sound. Occasionally, it’s necessary for an author to provide readers with pronunciation help for especially rare or awkward characters, usually with an alternative script in small writing above the ambiguous character.
  • Content presentation
  • Styling
  • Usability
  • Navigation
  • Mirror layout
  • Scripts (Left to Right, Right to Left, Top to Bottom)
    – Text direction is another thing that should not be confused with language. In some scripts, such as Arabic and Hebrew, displayed text is read predominantly from right to left, although within that flow, numbers and text from other scripts are displayed from left to right. Knowing the directionality of text, based on the script(s) to be used, is important to web designers and authors, because right-to-left text can be more complicated (for beginners) to work with and the organization and directionality of the page layout are affected. Therefore, knowing the writing direction can be relevant to estimating the work involved to create web pages in a new language.
  • Images and animations
  • Forms
    – Designing forms for an Asian market can have pitfalls for Western developers. For example, it’s common to require both given name and family name and give an error if both are not completed. Many Asian languages write names with family names first and given names afterwards while some have only one name. Also, do not limit the amount of characters in Address fields.
  • Mobile
  • Propriety
  • Color palettes
    – While choosing your colors for your design, keep in mind that certain colors have different connotations across cultures. For example, red is lucky for Chinese people. On the other hand, Thai people will be offended if you print their name in red — it’s the color that monks employ to write names on coffins, so to write someone’s name in red is to “wish them dead”.
  • Symbols and metaphors

For web designers, W3.org International’s tagline sums it up quite well: “Making the World Wide Web Worldwide.” Let’s!


Top WordPress Plugins February 2014

Dynamic Featured Image

Dynamic Featured Image gives you multiple featured image (post thumbnail) functionality that enables you to have multiple featured images within a post or page. This is especially helpful when you use other plugins, post thumbnails or sliders that use featured images. Why be limited to just one featured image alone when you have the option to add more.

Google Analytics Dashboard for WP

Google Analytics Dashboard for WP will display Google Analytics data and statistics inside your WordPress Blog. This plugin displays detailed analytics info and statistics about: number of visits, number of visitors, bounce rates, organic searches, pages per visit directly on your Admin Dashboard. Authorized users can also view statistics like Views, UniqueViews and top searches, on frontend, at the end of each article. The analytics data is collected in a fast and secure manner because Google Analytics Dashboard uses OAuth2 protocol and Google Analytics API. Its real-time feature displays real-time visitors, real-time sources and per page real-time traffic details

Shareaholic

Shareaholic is an extremely useful tool to get readers to actually discover and submit your articles to numerous social bookmarking sites. This plugin adds an attractive social bookmarking menu and related content widget to your posts, pages, index, or any combination of the three for easy sharing. You can increase pageviews and engagement by highlighting relevant content from across your site to your readers who would not otherwise encounter them. Shareaholic reports all of your important actionable social media metrics including popular pages on your website, referral channels, and who are making referrals and spreading your webpages on the internet on your behalf bringing you back more traffic and new visitors.

Google Drive WP Media

This plugin turns Google Drive into your upload files hosting storage where you can upload and get direct access to your Google Drive so you can manage, upload, and share your files remotely from your WordPress blog. You also have the option to auto insert your Google Drive files into your WordPress Media Library, attach your Google Drive files to your posts, upload your files from your WordPress Administration to Google Drive, or create folders to store your files.

Ebyline Payments

Ebyline Payments is a plugin that allows editors to pay blog contributors easily and safely, all within the WordPress Admin. This plugin is easy to install and setup. You can make payments via credit card to contributors directly in the WordPress interface. Contributors receive payments via PayPal. This plugin is totally tax compliant and the system generates 1099s for each freelancer you pay.

Thank Me Later

Thank Me Later sends ‘thank you’ emails to your commenters. Simply write a message saying thanks and it will be emailed after a time of your choice — 5 minutes, a day, a month, whenever. Thank Me Later attracts readers back to your blog and asks them to check for replies to their comments. Other uses of the plugin include: linking to your RSS feed to get more readers; linking to your Twitter or Facebook pages to get more followers or likes; or giving a discount for purchases.

Google Pagespeed Insights for WordPress

Google Pagespeed Insights is a tool that empowers you to make decisions that increase the performance of your website. Use Google Pagespeed Insights to increase your site’s performance, your search engine ranking, and your visitors browsing experience. This plugin features advanced data visualization, tagging, filtering, and snapshot technology. Report Summaries are a powerful and exclusive feature of Google Pagespeed Insights for WordPress. Summaries display your average Page Score, largest areas for improvement across ALL reports, as well as best and lowest performing pages. You can also configure Google Pagespeed Insights for WordPress to generate Desktop reports, Mobile reports, or both.


Around the Web: WordPress and Tech News