enfold-tutorial

WordPress Beginners: How to Start With Enfold From Scratch

New to Enfold and wondering where to start? Here is a small beginners guide

Our best-selling Enfold theme is a perfect theme for users of all levels of technical ability, but it’s particularly useful for those new to the world of WordPress.

Although it ships with a Demo Content Import feature to help users hit the ground running, we frequently receive requests for an overview of how to start with Enfold from scratch.

In this article we’ll walk you through everything you need to look at for building an Enfold site from the ground up without relying on imported content.

As this could be your first exposure to the theme, let’s briefly recap some of the reasons why Enfold is a particularly good option for beginners.

What Makes Enfold Great for Beginners

We shipped the original version of Enfold back in 2013 and have been continually upgrading its feature set ever since. The latest and greatest version is Enfold 3.1, which retails for $58.

Check out a working demo to see a full list of its features. Here are three key points to highlight:

  1. On the front end, the 100% responsive layout that comes as standard is designed to let you avoid the many potential pain points of trying to roll your own mobile-ready solution.
  2. Meanwhile, behind the scenes, an intuitive admin interface frees you from the need to wrestle with theming code.
  3. A lifetime guarantee of free updates means you’ve also effectively future-proofed your site on purchase.

Put those three things together and you’ve got a great theming option for beginners.

That said, let’s start looking at how to set up an Enfold site from scratch.

Getting Started with Enfold

If this is your first time using WordPress, we recommend having a quick read of the New to WordPress page before going any further.

It’s an excellent overview that, along with the Using Themes page of WordPress’ documentation, will give you some instant context for many of the areas we’re about to look at.

We also recommend bookmarking our dedicated Enfold support forum and the Kriesi documentation center so you’ve always got somewhere to turn for Enfold specific queries.

Let’s have a quick look at installation to kick things off.

Installing Enfold

For the purposes of this article, we’re assuming that you already have WordPress installed. If you’re looking for help in that department, begin with the official reference in the Codex and branch out from there.

There are two basic ways of installing Enfold:

  1. installing via the administration panel in WordPress, and
  2. manually uploading to the /wp-content/themes/ directory of your installation.

Depending on your local or remote setup, there are a number of potential complexities that could come into play with the latter method. For this article, we’ll be keeping things nice and simple and using the first option.

We have, however, put together a comprehensive guide to installing Enfold via FTP right here on the site if you want to go down that road.

Let’s start by popping into the admin panel of our WordPress install and navigating to Appearance > Themes.

Navigating to themes panel

As you can see in the Themes page of my install, I currently have just three default themes available. Let’s kick things up a notch and bring Enfold into the mix by hitting Add New Theme.

Themes panel

This brings us to the Add Themes screen where we are free to select a local copy of the Enfold theme in .zip format and upload.

Add new theme

At this stage, if you find yourself facing a slightly ominously worded message on the screen reading Are you sure you want to do this?, please don’t panic!

WordPress failure notice

It’s a common installation gotcha that can occur if you’ve inadvertently tried to upload the overall package .zip file rather than the Enfold theme .zip contained within it. Locate the latter and give it another shot.

This is also as good a time as any to remind you that Enfold comes with free support. If you find yourself hitting real difficulties at this point or any other, just get in touch and we’ll be happy to help you resolve the matter.

All should now be well and hopefully you are now looking at something similar to the success confirmation below.

Theme install success

Hit Activate and there are then three things we want to bring to your attention in the screenshot that follows:

  1. A side menu item entitled Enfold is now visible. This is where you need to get back to in order to manage most Enfold specific options down the line.
  2. This menu item is currently active and you should be able to see the Enfold Theme Options heading in the right-hand panel.
  3. You have the option of setting up an entire default site instantaneously at this or any other point by using the Demo Import. It’s not a road we’ll be going down in this article but you might want to read up on it for future reference.

Enfold theme options

At this point Enfold is installed and we know where to look to access its functionality.

Let’s move on to setting your site up.

Laying the Foundations of Your Site

The first point to make here is actually nothing to do with Enfold – or any other theme for that matter. It’s about the importance of defining some sort of provisional site structure in advance before you try to build it.

The subject of how far to go with this is something of a potential rabbit hole so we’ll limit ourselves to some general pointers:

  • Keep things simple. An outline on paper of the main pages and sections you think your site will require is enough to get the ball rolling.
  • If you want an excellent, more detailed overview of the process of site planning in general, have a look at this Smashing magazine article on the subject. An oldie but a goodie.
  • If you want to really bone up on all aspects of the planning process, get your hands on a copy of Steve Krug’s classic Don’t Make Me Think.
  • If you’re looking for a user-friendly, breakdown of a specific use case – a small business brochure site – have a look at our recent blog post on that subject.

Ok, with that caveat out of the way, let’s look at the areas of Enfold to hit in sequence.

Setting up Your Header

Start with a visit to Enfold > Header to review the options that will define the top of your website’s pages.

Enfold header options

For a full walkthrough of the functionality on offer here, check out our Intro to the Header Configurator video.

Setting up Your Menus

Menus are a key component of both your header and other site elements such as the sidebar and footer.

You’ll see that some options for their positioning – and display on mobile – are available in the header configurator above.

In order to see what these options do, you’ll naturally need to actually create a menu. Do this by following the standard WordPress instructions.

Add menu

You’ll notice that you are able to add your menu to a number of Theme locations in the image above.

Further options for positioning are handled via a mixture of the General layout and Header screens.

If you want to tweak the menu’s actual look, begin with the general color settings in General styling and fine-tune via the menu elements themselves in Advanced styling.

You also have the option of creating a Mega Menu and we have an entire introductory video available explaining exactly how to configure that.

Setting up the Homepage and Blog

By now your site should be starting to look relatively ship-shape. The next step is setting up your homepage and blog.

These are controlled via the Theme Options and Blog Layout sections respectively.

Homepage and blog

We have a special page in the Enfold documentation to walk you through all the options available here.

Using the Template Builder

As you start adding your own content, it’s time to take advantage of one of Enfold’s most appealing features: its intuitive Layout Builder.

Layout builder

You’ll find it available on individual pages and portfolio entries. Check out our Intro to Portfolios and Intro to the Advanced Layout Editor videos for more details.

Using the Styling Options

With content in and organized, it’s time to pay some attention to matters of style. Use the General Styling tab to dial in the overall look and feel that you’re after.

Styling options

If you’re after more finely-grained control, take a look at the Advanced Styling tab. Our Intro to the Advanced Styling Options video will take you through the basics.

Add Images and Use Sliders

One of Enfold’s most attractive features is the range of sliders it supports. Upload images and use sliders to add some real pop to your site’s display on both desktop and mobile.

Check out our Intro to the Accordion Slider video for some ideas on how to get started or see sliders in action on our demo page.

Staying up to Speed

If you’ve made it this far, things should be starting to tick away nicely on your site. Now it’s a question of keeping things that way.

Here are some further resources to follow up in that department:

Conclusion

We hope the information above has given you a solid overview on setting up your Enfold-powered site from scratch.

Here’s a brief recap of the main items we covered in sequence:

  • Getting Enfold installed
  • Planning your site layout
  • Setting up your header and menus
  • Setting up the homepage and blog
  • Styling and custom templates
  • Adding sliders
  • Staying up to speed with Enfold and WordPress generally

If you have an example of a site you’ve created with Enfold that you’re particularly proud of, feel free to bring it to our attention in the comments below. We’re always on the lookout for showcase sites!

And, if you’re experiencing any difficulties with getting started with Enfold, don’t forget to consult the documentation and take advantage of our ongoing support offer.

We’re always happy to lend a helping hand!

14_tools

14 Essential Tools to Turbocharge Your WordPress Workflow

Specialization, as Robert Heinlein so succinctly put it, is for insects. Fortunately, WordPress’ inherent flexibility means users are guaranteed not to fall into that particular trap.

Your average day as a WordPress site owner might see you fine-tuning server performance, preparing and editing multiple images, planning a content strategy, and/or delegating a range of minor tasks to a remote team.

In this type of multidisciplinary environment, the need for an optimized workflow and task-specific tooling is critical. Fail to sharpen your saw and your daily routine could easily descend into a mindless slog of avoidable busy-work which quickly cripples morale, flow and overall output.

This article will introduce you to fourteen essential tools you can use across different aspects of WordPress and your wider business to realize instant gains in productivity and performance.

Let’s start at the technical end of the spectrum.

– Read more –

productize

How to Productize Your WordPress Theme Development Business (And Make More Money)

There is, as Shakespeare so memorably put it, a tide in the affairs of men. At a certain point in your life as a WordPress developer you will face a choice: do you saddle up and take the next step for you and your business or stay stuck at your current level?

Get it wrong and you risk stalling your career and getting locked into an endless cycle of bad clients, money worries, and grinding day-to-day dissatisfaction. But productizing your WordPress business is the way to avoid this sorry state of affairs.

In this article, we’ll cover why you need to productize, provide concrete steps to get you started on the right track and give you some useful pointers towards further resources for the future.

Let’s start with a quick definition.

– Read more –

optimize-images

4 Key WordPress Image Optimization Tips

Images are often the best part of a WordPress website. They catch the eye, set the mood, and invite the emotions to take part in what can otherwise be a boring experience.

However, image files are often the biggest files on the server, and they tend to affect page upload speeds more than anything else. With new display technologies such as Retina becoming more and more popular, and mobile device usage on the rise, it pays to keep your image quality up and your file size down.

To help face these challenges, this post will look at four valuable suggestions to make the best choices when it comes to image optimization.

– Read more –

growing

Growing your Business: 6 Lessons from Taking a Brand New Open Source Product from 0 to 500,000 downloads in 12 months

A guest post by Ghost founder John O’Nolan

Almost exactly two years ago I launched a small new open source blogging platform to the world. I wasn’t sure exactly how it would pan out. I had hopes, of course, but there’s always that moment of uncertainty right before a big launch that’s impossible to ignore.

Today, Ghost is one of the fastest growing open source projects in the world, and we’ve been very fortunate to grow to $411,000 in annual revenue within a very short space of time (You can check this out live on our public revenue dashboard) – with more than half a million downloads of the open source package.

Kriesi has very kindly invited me to do a guest post to share some of the key lessons behind that roller-coaster of a journey, so I’m going to try and touch on all the biggest wins (and failures) that we made in the last couple of years.

Enjoy!

– Read more –

typo

3 Reasons Why Good Typography is Vital to Great Web Design (Plus 3 Important Tips)

We have all heard this cliché: “A picture is worth a thousand words”, but is it always true in the world of web design?

Many designers are visually-minded people, and it does of course make sense to have a good eye for color, form and proportion in this line of work. Although the rules of typography are taught in design schools, these principles often take second place when planning the psychological impact of a web-design. The focus is on the overall visual effect, and typography is sometimes added as an afterthought.

This is an oversight that could have a negative impact on the effectiveness of your work. With that in mind, in this post I am going to share three reasons why good typography is vital to great web design, and give you three tips for making the most of the power of typography.

– Read more –