WP Dimension: A Wordpress Calling Card

An elegant and highly customizable front entrance for your domain

About WP Dimension Theme

This Wordpress Theme offers the design of the HTMl5 Up Dimension template in a format that does not require knowledge of HTML editing (and offers a few things more as a bonus).

This kind of theme is good for the top level of a domain as a "calling card" for an individual or a project, with options to customize the background image, social media links, and a number of small info boxes which can include any kind of content (that can link to other sites).

Most of the options for this theme are done via the Wordpress Customizer, where you can see the impact of all changes on a real time preview. The content for the boxes of content is generated as single blog posts.

Examples in the Real World

This theme was developed relatively recently but a few people have already put it to use.

Take a Ride Before You Try to Tame That Web Horse

We have a demo site that was created the same way here on StateU as you can or will do. Hi Ho Me is a site a certain horse might have made had the internet been around when the Lone Range was romping around.

Install Your Calling Card

Let's make a calling card now. The instructions below are available (at least for now) only via the StateU site. Anyone can create an account there to try this pre-built theme. If you want to try this on your own domain, you can get the theme and instructions from GitHub. It will take a few more steps there.

Like you did when setting up your first Wordpress blog, start at your StateU dashboard and under Applications click Wordpress.

Click the Install This Application button. As a calling card, this should be set up at the top of our site, so you should leave the Location settings field blank to put this Wordpress site at our domain entrance.

So in this case the site creator wants a blog at the url http://rebeg.statu.org/ so they leave the Directory field blank:

But this is your domains, and you are welcome to put it in a subdirectory too. Mr. Rebeg could put this new site in a subdirectory (You can have a different Wordpress sites sitting within the URL of another, it is smart like that).

So in this case the site creator wants a blog at the url http://rebeg.statu.org/me so me is what they enter for Directory:

The next section is called Versions. Under the Content heading you will see a few options for the template to use; choose Dimension to install a version of Wordpress with all of its functionality built into your new site.

Note: If these versions are not listed, just continue and install a plain Wordpress site; see the next section for how to install an Instant Site version.

Now scroll past a few sections until you get to Wordpress Settings. You can edit your own admin user name and password, but it's not necessary-- you can log into your directly from this interface later. So you can leave the random generated values for now.

We suggest leaving all options in this screen as they are. That makes it EASY.

That's it! Now click the Install button in the bottom right, and just watch the progress bar slide across the screen. It will take a few minutes at most to bake your site.

When it's done, you can try the first link to peek at your new site, which will look like a copy of the screenshot shown above.

The second link from the installer (it ends in wp-admin allows you to log in as the admin user of the site, so you can start customizing and editing your site. It will land you inside the Wordpress Dashboard. Wow there is a lot there.

You know you are logged in as an admin user of your site when you see the black menu bar at the top of your screen, it will be there too when you visit your site. Get to know how to navigate between the Dashboard view and the Site view (and back, the animation below is for a different site, but it works this way on all Wordpress sites).

Installing By Importing an Instant Package Version

If the Wordpress installer did not offer this theme as an option, we have another way to get your site set up. This will also work on an version of Wordpress installed on a domain you manage, not just here on StateU.

  • Download the Instant Package for the Dimension theme. Expand the zip to see a file ending in .wpress
  • Install a Plugin. Log in to your site's admin area. In your new site's Dashboard, go to Plugins and search for, install, and activate the All-in-One WP Migration plugin.
  • Import the Package. Once the plugin is installed, look for it listed in the left side of your Wordpress dashboard- select the option below it for Import. Drag and drop the .wpress file you dowloaded above onto the importer. Wait for it to simmer/upload. You will be asked to confirm overwriting an existing site. Agree.

You will now have an exact copy of the same starter site you would have gotten from the StateU installer above. You will have to return to your Apps listed in your StateU cpanel, and log in again as an admin. You can now continue with the directions below to customize your site.

Customizing Your Calling Card

Log in to your site via the admin link (see above). Switch now to the public view of your site, and in the top admin bar, click Customize -- this opens an interface for changing much of your site and being able to preview it as you make changes.

You can safely experiment with the various settings, nothing is changed on your site until you click the Save button.

See the theme documentation for more specific directions on what can be done with the customizer.

Updating / Adding Content

Each of the three boxes on the fron of the site opens an overlay box of content; this is created from blog posts on the site. You might start be editing each of the ones set up in the demo version; use the Edit This link in the bottom right of each content overlay.

See the theme documentation for more details on editing.

You can add a new "box" at any time by using the New -> Post menu item from your Wordpress Admin bar. The title and content is what appears in the box. Use the fields as you did above to add an optional button link to an external site. And upload a Featured Image to appear at the top of the box.

You can have up to 8 buttons / boxes on your calling card. The order of appearance is controlled by the value of in the Attributes box of each post.

Give it a go and see how much you can dress up your calling card site.