All posts tagged “WordPress”

Coding Standards For WordPress [Guide]

The reason that we have coding standards at all (not just for WordPress) is to create a familiar environment for programmers working on a project. WordPress in particular encompasses a wide variety of products. From the core itself to themes and plugins, there is a lot to look at – and a lot to get mixed up about.

coding standards for wordpress

If everyone formats their code the same way, uses comments, the same style of documentation and so on, working together becomes that much easier, and the learning curve of joining a new project won’t be as steep.

The need for cohesion in WordPress is magnified by the state in which the codebase is. WordPress does not follow a strict object oriented approach and doesn’t use an MVC pattern. Projects that follow an OOP and MVC guidelines without exception (like Laravel) have consistency and best practices “baked in” due to their structure.

WordPress is unfortunately ripe for spaghetti coding, aka doing whatever you want. Best practices are difficult to enforce simply because products employing bad code may work just as well (on the surface).

By following the WordPress Coding Standards you can learn a little about the coding ethos of WordPress, create more WordPress-compatible products. show the community that you care and you wrangle high quality code.

More on Hongkiat.com:

Some Notes On The Standards

The standards do not define right and wrong. You may disagree with a rule, for example braces should always be used, even if they are not needed. The purpose of the WordPress coding standards is not to decide if you are right or wrong, it’s to decide how it should be done in WordPress.

The standards are not up for debate. Use of the standards is not the place to take a stand against an indentation style you don’t like. If something is in the coding standards then do it that way. WordPress developers will love you for it! That said, if you do not agree with something in there do raise your voice and let people know. It’s always possible to do things better but you should only change your coding style if the standards allow for it.

Consistency over anal retentiveness. If you’re in the last 10% of your project and you’ve just discovered that you’ve been using the incorrect naming convention for classes, don’t switch mid-way. In my personal opinion, I would rather read something consistently incorrect than something which is sometimes correct and sometimes not. You can always write a script to change things in one go, or read through your code at the end.

Following standards is difficult! Placing a brace on the same line as the function instead a line below is pretty easy, even if you’re used to hitting enter before. However, when you need to think about 100 little rules, the whole process becomes a bit error-prone. Despite my tough stance on following standards I am as guilty as anyone else on making mistakes. At the end of the day, incorrect indentation is not an irrevocable sin. Try your best to follow all the rules, you’ll learn everything in time.

WordPress Coding Standards

Right now WordPress has four guides, one for each major language used: PHP, HTML, Javascript and CSS. They form a part of a larger body of knowledge, the Core Contributor Handbook. Going through everything would take a while so I’ve highlighted some snippets from the four languages which I frequently see people getting wrong.

PHP

PHP is the main language of WordPress and is a quite loosely typed language which which makes it ripe for regulation.

Brace Styles

Starting braces should always be placed at the end of lines. Related statements should be placed on the same line as the previous closing brace. This is best demonstrated with a code example:

if ( condition ) { // Do Something } elseif ( condition ) { // Do Something } else { // Do Something }

Generous Space Usage

I’m not a fan of squashed up code (I have bad eyesight) so this is one I particularly like to enforce. Put spaces after commas, and on both sides of logical, comparison, string and assignment operators, after if, elseif, for, foreach and switch statements and so on.

It’s easier to say where spaces shouldn’t be added! The only times you shouldn’t add spaces is when typecasting or referencing arrays.

A rather confusing exception to the exception is arrays where the array key is a variable, in this case, use a space. This example should make this clear:

function my_function( $  complete_array = null, $  key_1 = 4, $  key_2 = 'bar' ) { if ( null == $  complete_array ) { $  final_array = $  complete_array; } else { $  key_1 = (integer) $  key_1; $  final_array[0] = 'this'; $  final_array[ $  key_1 ] = 'is'; $  final_array[ $  key_2 ] = 'an'; $  final_array['last'] = 'example'; } return $  final_array; }

Naming Conventions

This one can be hard to get used to, especially if you come from different environments. In a nutshell:

  • Variable names should be all lower case, words separated with underscores
  • Class names should use capitalized words separated by underscores. Acronyms should be all uppercase
  • Constants should be all uppercase, spearated by underscores
  • File names should be all lower case, separared with dashes

Yoda Conditions

Writing conditions the other way around than you’re used to will prevent parsing errors. It looks a bit weird but it is better code.

if ( 'Daniel' === $  name ) { echo 'Write article you will'; }

HTML

HTML doesn’t have that many rules associated with it, I could come up with quite a lot to make things more modular. There are only five rules you need to know when writing HTML:

  1. Your code must validate against the W3C validator.
  2. Self-closing HTML tags must have exactly one space before the forward slash (this is one I personally hate, but it’s a W3C specification, not just a WordPress pet peeve)
  3. Attributes and tags must be all lowercase. The only exception is when attribute values are meant for human consumption, in which case they should be typed naturally.
  4. All attributes must have a value and must be quoted (writing <input disabled> is not correct)
  5. Indentation should be achieved using tabs and should follow logical structure.

CSS

CSS is another loosely typed language so there is plenty of work to be done here as well. Even so, the standards go pretty easy on coders.

Selectors

Selectors should be as qualified as necessary, be humanly readable, be all lowercase with words separated with dashes, and attribute selectors should use double quotes. Here’s a concise example:

input[type="text"], input[type="password"], .name-field { background: #f1f1f1; }

Property Order

The standards recognize the need for some personal space here as they don’t prescribe a specific order for CSS rules. What they do say is that you should follow a semantic structure that makes sense. Group properties by their relationships or group them alphabetically, just don’t write them out randomly.

The largest cause for randomness is the “oh I also need to add a margin” and then proceeding to add it to the bottom. Take the extra .3 seconds and add the rule in the logical place.

  • Display
  • Positioning
  • Box model
  • Colors and Typography
  • Other
.profile-modal { display: block; position:absolute; left:100px; top:90px; background: #ff9900; color: #fff; }

Value Formatting

This is one place where I particularly hate seeing inconsistencies. If you don’t follow the guidelines, that’s still better than sometimes seeing a space before the value; sometimes using shorthand, sometimes not; sometimes using units on 0 values, sometimes not, etc.

Value formatting is pretty complex but it does come naturally with some practice. Take a look at the exact guide in the Codex for formatting your values.

Javascript

In my experience Javascript is most prone to going all over the place. While many developers know a considerable amount of Javascript it was learned gradually, as an afterthought to HTML, CSS and PHP. When you’re just starting out with a new language you make a lot more mistakes and if those mistakes don’t cause fatal errors, they can become ingrained in you.

In many cases the standards refer to a line limit or state “if a line isn’t too long”. This refers to the jQuery Style Guide which imposes a 100-character limit on lines. The WordPress guide is based on the jQuery guide, so it’s a good idea to give that a read as well.

Semicolons

This is a the simplest rule but is one which is frequently overlooked. Never, ever, omit a semicolon just because your code will work without it. It’s just sloppy.

Indenting

Tabs should always be used for indenting. You should also indent the contents of a closure even if the contents of a whole file is contained in one. I’m not sure why but unindented top-level closure bugged me even before I read the standards.

Breaking lines

When breaking long strings, always break the line after an operator, don’t leave a variable hanging about. This makes it obvious at first glance that the line is broken and you haven’t just forgotten a semicolon.

Also, if a condition is long, break it into multiple lines and add an extra tab before it. This one looks very weird to my eyes but the separation it adds between the condition and the body is very visible.

if ( firstCondition() && secondCondition() && thirdCondition() ) { var html = 'This line consists of ' + n + 'words, so it should be broken down after ' + 'an operator'; }

jQuery Iteration

According to the standards jQuery iteration (jQuery.each()) should only be used on jQuery objects. You should use basic for, for/in, while loops in Javascript for iterating over other collections.

Conclusion

There is a lot to note and keep track of and there is no way someone can apply all this in one go. You should take your code as close as you can to the standards and work at following them exactly.

In my opinion consistency is the most important rule. It is better to consistently do something incorrectly than to switch half-way. This is especially true with formatting practices since these don’t affect the functionality of your code and – for the most part – can be easily batch-changed later.

Do you hate an element of the coding standards, do you think something should be added? Let us know in the comments!





hongkiat.com

45 New & Creative WordPress Website Designs For Inspiration

WordPress is known as the best blogging platform for a reason. Statistics show that WordPress runs 23.4% of all the websites globally, which means, the content management system holds a market share of 60.6% and that is enough to rate it as the most popular choice.

45 New & Creative WordPress Website Designs For Inspiration

Many of you may already know that instantShift is also powered by WordPress. It is a free blogging tool and vibrant content management system which is based on PHP and MySQL which enfolds a multiple number of features and functions on it.

Everyone knows it as an amazing CMS platform. One excellent thing with WordPress is it has got a plenty of plugins and resources which helps in enhancing the functionality of any website.

WordPress is an open source software (OSS), which means that anyone can create new software that would improve the functionality of WordPress. Thanks to numerous independent developers, WordPress is one such CMS with remarkable admin section simplicity. Many developers’ contributions made it possible for WordPress to have the ability to create very different types of websites, not only blogs alone.

Fresh WordPress Website Designs for Inspiration

Here in this showcase below, you’ll find a comprehensive collection of Fresh and Inspirational WordPress Website Designs which will give you better understanding of design capabilities as well as inspiration for your site.

Leeroy

instantshift - Inspirational WordPress Site Designs

Official Link

Illusion

instantshift - Inspirational WordPress Site Designs

Official Link

Oudolf

instantshift - Inspirational WordPress Site Designs

Official Link

Bindfilm

instantshift - Inspirational WordPress Site Designs

Official Link

Statek Psychologia

instantshift - Inspirational WordPress Site Designs

Official Link

Traveling Vineyard

instantshift - Inspirational WordPress Site Designs

Official Link

Keisatodesign

instantshift - Inspirational WordPress Site Designs

Official Link

Gearbox

instantshift - Inspirational WordPress Site Designs

Official Link

Icons Mind

instantshift - Inspirational WordPress Site Designs

Official Link

Ballastpoint

instantshift - Inspirational WordPress Site Designs

Official Link

Fuzzco

instantshift - Inspirational WordPress Site Designs

Official Link

No9

instantshift - Inspirational WordPress Site Designs

Official Link

Pete Nottage

instantshift - Inspirational WordPress Site Designs

Official Link

Lighthouse Brewing

instantshift - Inspirational WordPress Site Designs

Official Link

Ringana

instantshift - Inspirational WordPress Site Designs

Official Link

Berger Fohr

instantshift - Inspirational WordPress Site Designs

Official Link

Clicky

instantshift - Inspirational WordPress Site Designs

Official Link

Iloveneon

instantshift - Inspirational WordPress Site Designs

Official Link

Amarok Films

instantshift - Inspirational WordPress Site Designs

Official Link

Heckhouse

instantshift - Inspirational WordPress Site Designs

Official Link

Ionic Security

instantshift - Inspirational WordPress Site Designs

Official Link

CR Fashionbook

instantshift - Inspirational WordPress Site Designs

Official Link

Ad Venture

instantshift - Inspirational WordPress Site Designs

Official Link

Hey Studio

instantshift - Inspirational WordPress Site Designs

Official Link

Insegment

instantshift - Inspirational WordPress Site Designs

Official Link

Styleshot

instantshift - Inspirational WordPress Site Designs

Official Link

Your Auxiliary

instantshift - Inspirational WordPress Site Designs

Official Link

Martin Watier

instantshift - Inspirational WordPress Site Designs

Official Link

Studiogusto

instantshift - Inspirational WordPress Site Designs

Official Link

Other Focus

instantshift - Inspirational WordPress Site Designs

Official Link

Aiga Portland

instantshift - Inspirational WordPress Site Designs

Official Link

Fahrenheit

instantshift - Inspirational WordPress Site Designs

Official Link

Keroth

instantshift - Inspirational WordPress Site Designs

Official Link

Progetty

instantshift - Inspirational WordPress Site Designs

Official Link

Aspen Homes

instantshift - Inspirational WordPress Site Designs

Official Link

Planetife

instantshift - Inspirational WordPress Site Designs

Official Link

Shake Interactive

instantshift - Inspirational WordPress Site Designs

Official Link

Studio Airport

instantshift - Inspirational WordPress Site Designs

Official Link

Studio Sweep

instantshift - Inspirational WordPress Site Designs

Official Link

Mile Public House

instantshift - Inspirational WordPress Site Designs

Official Link

All Essentials

instantshift - Inspirational WordPress Site Designs

Official Link

Webcodebuilder

instantshift - Inspirational WordPress Site Designs

Official Link

Ait-themes

instantshift - Inspirational WordPress Site Designs

Official Link

Typographica

instantshift - Inspirational WordPress Site Designs

Official Link

Urban Influence

instantshift - Inspirational WordPress Site Designs

Official Link

Find Something Missing?

While compiling this list, it’s always a possibility that we missed some other inspirational WordPress resources. Feel free to share it with us.

Further Reading!

You may be interested in the following modern trends related articles as well.

Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to other trends that our readers may like.

Don’t forget to subscribe to our RSS-feed and follow us on Twitter — for recent updates.

Visit us at InstantShift.com

PSD to HTML


InstantShift

Why Do We Recommend WP Engine WordPress Hosting?

You’re reading Why Do We Recommend WP Engine WordPress Hosting?, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Why Do We Recommend WP Engine WordPress Hosting?

One of the most important aspects of website success is having a solid hosting/server provider, because a slow or non-functional website is inefficient for every business. If you use WordPress, it is important to understand that not all companies are ready to host your website. That’s why we recommend specialized hosting for WordPress websites. In […]



Designmodo

Flywheel: WordPress Hosting for Designers


If you’re a designer or a creative agency that regularly builds and maintains websites for your clients, it’s likely that you’re often in pursuit of reliable and trustworthy web hosting.

Your clients turn to you for web design, but beyond that, sometimes they also want you to take the hassle of web hosting away from them. Furthermore, since WordPress has become the de facto standard when it comes to building websites, it’s a bonus if your web host can help you deal with WordPress-related issues.

Allow me to introduce you to an amazing managed WordPress hosting service that is especially meant for designers and creative agencies– Flywheel.

What is Flywheel?

Flywheel is a managed WordPress hosting solution that is custom-made for designers, developers and creative agencies that build and deploy WordPress websites for their clientele.

Name anything that you would expect to find in a good web host — blazing fast server performance, regular backups, stellar support, competitive pricing — Flywheel has it all. Furthermore, Flywheel comes with added bonuses of its own, such as server-side caching to help improve your WordPress website’s performance, better security measures, managed upgrades, and a lot more.

What Does Flywheel Bring To The Table?

Now before you go “Yeah, right, another WordPress host with a fancy name,” let us first briefly review what Flywheel has to offer that an ordinary web host would not:

A. Blazing Fast Servers

Flywheel offers lightning-fast server performance, simply by virtue of the fact that each website is hosted on its server with its own share of resources — shared resources with meagre limits set for database connections and I/O throttles are things you might find on your generic $ 5-per-month web hosting, but not with Flywheel.

Obviously, such a setup will ensure that your website works fast — really fast. Add in the fact that Flywheel also employs server-side caching, and your website will load faster than the speed of light (well, not really, but you get the point).

B. Collaboration Is a Breeze

Flywheel takes pride in the fact that it primarily caters to designers and developers building sites for themselves as well as their clients. That means they’ve ensured that collaboration isn’t a headache, no matter how many websites you’re trying to manage.

Each user is given a login to the Flywheel server. By means of the SFTP server, you can easily access all your files neatly organized — be it a single website or a thousand.

But it doesn’t stop here. Say you’re building a website for a client, and you need to demo it to them before actually taking it live. Pretty simple with Flywheel: Just set up a demo site for your client to take a look at it. After they’ve approved it, you can publish the site and transfer its hosting billing to your client. Neat, eh?

C. Awesome Support

No matter how good your web host might be, at some point or the other, you’ll need to contact their support team. This is the experience that sets a good web host apart from a bad one. Every other person can get servers installed in the best datacenter in their country, but when it comes to offering quality support, many web hosts simply fall flat.

Flywheel, being a managed WordPress web host, is run by folks who know what WordPress is and what it can and should do. Security issues, performance problems, guided migrations — no matter what your problem might be, you won’t be let down by Flywheel’s specialist support team.

Plus, just so you know, Flywheel migrates any WordPress site, regardless of the hosting platform it might be on, to its servers free of charge.

D. These Guys Know Their Stuff!

There’s more to Flywheel than just plain web hosting. Not only are they passionate about web hosting in general and WordPress in particular, but they’re also willing to go the extra mile to help their clients.

As designers or developers building websites for clients, you must already be aware of the menaces that can arise; a client might accidentally delete files that should otherwise not be touched, or a website might be hacked due to a poor password. In either case, Flywheel’s support team will be there to help. Be it restoring backups or protecting your website from bad guys, you’re covered on all fronts!

Take, for example, The Layout, a design publication managed and curated by Flywheel. The Layout offers relevant content for web designers and WordPress users alike, and I myself have had the opportunity to write for them.

Conclusion

When it comes to fine-tuned WordPress websites, Flywheel should be on your list of web hosts to check out. Hacker-free security, caching, fast servers, a better SFTP experience, you name it — Flywheel’s got everything a designer can ask for, especially meant for WordPress users.

That said, try Flywheel for yourself and see the difference! You can choose from the multiple plans that they have to offer or check out a custom plan if your needs and requirements so desire.

This post has been sponsored by Syndicate Ads.


The post Flywheel: WordPress Hosting for Designers appeared first on Speckyboy Web Design Magazine.


Speckyboy Web Design Magazine

Win A Premium WordPress Theme from ThemeFuse!

Giveaway_v1

You Can Win a Premium WordPress Theme from ThemeFuse!

You may have already heard about ThemeFuse. They are one of the best in the business in regards to premium WordPress themes. They are offering three WordPress themes for the three readers here who are lucky enough to win.

Anyone using WordPress for a blog or website will find that the quality and the style of the ThemeFuse themes are out of this world. The three winners will get a chance to choose from any of the ThemeFuse themes available, which could be a real boost for their site.

We have 3 vouchers to give away. Here’s all you need to do for a shot to win:

  • Add a comment on this post and let us know how you plan to use the theme (5 points).
  • Tweet this post via our tweet buttons at top or bottom of this post (1 point per day).
  • And, of course, click the “Like” button at ThemeFuse Facebook page (3 points).

Use the RaffleCopter widget below to enter!  ;)

a Rafflecopter giveaway

On February 21st, 2015, we’ll let you know who the winners are, so keep watch right here on Web Design Fact!

Check out these examples of WordPress templates from ThemeFuse.

Welcome Inn – Hotel WordPress Theme

Those in need of a hotel style WordPress theme will love this option. It also offers two other styles – ski resort and spa.

Hotel WordPress Theme

Just Married – Wedding WordPress Theme

Here is a beautiful and simple wedding WordPress theme for those planning to get married.

Wedding WordPress Theme

Medica – Medical WordPress Theme

Here is one of the best medical WordPress theme available for doctor’s, clinics, dentists, and more.

Medical WordPress Theme

Evangelist – Church WordPress Theme

This WordPress theme is a wonderful option for churches, charities or prayer groups, and more.

Church WordPress Theme

Interakt – Agency WordPress Theme

This modern web theme is ideal for agencies, as well as corporate and business firms. It can even work well for creative studios.

Agency WordPress Theme

The Flavour – Restaurant WordPress Theme

Your only stop if you need a modern restaurant WordPress theme that has all the bells and whistles to push your business forward.

Restaurant Hotel Theme

Why Enter?

You need a great theme no matter what type of site you might be building. The best way to have the perfect WordPress theme is by looking through the offerings from ThemeFuse. The sites look great, they are functional, and they have the best coding.

It is easy to be a part of the giveaway. Just use the RaffleCopter widget, so you have a chance to win the theme of your choice!



Web Design Fact

Optimize Your Images With Pre-Defined Image Sizes [WordPress Tip]

Optimizing images on a website is a daunting task. You can choose to use fewer images, compressed images, sprites or svg; the list goes on. One place where many WordPress sites get tripped up is in defining image sizes, which is a crucial aspect of optimizing content-heavy sites.

Image sizes are vital because images are automatically created according to the sizes given when images are uploaded. This ensures that even if you have a 3000px wide original image, it is never used if a 600px image is enough. Ideally a 600px wide space should use a 600px wide image instead of scaling down a larger one.

In this article I’ll walk you through what image sizes are and how to define them.

How WordPress Handles Images

If you’ve ever inserted an image in a WordPress article you should have come by the image size selector. This lets you insert small, medium and large versions of the images. The actual sizes for these can be modified in the WordPress settings.

Whenever you upload an image through WordPress, it generates versions of these images and stores them separately. For example, if you upload a 1200×800 image, WordPress may create 100×100, 600×400 and 900×600 versions. When you insert an image and choose "medium" the actual medium version will be used, as opposed to a shrunk down version of the original.

This is hugely beneficial because it conserves bandwidth on the server and processing time on the client computer. I think it comes as no surprise that downloading a 600×400 image is faster than downloading a 1200×800 image.

If a larger image is used which needs to be scaled down, the browser needs to take care of the calculations to make this happen. While this won’t take hours, it may be noticeable on image-heavy websites.

The Right Image In The Right Place

The ultimate goal should be to always use appropriate image sizes. If you need a 440×380 image, then grab an image with that exact size from the server. There are two main places where you’ll be using uploaded images: featured images and in-post images – I would advise focusing on featured images first.

In all but the most visually directed articles it doesn’t really matter if an in-post image is 220px or 245px wide. Whichever version you have available would be equally usable. Featured images however are usually shown at common sizes. For article lists you may use a 178×178 thumbnail, for article headers you may use a 1200×600 wide image.

In addition to these you may also want to keep a separate thumbnail / medium / large size as defined in the settings to give you easy access to specific dimensions when adding images to posts.

So what it all boils down to is this: Wouldn’t it be great if we had two extra image sizes which we could use for featured images? These image sizes would be created right alongside the rest when an image is uploaded. The good news is that WordPress has you covered with a pretty simple function.

Creating Image Sizes

By using the add_image_size() function you can define all the image sizes your website needs. Let’s create the two examples mentioned above. Place the code below in your theme’s functions.php file or in a plugin’s file.

 add_image_size( 'featured_thumbnail', 178, 178, true ); add_image_size( 'featured_wide', 1200, 600 ); 

As you can see, this function takes four parameters. The first parameter allows you to set a name for the size. The second parameter is the maximum width, the third, the maximum height. The fourth parameter sets hard cropping. If set to true, the image will be created at the exact size you specify.

Once this has been added to your theme or plugin two new versions of each file you upload will be created by WordPress.

Using Image Sizes

These image sizes can be used in a number of functions which deal with retrieving media. Let’s look at featured images first. the_post_thumbnail() is commonly used to display a post’s featured image. The following code can be placed in a WordPress loop:

 the_post_thumbnail( 'featured_thumbnail' ); 

The first parameter of this function allows you to specify the image size to use. Since I’ve specified "featured_thumbnail", the 178×178 version of this file will be used.

There are a number of other functions such as wp_get_attachment_image()and wp_get_attachment_image_src() which also use the image size parameter. Whenever you use such a function you should always specify an appropriate image size.

Regenerating Thumbnails

If you already have a site in place, you won’t be able to optimize your articles retrospectively just by defining an image size. Image sizes are only taken into account when a new image is uploaded, so they are not applied to images already in the system.

Fear not, the Regenerate Thumbnails plugin will make things all better! This plugin can regenerate the thumbnails for all your images, taking into account all defined image sizes. It can also target a specific image, which is useful if you just have a few, or you’re doing some testing.

Once your thumbnails are regenerated you should see the optimized versions loaded on your site. You can check this out by viewing the source of the image. If you uploaded ‘example.jpeg’ and you see ‘example.jpeg’ as the source for your featured image, something isn’t right. If you see “example-178×178.jpeg” then all is well; the optimized image is shown.

Responsive Images

One difficulty in maintaining an optimized site is responsiveness. When I view an article on the iPad an in-post image of a large size will be downscaled since the maximum width will be 786px or so.

The easiest solution is to use a plugin like Hammy. Hammy works based on the content width of your theme (as opposed to the window width of the browser) and can serve optimized images based on that. This is especially handy for mobile users where processing power and bandwidth may be an issue.

Further Image Optimization

As I mentioned in the introduction there are countless ways to optimize images. From sprites to image compression a lot of techniques can be used to decrease the load times which come hand in hand with images. Ashutosh KS has written a great article showcasing 9 WordPress Plugins To Improve Image Performance, I suggest giving it a read!

I also suggest taking a look at Hassle Free Responsive Images which shows you how to add support for the picture element, something you’ll want to use if you want to write your own code.





hongkiat.com

Giveaway: start customizing your WordPress themes live with CSS Hero

first image of the post
Thanks to the amazing team at CSS Hero, we have the opportunity to offer Designer Daily’s readers 10 CSS Hero single website licenses. How to enter? You can enter the giveaway by retweeting this sentence: “Giveaway: 10 licenses for CSS Hero @designerdaily http://bit.ly/1wXzKDr”. You can simply click here to tweet it. When will it end? […]

The post Giveaway: start customizing your WordPress themes live with CSS Hero appeared first on Designer Daily: graphic and web design blog.

Download the free transport icons package now!


Designer Daily: graphic and web design blog

10 alternatives to WordPress worth checking

first image of the post
There are several CMS available in today’s online marketplace. WordPress is one of them which is very popular. It’s being used to develop a simple website to dynamic e-commerce website. But in this today’s blog post, we are going to talk about the great content management systems alternatives to WordPress that have some really nice […]

The post 10 alternatives to WordPress worth checking appeared first on Designer Daily: graphic and web design blog.

Download the free transport icons package now!


Designer Daily: graphic and web design blog

11 Useful WordPress Plugins For Front-End Content Management

WordPress is offering few of those plugins, which will help the users to use WordPress with more ease, they will get all of their desired features on the front-end. It will help them to use it without difficulty.

The most appealing features are posting, editing and uploading. These features will especially entertain the sites that depend upon user-submitted content and news. The below are written some of the plugins that are the quality solutions available for adding content on the front-end. Users will now enjoy working on WordPress because it’s like a dream come true, having all the requested features on the dashboard.

Front-end Editor

Edit content inline, without going to the admin area.

Raptor Editor

Edit your content in style with Raptor Editor, this generation’s WYSIWYG editor.

WP Front-End Repository Manager

Members can upload and download files, create directories up to unlimited level.

DIV Layer Editor

Edit any WordPress theme from the front of your website.

Front End Login Form

A tiny plugin which allows you to add a log-in form to your wordpress blog.

Profile Builder

Simple to use profile plugin allowing front-end login, user registration and edit profile by using shortcodes.

Front End Upload

Provides the most basic implementation allowing site visitors to upload files to the Media library and notify admin.

FV Community News

Give the visitors of your site the ability to submit their news to you, and list it in a nice news feed.

Front End Theme Switcher

A front-end theme switcher for your visitors.

DJD Site Post

Write and edit a post at the front end without leaving your site. Supports guest posts.

Live Edit

Edit the title, content and any ACF fields from the front end of your website!

Front-End Help or Feedback Widget

Easily enables your visitors to send you a quick query, request for help, provide feedback or raise a support request, instantly with no hassles.


SmashingApps.com

How to Implement Separate Headers for Pages in WordPress?

In this mini-tutorial you find out for to implement separate header for any page in your WordPress site.
MonsterPost