Do WordPress Version Updates Scare You?

WordPress updates are always something to look forward to. The aggressive approach to improving and upgrading probably the most popular and widest used CMS platform on the internet has made way for more beautiful and easy to manage websites, filled with functions and features more appropriate for today’s internet user. It’s definitely Kubrick and beyond already.

Today, updating your WordPress version is much simpler. It is as easy as clicking a mouse, as it is conveniently done in the confines of your own back end admin panel. Once you see the “There is a new WordPress version available.” Simply click the download or update button and Voila! Update done. However, updates affect different websites in different ways. The possibility that it may break your site exists especially if a lot of customization and coding – plugins, widgets, scripts, and all – has been done to it. Now if you are really into testing and development and really want to push the limits of what abuse WordPress can take, that’s another story. But for the most part, the average WordPress website owner simply wants something that works and will not hinder his business.

There are many opportunities for providing web clients with straight out of the box websites using WordPress themes. This ecosystem has opened up avenues to many WordPress professionals, whether theme developers or service providers, to earn a decent living from it. For the most part, business owners, especially established ones, want to focus on growing their business rather than tinkering with their websites. They will pay professionals to do that and most of the time they want someone to maintain their websites for them. Updates and all.

But what if you are just an average WordPress user who has some but not a lot of WordPress know how? What if you fancy this latest WordPress theme or cool plugin everybody’s raving about and install it? Then suddenly, your website goes haywire because apparently it’s incompatible with the WordPress version you currently have installed.

Here are some tips and tools you can use to make sure you can restore, rebuild, and backup your site before you do any updates.

  • Backup your site before doing any major changes. UpdraftPlus is a quality WordPress plugin that simplifies backups (and restoration). You can 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. You can also assign separate schedules for files and database.
  • No time? Try automatic backup with BackWPup Free to save your complete installation including /wp-content/ and push them to an external Backup Service, like Dropbox, S3, FTP and many more, see list below. With a single backup .zip file you are able to easily restore an installation.
  • Take your time. Sometimes the Update Now message on your dashboard can be a little nagging and pressure you into clicking the update button right away. Take time to go through the version numbers, change logs, the new features, compatibility, and the feedback of the community. Don’t be too quick to pull the trigger as it might save you from a lot of headache later on.
  • Disable plugins manually if necessary as some of them might not be compatible with the version you are updating to. This will help you avoid messages or denied access to your site if ever. You can always manually restore these plugins one by one to make sure each one works properly.
  • You may also want to choose to disable update notifications just in case using plugins like Disable All WordPress Updates or No Update Nag. This might come in handy for webmasters to implement so as to avoid clients from updating their WordPress websites by mistake.

Updates don’t have to be scary as long as you can confidently and easily restore your site to its former state before the update. Make sure these backup measures are in place for your peace of mind.


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 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!


Around the Web: WordPress and Tech News


WordPress Resource : Free Icons

The Internet is a great resource for anything and everything – for free or for a fee – especially if you are into web design. Don’t break the bank just yet if you are just dabbling into web design and it is not a professional thing for you yet. Check out these high quality design elements and incorporate them into your projects:

Metrize Icons

Metrize Icons is a free collection of 300 metro-style icons for designers and developers. The bundle also includes Metrize Font Icons and the necessary scripts for compatibility with IE7 and the complete character map. This icon set is perfect for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like. All Icons, WebFont and Updates are Free.

Dashicons

Dashicons is a new feature that slipped into the admin side of WordPress with the recently-released 3.8. This feature gives plugin developers a nice set of pre-made and pre-loaded icons to use. Using them in your WordPress custom post types is as simple as adding a parameter to your register_post_type() function.

Genericons

Genericons are a free, GPL, flexible vector icons for blogs embedded in a webfont and are designed to be clean and simple keeping with a generic aesthetic. It can be used for instant HiDPI or to easily change colors on the fly. It includes: Social icons(Skype, Digg, Reddit, Stumbleupon, Pocket), New generic icons (heart, lock and print), New editing icons (code, bold, italic, image), and New interaction icons (subscribe, unsubscribe, subscribed, reply all, reply, flag), among others.

400 Hand Drawn Icons

400 Hand Drawn Icons Set has been provided by Freepik.com exclusively for the readers of Blog Oh! Blog. These are free to use in your personal and commercial projects and are provided in SVG (Scalable Vector Graphics) format and can be easily used on any website.

Free Line Icons from Elegant Themes

This free line-style icon set from Elegant Themes ships with a total of 100 different icons and is a re-mastering and expansion on their previous Divi Icons. The new set has been re-created at a new size and line-weight, and 50 new icons have been added as well! The download package includes the vectored .AI and .SVG files, as well as 32px and 64px .PNGs.

Free eCommerce Icon Set

This set of 33 flat e-commerce icons were exclusively designed and created for Smashing Magazine by the team at Responsive. The icons are ideally suited to e-commerce projects and include many popular payment providers, including Bitcoin. The icons come in different-sized PNGs (32 × 32, 64 × 64, 128 × 128 and 256 × 256 pixels), and the set includes Photoshop and Illustrator files containing all of the icons. Released under the Creative Commons Attribution-ShareAlike 3.0 Unported license, freely available for private and commercial projects.

Enjoy these free graphic design resources and share your projects with us.


Creative WordPress Themes January 2014

Update your creative portfolio with a new look and a new WordPress theme. Check out these great looking portfolio styled WordPress themes to start the year fresh:

Horizontall

Horizontall Premium WordPress Theme is a unique, clean, and modern premium theme with excellent typographic aesthetics that allows for both horizontal navigation and vertical navigation all in one theme. Primarily suited for a creative portfolio with rich content, this theme is extremely customizable and flexible enough to fit all other types of websites. Portfolio images or plain text content can fit in any of the 9 schemes that come with the theme. You can customize sizes, colors, elements to display, and you can display 3 different sections of your site with different custom styles.

Scripts and styles are compressed and images are loaded with Lazyload for fast loading content. Content of individual articles are loaded dynamically into the home page or category page, while the address bar changes accordingly to what you are viewing. This way users can access the content without reloading the page, and share it or bookmark it to come back later.

Warhol

Warhol Premium WordPress Theme is a responsive portfolio theme built with clean design, smooth scroll and functionality to best present your creative work. It has different post types like: blog, service, gallery and testimonial posts. This premium theme is simple to use and its branding features give you numerous options to customize colors and fonts to create your own style. The multi layout option with 13 template pages gives you several choices to create your own unique look. You also have audio playing capabilities for photography sites that want to have audio playing in the background.

PortfolioRx

PortfolioRx Premium WordPress Theme is a clean and well-structured minimalistic Swiss-styled portfolio theme designed for creatives. The overall look and aesthetics coupled with typographic and media choices have a retro flair that will appeal to design agencies. PortfolioRx is perfect for artists from any discipline: web, graphic, motion, sound, print, art whether for an online portfolio or for personal use. It comes with a powerful admin panel, 4 different custom widgets, short codes generator, contact form 7 support, a smart scrollbar (can be enabled in the theme settings), and so much more.

Portal

Portal Premium WordPress Theme is a full screen portfolio template with tons of options for displaying your work. It comes with: 35 layouts for displaying content, a logo portfolio, architecture portfolio, web design portfolio, product portfolio, illustrations portfolio and software portfolio ready for you to insert your content. It also includes a unique horizontal scroll gallery and portfolio sections perfect for presenting your work in a full screen environment. You also have 5 different blog post versions, drag and drop page editing, Revolution Slider, tons of icons, and so many other features design agencies can use to set up their sites.

Dignity

Dignity Premium WordPress Theme is a dynamic multi layout portfolio theme that gives you a ton of layout possibilities for you or your client’s website. This simple & easily reusable One Page styled web template with an expanding portfolio feature is an effective way to present all your creative work all in one page. Featuring 12 home page variants, animated elements, parallax layers, retina ready & responsive layout, full screen BG images / BG video YouTube & Vimeo / Full screen Flickr Images BG, AJAX media portfolio, touch carousels and many more features.

Ebor

Ebor Premium WordPress Theme is an elegant and professional looking portfolio theme perfect for agencies, individuals, freelancers or bloggers looking to present an online portfolio without overdoing it. This simple and straight forward theme packs a lot of hidden power with lots of awesome features. Ebor uses a new custom field in the WordPress Customiser – a Google font selector – curating for you 10 perfectly crafted, hand picked fonts that are just right to create that professional aesthetic. Ebor comes with a built in Coming Soon Page, a built in Maintenance Page,full support for Contact Form 7, included plugins, Revolution Slider, a short code plugin, and many other well-thought out features without the bloat. This premium theme is designed to keep things simple for you without sacrificing design and function.

Angle

Angle Premium WordPress Theme is a multi-purpose, ultra-flexible, fully responsive WordPress theme sporting a flat design from another angle. The unique graphic and geometric aesthetics powered by Bootstrap functionality makes this theme extremely flexible. Key features include: Visual Composer, Revolution Slider, Isotope, SVG PAge Section Decorations, WPML Ready, Font Awesome Icons, and a whole lot more. It also comes with several page templates like Product Launch Page, Shop Page, Blog Page, Pricing Page, 404 Page, Maintenance Mode Page, and several other pages useful to any online service or business.


Miscellaneous WordPress Themes January 2014

Start off the year in style with these miscellaneous WordPress themes to match your online business:

Cafeteria Responsive WordPress Theme

Cafeteria Responsive WordPress Theme is a premium theme designed for a cafeteria web site, a restaurant web site, or any other types of food service website such as bistros, bars, fast foods, bakeshops, etc. The sweet and deliciously saccharine design appeal of this theme will surely put a smile on your clients’ faces. The template is adaptive and very easy to customize sporting a semi retro style complete with parallax effects to help make your site simply irresistible.

Mercy NGO Charity & Environmental/Political Theme

Mercy Premium WordPress Theme is a clean and elegant theme, developed mainly to setup NGOs, non-profit organizations and corporate websites. It is easy to fully customize the layout, colors and style within minutes due to the superb flexibility of its framework. You can also create unique websites for other purposes like magazine, blog, creative or business. Use the color picker to create your own color scheme and make it as elegant or as high impact as you want. This theme is most suitable for small to large NGO organizations’ website. This clean and minimalist PayPal integrated theme allows you to add as many causes as you need, is translation ready with built in RTL support, and is also WooCommerce ready.

Humbleshop Minimal Easy Digital Downloads Theme

Humbleshop Premium WordPress Theme is a Bootstrap based framework theme designed for the Easy Digital Downloads Plugin. This simple and straightforward responsive theme comes with a real-time theme customizer, related product function, and is additional product image ready. It also includes scripts and plugins: Flexslider, Magnific Popup, Fitvids, Equalize, and Selectnav, to give you more customization options.

Party Night Night Club WordPress Theme

Partynight Premium WordPress Theme is a sleek and modern club and party WordPress Theme for night clubs, parties, night events etc. Its flat, clean, and tidy graphics create a classy vibe sans the usual garish and screaming designs typical of night club or events themes. Enhanced functionality allows users to easily customize the look of the theme. Main Features include: Revolution Slider, Events booking support, Table reservation support, Advanced Events organizer (tickets, event builder), WPML support, News Management, and Blog Management.

Actority WordPress Template for Casting Agencies

Actority Premium WordPress Theme is a professional responsive casting agencies’ WordPress template especially designed for those in the entertainment or theater industry. If you’re a producer looking for background talent, or a background actor looking for work, create your own online portal with Actority. This premium theme can also be for other kinds of agencies like real estate or a travel/tourist agency. This fully responsive theme includes several pages like: For Actors page, Application List page, Contact page, Portfolio page (filterable), and other additional page templates. Actority fits any screen, from the largest desktop screens, to any tablet size, down to the smallest smartphones and is very intuitive on any device.


WordPress News Roundup 2013 – The Year That Was

Here are some of the top WordPress stories that made 2013 one of the most exciting years in WordPress history:

  • The release of the Twenty Thirteen default WordPress theme. The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way.
  • The release of the Twenty Fourteen WordPress theme. This default theme lets you create a responsive magazine website with a sleek, modern design, feature your favorite homepage content in either a grid or a slider, use the three widget areas to customize your website, and change your content’s layout with a full-width page template and a contributor page to show off your authors.
  • Automattic acquires Cloudup, a company founded to easily share videos, photos, music, links, and docs.

The release of the last few WordPress versions, particularly 3.8, marks the beginning of a new era using the plugin-first development process. The ongoing commitment of the WordPress community to come up with better and more responsive software raises the bar and expectations for a more exciting new year ahead.

Hello world. Hello 2014!


Play With The Code Using These WordPress Code Editors

Majority of WordPress users hate messing with code. But, there are those, (developers, but certainly not limited to) who can’t get enough of it and consider spending countless hours of coding simply child’s play. Here are some of these code editing “toys” you can try to get your fill of code poetry heaven.

Shift Edit

This online editor allows you to: access files from various sources (FTP, SFTP, WebDAV, Dropbox, Google Drive, or Amazon S3), autocomplete code for HTML tags, CSS and PHP code assist, highlight syntax errors and automatically fix them, do live editing and see realtime updates as you tweak your code, step back to a previous version of the file, open and save files when using the chrome app.

“The online IDE is one of the final frontiers of apps ported to the web. I would like to be able to develop from any computer or operating system and have the same experience without having to install software or configure anything.” – Adam Jimenez (founder)

Codeanywhere

Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML). It lets you code from anywhere, without the need to bring anything along with you. Just log on to Codeanywhere with any computer or smartphone, and all your servers (FTP, SFTP and Dropbox), files, everything is waiting for you, even the files you left open will be open when you login again. Key features include: syntax highlighting, code folding, smart indentation, full internationalization, displays line number, word wrap, code indention (Tab key), unlimited undo/redo, etc.

BluePen Editor

BluePen Editor is a PHP-powered CSS editor that can be installed to any static or dynamic website and makes live CSS editing possible. It’s an online visual CSS editor and a “must have” web developer tool which makes a difference in styling online content: it runs in a browser (it’s an online application), it makes you see the changes immediately (Real-time editing), it’s a stylesheet editing software (CSS styling).

Advanced Code Editor

Advanced Code Editor enables syntax highlighting in the integrated themes and plugins source code editors. This plugin supports PHP, HTML, CSS and JS. Effectively edit your themes or plugins when you only have access to a browser, by enabling syntax highlighting in WordPress integrated source code editors. Other features include: mixed language syntax highlighting, smart search, full screen editor, multiple undo and redo, ajax create/delete file, ajax create new directory, auto format and indenting code, and so much more.

WP Editor

WP Editor is a plugin for WordPress that replaces the default plugin and theme editors as well as the page/post editor. Using integrations with CodeMirror and FancyBox to create a feature rich environment, WP Editor completely reworks the default WordPress file editing capabilities. Using Asynchronous Javascript and XML (AJAX) to retrieve files and folders, WP Editor sets a new standard for speed and reliability in a web-based editing atmosphere.

Better File Editor

This plugin replaces the boring, clunky, and difficult to use theme and plugin editor with a full-featured code editor using the Ajax.org Cloud9 Editor. Adds line numbers, syntax highlighting, code folding, and lots more to the theme and plugin editors in the admin panel.