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.

Decoding WordPress Shortcodes

A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut. (WordPress.com)

WordPress shortcodes were introduced in version 2.5.They are a simple set of functions for creating macro codes for use in post content. It enables plugin developers to create special kinds of content (e.g. forms, content generators) that users can attach to certain pages by adding the corresponding shortcode into the page text.

According to WPBeginner,

“…a shortcode is a special tag that you can enter into a post that gets replaced with different content when actually viewing the post on the website.

…a shortcode looks similar to an HTML tag, but is enclosed with square brackets instead of angle brackets. This code gets replaced with some other code when the page is actually loaded in a web browser. The really cool thing is that WordPress allows you to create your own custom shortcodes to display pretty much anything. You could use it to output a Youtube video, show your latest tweets, or even customize it however you like.

An excellent article How to Use Shortcodes in WordPress by Lucy Beer demystifies shortcodes and breaks it down in chewable chunks quite nicely.

Simply put, shortcodes are useful because:

  • shortcodes are easy to use
  • shortcodes are easy to create
  • shortcodes simplify repetitive tasks

Commonly used shortcodes include:

  • buttons
  • content boxes
  • icon lists
  • columns
  • drop caps
  • quotes
  • pricing table
  • author info
  • contact forms
  • tabs

Today, WordPress developers are coming out with simpler and easier to use shortcodes that help even beginners to achieve professional looking websites without touching a single code. These shortcodes allow you to create custom design elements that are unique to your own website without having to use complex coding skills resulting in better looking and functioning websites.

Popular WordPress Plugins from CodeCanyon

Plugins are becoming more and more a necessity in putting up a website. These little programs significantly augment the capabilities of themes to produce more robust and highly functional awesome websites. Here are some plugins you may find very useful for your site:

UberMenu WordPress Mega Menu Plugin

Are you tired of ordinary menus that come with your purchased themes? No worries. Ubermenu is a plugin designed to enhance existing plugin capabilities of any theme. This plugin turns your theme’s menu into flyouts or mega menus. Defining the hierarchy of menu items is as easy as dragging and dropping your options. Flyouts are easily created by ordering and indenting menu options. Mega menus can be created easily starting with a tick in the mega menu options. The rest of the steps are relatively simple. This powerful plugin is fully responsive, ensuring your menus are optimized and will look great on mobile devices.

LayerSlider WP – The WordPress Parallax Slider

If you want to do away with flat boring slideshows, Layerslider is a must-have plugin for you. With Layerslider, you can display slides made up of your images layered together for a more stunning 3d look. It’s not surprising that your slides will look like an elegant pop-up book page. Animation of each slide component may be configured and controlled to create dramatic transitions. This plugin is also responsive and SEO friendly.

Slider PRO – WordPress Premium Slider Plugin

Creative professionals constantly seek unique and interesting ways to display their creative works before an audience. These professional artists tend to be more meticulous and demanding of portfolio themes that will be used to display their portfolio on their websites. Slider PRO is an amazing plugin that gives web designers a myriad of slider options like transitions, effects, skins and so much more. This plugin can really turn ordinary sites into powerful portfolio websites for creative professionals.

JackBox – Responsive Lightbox – WordPress Plugin

Here’s another plugin for creative professionals. JackBox – Responsive Lightbox – WordPress Plugin is a neat plugin that allows you to create that lightbox effect even on mobile devices and smartphones. Portfolio or image and video rich sites can take advantage of this plugin to keep their desktop presentations consistent even in mobile format.

Foobar WordPress Notification Bars

This special plugin allows you to create notification bars on your site. You can flash reminders to visitors with a notification bar at the top of the web page to highlight important announcements or information. This can also be used as a source for additional monetization opportunities particularly for websites with themes that don’t have any space for ad widgets. FooBars also allows you to display your social media buttons so visitors can contact you in the social web.

Check out these plugins and give your website that extra edge from the rest. Visit Codecanyon for more WordPress plugins.

Elegant Themes Shortcodes: Now Responsive!

With the advent of mobile platforms, WordPress themes have to adapt to the demands of this steadily growing user base. It can really be quite frustrating to read articles from any major newspaper’s website on iPhone or Android and get all the content mish mashed. Theme developers and web designers need to move more and more toward this emerging trend towards responsive themes.

It is a welcome development that Elegant Themes recently released its responsive shortcodes. While Elegant Themes has been churning out responsive themes for quite a while, the shortcodes were left out. It took 10 responsive themes before mobile friendly shortcodes were released. Great news, indeed!

So how do these new shortcodes, improve mobile browsing experience? Elegant Themes’ blog cites two examples of their improvement strategy. Tabs have always been an issue when websites typically viewed on a 960px wide screen to a 320px width. No matter what you do, having 10 tabs will alway come out cramped. Solution: Tabs turn into a slider when switching to mobile mode. It just makes sense to have sliders rather than have unreadable tab labels. Another example cited was the case of columns. As the content width gets narrower, text in columns become a bunch of flying letters. Solution: the new shortcodes convert columns into boxes when switching to mobile screens. Brilliant isn’t it? Regarding the new shortcodes, Elegant Themes has declared them to be fluid width giving them the capacity to shrink and expand according to screen size.

Web design and the emerging technology innovation and trends are accelerating even faster. More and more mobile users prefer to access the web through their devices and WordPress Themes providers need to step up their game. For loyal subscribers of Elegant Themes, these concrete steps towards updating and upgrading all Elegant Themes products is always welcome and appreciated.

Congratulations to Elegant Themes for taking WordPress theme development one step further and fully embracing the future of WordPress.

See Elegant Themes’ Responsive Shortcodes

Not Your Usual WordPress SEO Plugins To Try

WordPress as a Content Management System, in itself, is already a good platform for SEO goals because of the way it is structured. But you can always make a good thing better if you want to. Check out these fresh SEO plugins that you might not have heard of but might help make your SEO efforts yield even better results.

Premium SEO Pack for WP

This plugin in gives you a whole array of tools to help you optimize your site’s visibility in internet searches. The plugin includes monitoring tools like Google Analytics, SERP tracking, On-Page and Off-Page optimization tools, the premium Mass Optimization feature that allows you to optimize all your posts and pages at once. Another cool on page feature is Local SEO. This allows you to rank your pages based on the geographic locale. Other noteworthy on page features are: title & meta format, sitemap, SEO slug optimizer, SEO feature optimizer and google authorship. The SEO pack also includes Link Builders, Backlink Builder, Social Stats, Page Speed Insights, Smush It, and also an SEO code insert feature.

WordPress SEO Post-Optimizer

WordPress SEO Post-Optimizer plugin assists you in optimizing page rank posts. This plugin checks your posts againsts SEO criteria, checks for keyword density (the right amount of keywords in a post), and autochecks for the SEO score of your post every 15 seconds. The SEO scores are expressed in percentage. A real time check on the amount of words is also done in recognition of the fact that search engines usually prefer content with more than 300 words. The plugin also checks if the post has images or not and also if there are links to older posts on your blog to improve your internal content structure. The Post Optimizer plugin also checks for internal links, the usage of h-tags and alt-tags, and bold, italicized, or underlined keywords in your post.

Rankie

Rankie is a WordPress Rank Checker plugin that helps you keep track of WordPress rankings on Google keeping a close eye on each keyword position. The plugin allows you to track an unlimited number of keywords on Google and keeps updating these ranks daily. You can also check out ranking trends per week, month or all time. The plugin is also a great keyword research tool that helps you generate keyword lists by suggesting possible alternatives to keywords of interest. You can track unlimited number of keywords ranking on Google and keep updating these ranks daily as it works as a WordPress SERP plugin, generate ranking reports per month, per year or by all time letting you know how ranking is going up or down with details on every single position change for each tracked keyword, including many other helpful tracking functions.

Ultimate Video SEO Plugin

Ultimate Video SEO Plugin is an advanced stand alone plugin for WordPress which covers all aspects of Video SEO. It automatically fetches video SEO details from videos of all major video hosting providers and submit it to a video sitemap. What can it do? It supports self hosted videos in all WordPress supported video formats. It notifies search engines whenever a sitemap is updated or generated. It supports video embedded through shortcode or metabox (created by third party plugins or theme). It supports self hosted videos embedded using default WordPress media gallery. It adds schema.org video object markup to all your video posts/pages. It shows snippet preview of video search results within your post editor.

Meta Tags Optimization

Meta Tags are keywords used by search engines to find useful information. A lot of times the title and nature of the content may not be associated with the right meta tags. The Meta Tags Optimization plugin advices the admin whether the page is optimized correctly, by highlighting with green and red colors the Meta Tags that are found on the page. While the plugin will not tell us what tags to add or eliminate, it will highlight with red the incorrect inputs. This plugin gives useful information to the writer by highlighting meta tags on the page that may not be the best suited for the content. This plugin also lets you optimize meta tags for posts/pages by providing you clear instruction to repair your meta tags.

Best WordPress Themes 2021

UPDATED April 12, 2021: 2021 is sure to be another great year for WordPress Theme development. Like the millions and millions of people using WordPress, we eagerly await the Themes and Plugins to be released this year, and you can …

What Features Do Most Commercial WordPress Themes Have in Common?

WordPress users enjoy many benefits not necessarily available in other content management systems. The plethora of high quality WordPress themes that users can choose from is more than enough to dress up any website. Whatever type of website you plan to put up, most likely, there is a WordPress theme for it. Here are some of the most common features present in some of the most popular WordPress themes in the market today.

A Great Slider

An effective theme must help create a steady following for your site. It must be able to captivate casual visitors and convert theme into followers that eventually become clients and customers. A slideshow is a great tool that can deliver quick, dramatic visual impact combining the use of images with taglines, spiels, or memes to hook visitor interest. This billboard-like effect gives casual visitors something to spark their curiosity and encourage them to examine and explore your site further. The short attention span this generation has, a slider is an indispensable feature for any website. Popular plugins like Slider Revolution, Layer Slider, Nivo Slider, and Flexslider make the job a whole lot easier.

Parallax and Animation

Once you’ve gotten the attention of visitors, the challenge shifts towards keeping their interest. Perhaps you’ve attended lectures were you came in with excitement about what you could learn only to be disappointed by a boring, uncharismatic instructor whose droning voice put you to sleep. This is analogous to going through great content in boring or even hard to read content. This actually narrows your followers to those who are actually already sold to your content. If your goal is to convert more people to your product or service, the presentation of your content has to facilitate easy reading and assimilation of information. Corporate presentations are often more effective when stats are represented as animated charts and bullets. These actually help executives focus on the items that need to be considered. Having animated bullets and content sections also give focus on items you want your visitors to remember.

Flexible Layout with Drag and Drop Capability

Presenting your content is important in developing your following. While animation helps your audience focus on key points of your content, a sound content structure is still required for visitors to make sense of your site as a whole. Being able to piece together key points into a cohesive body of knowledge will drive home a stronger message to your visitors that will keep them coming for more. To do this, your content has to be organized in such a way that visitors go through important sections in a natural, stress free manner. The natural flow of content will vary according to your audience. Recognizing this, themes that have been designed and devised to respond to the needs of various audiences will bring a higher conversion in terms of subscribers and followers. A lot of themes now include drag and drop page builder features allowing you to assemble your own pages from scratch. Some themes come with ready made layouts for almost any type of site which can be tweaked to meet specific audience needs. Most, if not all, of these themes have powerful options panels and shortcode generators for maximum customization flexibility.

Mobile Friendly

Mobile is a platform that cannot be ignored. Mobile gadgets are part of today’s lifestyle because of the convenience it provides its users. As such, theme designers and developers are forced to confront the peculiarities one encounters when using a mobile device. A theme has to be responsive. This means it has to be able to adjust to give the best possible display regardless of what device you use to browse your site. Theme pages need to have the capability to reorder and resize according to tablet and smartphone displays without sacrificing the beauty of the theme on desktop. In addition to this, special navigation menus for mobile devices must be able to facilitate the interface differences on these devices from desktop. Usually, the Bootstrap framework is a theme author’s go to option to ensure optimal performance on mobile platforms.

Good SEO

No matter how great your site is in terms of content or aesthetics, it must be found by your target audience. Great themes are coded in such away that is friendly to search engines to help land your site on the first few pages of search results. This is accomplished in a number of ways: meta and links, XML sitemaps, RSS Optimization, and Breadcrumb among others. There are numerous options to ensure your site is covered by good SEO measures. Clean code, SEO optimized images and videos, and installing reliable and tested SEO plugins like SEO by Yoast, etc. are some of the many SEO practices you can integrate on your site.

5 Most Popular Page Builder Plugins Roundup

Drag and drop customizations via Page Builder plugins are quite popular because of the ease it provides in creating multiple layout configurations without messing with code. There are several page builders available in the WordPress market today. Here are some of the most popular ones:

Visual Composer

Visual Composer is #1 Best Selling drag and drop frontend and backend page builder with 70k+ websites already powered. This plugin offers drag and drop page building with an intuitive user interface. What makes Visual Composer convenient is its front end page building capabilities. Visual Composer allows you to choose from 40+ different page elements or use custom shortcodes. The plugin also allows you to design your pages in a responsive way. The developers offer lifetime updates free of charge and has lots of tutorials available to help you use the plugin. The capabilities of Visual Composer may also be extended with premium add ons like Templatera or Easy Tables. You will be able to take full control over your WordPress site, build any layout you can imagine with no programming knowledge required.

Live Composer

Live Composer is a front-end WordPress page builder plugin with 28+ modules packed with functionality and styling options that allow countless variations to be made easily and without any coding. Live Composer offers front end drag and drop page building capabilities to your themes. It is designed to turn any theme into a feature packed beast. Live Composer comes with 28+ modules with easy customize options for each. Each module can be adjusted for device specific options making sure your pages look great on tablets, smartphones and desktops/laptops. You also have the option to create your own modules for specific functionality. Live Composer comes with special post types like Projects, Galleries, Downloads, Testimonials, Staff and Partners and transferring what you do on one page to another is easy with Live Composer’s Templates system.

Awesome Builder

Awesome Builder is a WordPress Drag & Drop Page Builder and shortcodes generator that offers the best solution you need to build a modern web page in the easiest way ever. This plugin widgetizes your pages allowing you to drag and drop your widgets into any section of the page. No need to create new modules. You can use existing widgets on your website. You can also use 25+ widgets included with the plugin but it will work with any widget you have. The plugin also enables a responsive layout for your pages. Awesome builder supports animation for each widget you add. Awesome Builder supports full width, background color image and video support.

Parallax One Page Builder

Parallax One Page Builder enables you to create your own one page website in just a few minutes. With this plugin you can create unlimited landing page with more features options and unlimited sections each with parallax effects as you enable. The plugin also comes with gallery and portfolio capabilities included. The first section gives you 7 slide gallery you can use with images, color or YouTube video. Each section there after can have an image, color or YouTube video as background. Plugin employs custom SEO for improving your sites web search results.

Drag and Drop Shortcodes

Drag and Drop Shortcodes is a great WP plugin with intuitive drag&drop interface and lot of elements to choose from, like: Accordions, Stats Counter, Knobs, Alert Boxes, Animation Box, Price Boxes, Progress Bar, QR Code, Service Boxes, Tabs, Team Member, Map, PayPal Buttons, Member Only Content, Tooltip, YouTube, Vimeo and self hosted HTML5 video. Drag and Drop shortcodes offer convenient page building capabilities using a highly intuitive backend interface. The plugin comes with a lot of page elements including Video, Stats Counters, Progress Charts, etc. Draggable sections and column allows you to present content as you see fit. Animation options, parallax and video backgrounds help you enliven your content even on the most boring default themes. What makes this plugin even more special is that it allows you to create your own modules with shortcodes.

Happy Birthday WordPress!

WordPress celebrates its 11th year this May and it can only get better. It may be a bit more quiet than last year’s 10th year celebration but things have been equally if not more exciting than ever. Here are some interesting statistics you need to know about WordPress (.com and .org).

  • 11 Years
    It’s been 11 years since WordPress was first released – May 27, 2003 to be exact.
  • 22% Usage, 60% Market Share
    According to W3Techs.com, WordPress is used by 22.3% of ALL the websites, which translates to a content management system market share of 60.0%.
  • WordPress 3.9 – Downloaded 19.3 million times
    WordPress 3.9 which was released fairly recently has already been downloaded more than 19.3 million times (as of this writing).
  • 2,531 themes, 101,742,042 downloads
    – in the WordPress Theme repository alone with approximately more than 10,000 themes available in the marketplace.
  • More fun embed stats from partners and friends that their users have embedded WordPress short codes on their sites:
    Twitter – 32,978,750 (as of May 2014)
    YouTube – 12,933,230 (as of Apr 2014)
    Flickr – 14,952,725 (as of Apr 2014)
    Vimeo – 29,158 (as of May 2014)
  • WordPress localized in 140+ ways. Find your language here.

Happy Birthday, WordPress!