DesignM.ag » WordPress http://designm.ag Articles and Resources for Web Designers Tue, 16 Dec 2014 16:58:06 +0000 en-US hourly 1 http://wordpress.org/?v=3.9.3 Examples of Websites Created With the Royal Themehttp://designm.ag/wordpress-2/examples-of-websites-created-with-the-royal-theme-2/ http://designm.ag/wordpress-2/examples-of-websites-created-with-the-royal-theme-2/#comments Wed, 15 Oct 2014 14:00:36 +0000 http://designm.ag/?p=119148

Advertise here with BSA


My experience with the latest theme from 8theme, Royal, was more than satisfactory. I was quite impressed about this premium, multi-purpose theme, and wish to pass it on to the rest of you. Every designer would enjoy creating WordPress websites through with the help of this theme.A Majestic DifferenceRoyal is a responsive, rock-solid theme based on Twitter Bootstrap. An advanced theme panel is ready to appease even the fussiest creative who happens to chance upon it, and all users are entitled to free updates for the entire duration of their lifetime.Royal has a stellar documentation, plus video tutorials, in order to help you get a full understanding of everything that Royal can do. My favorite part was finding out that a cluster of premium add-ons - which, taken together, add up to $119 - are wrapped up with this theme at no extra cost.What kind of website are you up to, next? Royal Theme can handle anything you throw at it! For E-commerce sites, you can choose from a selection of shop page layouts, and display the desired number of products in a row. Furthermore, you are able to customize the product page layout, as well as the tab on it. The images of your products can also be customized to various dimensions, zoom in, and react in a certain way upon hovering: be masked with information, swap, or the images slider kicks in.This is but a glimpse of Royal Theme’s true potential. I wouldn’t expect you to take my words of praise at face value, so feel free to check out Royal Demos, as shown below. You’ll find it as good as I did.

E-Commerce

Games

Advertise here with BSA

]]>

Advertise here with BSA


My experience with the latest theme from 8theme, Royal, was more than satisfactory. I was quite impressed about this premium, multi-purpose theme, and wish to pass it on to the rest of you. Every designer would enjoy creating WordPress websites through with the help of this theme.

A Majestic Difference

Royal is a responsive, rock-solid theme based on Twitter Bootstrap. An advanced theme panel is ready to appease even the fussiest creative who happens to chance upon it, and all users are entitled to free updates for the entire duration of their lifetime.

Royal has a stellar documentation, plus video tutorials, in order to help you get a full understanding of everything that Royal can do. My favorite part was finding out that a cluster of premium add-ons – which, taken together, add up to $119 – are wrapped up with this theme at no extra cost.

What kind of website are you up to, next? Royal Theme can handle anything you throw at it! For E-commerce sites, you can choose from a selection of shop page layouts, and display the desired number of products in a row. Furthermore, you are able to customize the product page layout, as well as the tab on it. The images of your products can also be customized to various dimensions, zoom in, and react in a certain way upon hovering: be masked with information, swap, or the images slider kicks in.

This is but a glimpse of Royal Theme’s true potential. I wouldn’t expect you to take my words of praise at face value, so feel free to check out Royal Demos, as shown below. You’ll find it as good as I did.

E-Commerce

Games

 


Toy Store

 

 

Default

 

 

Travel

 

 

Corporate

Green Corporate

 

Gym

 

Creative

 

App Page

 

One-Page

Agency 1

 

Agency 2

 

Fashion

 

Corporate

 

Coming Soon

Children

 

Food

 

Royal Company

 

Polygon

Liked what you saw? Then you might be interested in reading more about it by clicking the button below:

 

buy your copy now


Advertise here with BSA

]]>
http://designm.ag/wordpress-2/examples-of-websites-created-with-the-royal-theme-2/feed/ 0
Elegant Themes – Full Collection of WordPress Themeshttp://designm.ag/wordpress-2/elegant-themes-full-collection-of-wordpress-themes/ http://designm.ag/wordpress-2/elegant-themes-full-collection-of-wordpress-themes/#comments Tue, 23 Sep 2014 14:56:03 +0000 http://designm.ag/?p=118367

Advertise here with BSA


If you spend much time in the world of web development you are bound to hear about numerous places to purchase themes. I've always been a fan of Elegant Themes because of the value you get for the price. They have a membership model where you pay a yearly amount and get access to every one of their themes. As you know if you navigate the other theme shops available on the web you will find that most of them require you to spend $30-$100 to purchase a single theme. With Elegant you receive all 87 themes for as low as $69 per year. It's very nice flexibility and allows you to keep your site fresh all the time. Another way that I have seen people use Elegant is for their clients. For a one time fee of $249 you can get lifetime access to all their themes. If you have clients looking for several concepts for a new site this gives you a quick way to deliver high quality themes to make sure they keep coming back. We've compiled their entire collection below. Enjoy!

Divi

divi-2-large

Advertise here with BSA

]]>

Advertise here with BSA


If you spend much time in the world of web development you are bound to hear about numerous places to purchase themes. I’ve always been a fan of Elegant Themes because of the value you get for the price. They have a membership model where you pay a yearly amount and get access to every one of their themes. As you know if you navigate the other theme shops available on the web you will find that most of them require you to spend $30-$100 to purchase a single theme. With Elegant you receive all 87 themes for as low as $69 per year. It’s very nice flexibility and allows you to keep your site fresh all the time. Another way that I have seen people use Elegant is for their clients. For a one time fee of $249 you can get lifetime access to all their themes. If you have clients looking for several concepts for a new site this gives you a quick way to deliver high quality themes to make sure they keep coming back. We’ve compiled their entire collection below. Some of the links in this post are affiliate links. This means if you click on the link and purchase the item, I will receive an affiliate commission. Enjoy!

Elegant Themes – WordPress Themes

Divi

divi-2-large

Nexus

slider_1

Vertex

slider_1

Fable

slider_1

Foxy

slider_1

StyleShop

slider_1

Nimble

slider_1

Lucid

slider_2

Fusion

slider_2

Explorable

slider_2

Flexible

slider_1

Chameleon

slider_1

Aggregate

slider_1

Origin

slider_1

DeepFocus

slider_1

Evolution

slider_1

eStore

slider_1

SimplePress

slider_1

Gleam

slider_1

Nova

slider_1

TheStyle

slider_1

Harmony

slider_1

Trim

slider_1

InStyle

slider_1

Feather

slider_1

Envisioned

slider_1

Sky

slider_1

LeanBiz

slider_1

Modest

slider_1

TheSource

slider_1

Memoir

slider_1

Magnificent

slider_1

Notebook

slider_1

Webly

slider_1

MyCuisine

slider_1

Convertible

slider_1

ElegantEstate

slider_1

eList

slider_1

Boutique

slider_1

DailyJournal

slider_1

LightBright

slider_1

InReview

slider_1

AskIt

slider_1

Event

slider_1

DailyNotes

slider_1

MyProduct

slider_1

DelicateNews

slider_1

TheProfessional

slider_1

TheCorporation

slider_1

Glider

slider_1

OnTheGo

slider_1

Resume

slider_1

PersonalPress

slider_1

Minimal

slider_1

13Floor

slider_1

Polished

slider_1

Lumin

slider_1

Glow

slider_1

BusinessCard

slider_1

eNews

slider_1

ePhoto

slider_1

MyApp

slider_1

LightSource

slider_1

eGamer

slider_1

ColdStone

slider_1

eBusiness

slider_1

eGallery

slider_1

Basic

slider_1

Bold

slider_1

ArtSee

slider_1

eVid

slider_1

WhosWho

slider_1

Cion

slider_1

CherryTruffle

slider_1

Deviant

slider_1

EarthlyTouch

slider_1

Grungemag

slider_1

Influx

slider_1

StudioBlue

slider_1

PureType

slider_1

Quadro

slider_1

Simplism

slider_1

TidalForce

slider_1

Wooden

slider_1

InterPhase

slider_1

BlueMist

slider_1

BlueSky

slider_1

 


Advertise here with BSA

]]>
http://designm.ag/wordpress-2/elegant-themes-full-collection-of-wordpress-themes/feed/ 0
Tips & Tricks for Managing Efficient WordPress Websiteshttp://designm.ag/wordpress-2/tips-tricks-for-efficient-wordpress/ http://designm.ag/wordpress-2/tips-tricks-for-efficient-wordpress/#comments Mon, 23 Jun 2014 15:01:37 +0000 http://designm.ag/?p=84715

Advertise here with BSA


One of the easiest CMS engines to learn is WordPress. They have a free service where newbies can sign up to learn the system without committing to a full domain name. Once you get a personal server there are many additional benefits, however it can become more confusing to manage an entire WordPress website. Thankfully there's a ton of resources online for learning how to utilize WordPress to its fullest potential.

wordpress 3.9.1 update admin panel refresh screenshot

In this guide I want to share a few tips for managing your own efficient & speedy WordPress website. The system may seem confusing at first but it's really easy to learn with a bit of time. Practicing the backend will make everything else a lot easier to grasp, and this includes customizing plugins or theme files.


Advertise here with BSA

]]>

Advertise here with BSA


One of the easiest CMS engines to learn is WordPress. They have a free service where newbies can sign up to learn the system without committing to a full domain name. Once you get a personal server there are many additional benefits, however it can become more confusing to manage an entire WordPress website. Thankfully there’s a ton of resources online for learning how to utilize WordPress to its fullest potential.

wordpress 3.9.1 update admin panel refresh screenshot

In this guide I want to share a few tips for managing your own efficient & speedy WordPress website. The system may seem confusing at first but it’s really easy to learn with a bit of time. Practicing the backend will make everything else a lot easier to grasp, and this includes customizing plugins or theme files.

Mastering the Admin Panel

Each individual section of the WordPress admin has a lot of features to master. Even just the posts & pages section has a number of boxes which are typically hidden by default. This is the same for almost every part of the WP administration panel. You can toggle these interface boxes from the “Screen Options” tab located in the top right corner of most pages.

wordpress 3.9.1 new post screen options screenshot

But even more important menus to understand are located at the bottom of the navigation list. Appearance, Tools, and Settings have a lot of sub-menus which are essential to use WordPress properly. Some WordPress plugins will append their own menus onto the navigation so it helps to know how the default functionality works.

Because WordPress is constantly releasing newer versions you have to keep yourself up-to-date on the latest changes. There are plenty of websites online which talk about WordPress updates and how you can utilize new features to their fullest potential. All of the various settings & menus will be important whenever installing a new WordPress website.

I would recommend creating a sandbox environment where you can demo these menus to see how they influence the WP installation. Try using a local PHP/MySQL server on your machine or even create a hidden subdomain on your own website to install a generic copy of WordPress. Then you can change settings or install new plugins/themes for a test run without damaging your live site.

Debugging Problems

The more you interact with WordPress the easier it will be to solve complicated problems or error messages. All you really need is Google and some good researching abilities to find a solution. Most problems have already been discussed on the WordPress support forums or similar forums like WordPress Stack Exchange.

wordpress stack exchange wp questions answers

But as you get comfortable with PHP errors you won’t always need to search Google for a solution. Even if you never plan to write your own PHP code it helps to understand what certain errors mean and how to read through existing theme files. Most problems will stem from a small bit of code in your theme or some activated plugin, so there may not always be a solution online.

Another part of debugging is trying to fix problems on the frontend. For example if your page titles are not working properly, or if the sidebar widgets appear empty when you have them setup in the admin panel. These kinds of problems often require checking many solutions to ultimately unearth the culprit.

WordPress News & Blogs

I mentioned earlier how there are so many blogs directly related to WordPress resources. The post content often includes a myriad of topics like premium themes, news updates, tutorials, or even reviews for new updates or plugins. If you want to familiarize yourself with WordPress spend a bit of time reading through any posts that catch your interest.

WordPress has grown into a large CMS with so many different topics. Custom Post Types are one broad area that requires a lot of research to fully comprehend. But working with a large CMS offers great solutions if you know how to use them.

Also since the team is frequently putting out updates you might find yourself falling behind the curve quickly. Spend a bit of time each week or each month just reading through interesting articles. Over time you’ll find certain blogs that you really enjoy and might continually visit for helpful information.

Here’s a small list of WordPress-related blogs to get you started:

Keeping it Clean

It’s easy to get caught up in all the fancy new plugins and features within WordPress that you might end up clogging your website. This is when you’ll notice database queries lagging and overall page loading times increasing. Try to use a minimum number of plugins without too much duplicate functionality. Also keep your theme files orderly and easy to read.

One of the biggest reasons for a slow-loading website is a reliance on too many external files. Plugins often require their own CSS/JS files which get included into each page as a separate HTTP request. This is how so many websites end up bogged down and running very sluggish over time.

An efficient WordPress website just needs to be streamlined. This makes publishing content easier and maintaining the website a lot more straightforward. This doesn’t mean you should avoid complex themes or multiple CPTs for the sake of simplicity.

Just be sure to organize everything so that you can easily understand how it all works and where to locate problems as they occur.

Helpful Resources

I’ve included some helpful articles and online webapps directly related to WordPress management. These tools range from cheatsheets to code generators, along with other nifty content for WP enthusiasts. Be sure to bookmark your favorites so you don’t forget about them!

Generate WP

generate wp wordpress code generator

Themergency WP Generators

online webapp themergency wordpress generator code

WP Recipes

wp wordpress recipes snippets code

WP Snipp

wp snipp wordpress snippets website code freebies

WordPress Cheat Sheet

wordpress cheat sheet free website cheatsheet

WP Plugin Generator

wp wordpress plugin code generator plugins freebie

WordPress Tuts+

wordpress tutsplus website tutorials blog

Closing

Aside from mastering the administration panel WordPress has a lot to offer technical webmasters. If you can learn some basics to PHP coding it’ll be easier to customize themes, write your own plugins, and rebuild your own functions.php file. I hope these tips can provide a solid base for anyone pursuing WordPress as their primary CMS.


Advertise here with BSA

]]>
http://designm.ag/wordpress-2/tips-tricks-for-efficient-wordpress/feed/ 0
Five Great Wireframe Tools You Might Not Know Abouthttp://designm.ag/wordpress-2/five-great-wireframe-tools-you-might-not-know-about/ http://designm.ag/wordpress-2/five-great-wireframe-tools-you-might-not-know-about/#comments Thu, 08 May 2014 05:15:26 +0000 http://designm.ag/?p=84519

Advertise here with BSA


It takes a lot of attention to details and impeccable organizing skills to work as a web designer or as a web developer, because any piece of information that is wrongly applied can lead to catastrophic consequences. Whether you start from a brand new idea or work on an existing product, it’s very important for every component of the project to be out in the open and perfectly understood by all who partake in it.Think of when you develop an iPhone app. Every time a client issues a task for the development team, it usually comes in the shape of an idea, followed by the specification of what that app should do. At this point, the app is all schemes, descriptions, and in the best case scenario – flowcharts (Nota pt. Bogdan: /logical schemes). On first glance, it seems like a pleasant little story about how everything ought to work. Actually developing the app in this stage is quite difficult, impossible even, because there is no visual feedback: where does each component belong in the app? How’s the workflow within the app? What happens or what changes in the app when specific commands are entered by the user? You see, it’s just as if a builder was trying to raise a house without a blueprint. The result would be chaotic.

Advertise here with BSA

]]>

Advertise here with BSA


It takes a lot of attention to details and impeccable organizing skills to work as a web designer or as a web developer, because any piece of information that is wrongly applied can lead to catastrophic consequences. Whether you start from a brand new idea or work on an existing product, it’s very important for every component of the project to be out in the open and perfectly understood by all who partake in it.

Think of when you develop an iPhone app. Every time a client issues a task for the development team, it usually comes in the shape of an idea, followed by the specification of what that app should do. At this point, the app is all schemes, descriptions, and in the best case scenario – flowcharts (Nota pt. Bogdan: /logical schemes). On first glance, it seems like a pleasant little story about how everything ought to work. Actually developing the app in this stage is quite difficult, impossible even, because there is no visual feedback: where does each component belong in the app? How’s the workflow within the app? What happens or what changes in the app when specific commands are entered by the user? You see, it’s just as if a builder was trying to raise a house without a blueprint. The result would be chaotic.

If you wish to avoid these obstacles altogether, the next step after having received the idea and specifications is for the development team and client to sketch the app using a wireframe tool. It is this wireframe tool that helps you see the bigger picture, and realize how the program works – as well as what the app looks like from a logical perspective.

I am about to reveal a list of five extremely useful wireframe tools that I strongly recommend for web designers and web developers to use in any project, no matter how complex.

(My favorite) PowerMockup

1 powermockup

 

I myself use two wireframing tools: one browser-based for when I don’t have my own laptop with me, and one that is actually a PowerPoint plugin. The second one is called PowerMockup and I simply love it because it’s not just very easy to use, but also because I can save my projects as a PowerPoint file. This is a great advantage, as almost everyone worked at least once in PowerPoint. In other words, my clients will most likely know how to open the wireframe, how to view it, and more than anything, they will know how to modify it. This means that there is no learning curve involved.

Furthermore, you can embed your wireframe into Microsoft Word documents via drag-and-drop, and it’s even possible to modify it afterwards directly from within Word. Besides, PowerMockup has a lot of cool features, such as hundreds of stencils and icons, instant search, or smart categories. Every graphical component is fully editable, and if you don’t want to settle on a pre-made object, you can create one from scratch instead, or simply import it.

Briefs

2. briefs

Briefs is a robust application and can seem daunting when you first get started, but once you’ve mastered it, it will help you create designs that people can interact with. Briefs is used in the process of developing wireframes for iPhone and iPad. It stands apart from classic tools, in the sense that it offers many features that will help you make some very interesting sketches. For instance, the feature called BriefsLive transfers in real time the newest version of your wireframe to all devices where your app is installed. Therefore, you’d no longer have to send dozens of emails to everyone who is involved in the project.

Xiffe

3. xiffe

 

Xiffe is a multipurpose tool for mobile apps prototyping that operates within your internet browser, so you don’t have to install anything on your computer. It can be used to create wireframes for iOS, Android and Windows Phone, which means you are basically covered for any type of mobile project. Xiffe includes different platform-specific user controls, as well as features that are unique to each operating system. It provides a simple interface with drag-and-drop functionality. In addition, a collaborative feature is promised to be added soon.

Armature

4. armature

 

Armature works as an extension for Adobe Illustrator CC and CS5+, and it’s compatible both with Mac and PC – although it doesn’t support Illustrator versions older than CS5. It comes with a large collection of commonly used objects, such as tooltips, placeholders, content blocs, headers, footers, or form elements that are fully editable and resizable. The downside is that, in order to use it, you absolutely need to have Adobe Illustrator. Feel free to download a 15-days trial version, or buy it for $24.

NinjaMock

5. ninjamock

 

NinjaMock has all the typical stencils that you need for creating web and mobile prototypes, as well as a collaboration tool to share your work with team members, and a project management feature that offers a great way to keep things organized. Its wireframe editor and components are designed to look as if they have been hand-drawn, because the team behind NinjaMock believes that this helps users concentrate on the interaction and content in their wireframe rather than on colors, detailed layout, and other high-fidelity aspects.

So, here they are: five awesome wireframe tools that are vital every time you need to put an idea into practice. Do you already use a wireframe tool? If so, which one is your favorite?


Advertise here with BSA

]]>
http://designm.ag/wordpress-2/five-great-wireframe-tools-you-might-not-know-about/feed/ 0