Aspec Documentation

Using the WordPress Theme Customizer

This theme is integrated with WordPress’ Theme Customizer and can be accessed two different ways.

  1. When looking at the front-end of your theme, if you have the admin bar turned on for your profile (default), Hover over the name of your theme and click Customize.
  2. Access through the admin:
    1. In the your WordPress admin, click themes.
    2. Click Customize next the the installed theme.

Both of these will open the theme customizer where you can control a majority of this theme’s options.  This allows you to change the settings without your users seeing the changes.  Changes are applied when you click Save & Publish. If you don’t like what you did, simply click Cancel.

With the customizer you can:

  • Site Title and General
    • Change the site title
    • Upload a logo
    • Change the footer text
  • Aspec Appearance
    • Choose a pre-made background
    • Use a background color – overrides the background above
    • Upload your own background image – overlays the color you choose
  • Aspec Slideshow
    • Adjust Slideshow Speed in Seconds
    • Choose a slide overlay
    • Choose a slide texture
  • Aspec Fonts
    • Choose font styles for the title, headers, main menu and body
    • Choose color for the font selections above.
    • (size options are available in the backend and those will be coming to the front soon)
  • Aspec Other Colors – change colors for buttons, main menu, footer text and footer backgrond
  • Choose a menu for the main navigation
  • Set the front page – posts or static page (this is overridden if you add widgets to the Home Page Content widget area)

 

Adding Content

Go to your website’s home page and you will see that you are ready to begin building your new website. In Adaptive, new blog posts will appear automatically on the front page. To add new posts login to the admin and navigate to Posts > Add New.

Creating your post:

  1. Enter a title.
  2. Add your text content.
  3. Select your categories and tags.
  4. Choose your featured image. This needs to be at least 1100×800 pixels to fill the front page.
  5. Click Publish.

post-tutorial

 

Adding Slides to the Front Page

To add slides to a fresh install, simply click the button where slideshow will be. This will take you to the slides post type where you can add your slides.  If you don’t see this button or if you already have a slide or two in place, simply find Aspec Slides in your admin menu and click add new.

  1. Enter your slide title.
  2. Add your slide content.  (this is what the user will see if you are allowing users to click the slide. This can be toggled on/off in the Appearance > Theme Options > Slideshow. The first option.)
  3. Add your slide byline text. (this is the text that appears in the slideshow)
  4. Add you featured image. (this is the images that appears in the slideshow)
  5. Click Publish.

Slides are ordered by publish date unless you choose to Randomize the Display (Appearance > Theme Options > Slideshow). To remove slides simply delete the slide post or set the status to draft.

 

Front Page Content

By default, the front page is going to display your latest blog posts.  To set the front to display a static page you can use the last option in the theme customizer or in the admin Settings > Reading > Front page displays. There is a third way you can add content and this is by using widgets.  Go to Appearance > Widgets > Home Page Content. Widgets placed in this widget area will override the posts or static front page options.  To get these back simply remove the widgets from the Home Page Content area.

 

Recent Posts: Images Widget

This widget is the one seen in the demo for this theme.  This widget will display the featured image from your latest post as a whole or from a specific category.  The widget will display 3, 6, 9 or 12 images.  If a post does not have a featured image the block will be the title in white sitting your theme’s link color.

 

Text Box Widget

This widget is meant for the home page and/or footer area.  This widget takes text or HTML content and can span 1, 2 or 3 columns in width.

 

 

Button Shortcodes

To create links with buttons you can use one of the following short codes below. Label is used for your button text and remove the ‘target=”_blank”‘ if you do not want the link to open in a new window.

[button label="Button Mini" url="#" target="_blank" size="mini"]

[button label="Button Small" url="#" target="_blank" size="small"]

[button label="Button Default" url="#" target="_blank" ]

[button label="Button Large" url="#" target="_blank" size="large"]

[button label="Button Block" url="#" target="_blank" size="block"]

 

Column Shortcodes

This theme supports column shortcodes for 2, 3 and 4 columns. You will notice that the last column always appends “_last” at the end. This is important to remember.

2 Columns

[one_half]
Text for first column.
[/one_half]
[one_half_last]
Text for last column.
[/one_half_last]

 

3 Columns

[one_third]
Text for first column.
[/one_third]
[one_third]
Text for second column.
[/one_third]
[one_third_last]
Text for last column.
[/one_third_last]

You can also use:
[two_third][/two_third] and [two_third_last][/two_third_last]

 

4 Columns

[one_fourth]
Text for first column.
[/one_fourth]
[one_fourth]
Text for second column.
[/one_fourth]
[one_fourth]
Text for third column.
[/one_fourth]
[one_fourth_last]
Text for last column.
[/one_fouth_last]

You can also use:
[three_fourth][/three_fourth] and [three_fourth_last][/three_fourth_last]