Arcadeby c.bavota

The Customizer

All theme options for Arcade are controlled under Appearance → Customize. From there, you can modify layout, Background ColorHeader Image, Custom Menus, and more.

arcade-customizer

Logo

To add a logo, click No Image to activate the image uploader. Drag over your chosen image or select it through the file picker to upload it.

Site Title Arc

Arcade uses Arctext.js to create a cool curved effect on your site title. The space and rotation for each letter is calculated using the Arc Radius and the width of the site title. If you don’t want your site title to arc, leave the field blank.

Header Icon

You can choose from over 400 different Font Awesome icons for display in your site header. Click View Icons to see a list of all the available icons. Clicking on an icon will select it. To remove it, just click Remove Icon.

Sidebar Layout

The Sidebar Layout section gives you the option to choose from having your sidebar on the left or right. To display two sidebars, first add a widget to the second sidebar under Appearance → Widgets. Once that’s done, the two-sidebar option will appear in the Sidebar Layout section.

Posts

You can choose whether to show or hide each post’s categories, author, date, and comment count. Just check whichever ones you want to appear. This setting applies to posts with standard, video, audio, image, and gallery Post Formats.

The Extended Footer

To display an extended footer that will let you add more widgets, go to Appearance → Widgets and add at least one widget to the Extended Footer widget area.

arcade-extended-footer

You can include a copyright notice or banner ad in the footer by adding a text widget to the Footer Notice area on Appearance → Widgets.

Custom Menus

Arcade includes two Custom Menu locations: the Primary top menu and the Social menu.

To add a navigation menu to the header, go to Appearance → Menus. By default, a list of categories will appear in this location if no custom menu is set.

Clicking on a top-level link in the primary navigation will open up one dropdown list of sub-menu link.

Social Menu

To use the social menu, go to Appearance → Menus and create a new menu. Call it “Social” just to make it easy to remember. Use the Link panel on the left to add any of the following social sites:

  • Twitter
  • Facebook
  • Pinterest
  • Google+
  • Dribbble
  • GitHub
  • Tumblr
  • YouTube
  • Flickr
  • Vimeo
  • Instagram
  • LinkedIn
  • Bitbucket

Once you’ve added the social sites you want with a link to each profile – like https://twitter.com/wordpressdotcom – check the Social box at the bottom of the menu and click Save Menu.

Your social links will now be displayed in the site footer.

arcade-social-menu-setup

Full-Width Post/Page

To set a full-width post or page, meaning one without any sidebars, check the box in the Layout panel when you’re editing the post or page in the dashboard.

gridiculous-pro-full-width-page-2

Custom Header Image

You have an option to display a custom header image on each of your posts and pages, through the Custom Header Image panel. Click Set Image to open the media library and select an image or upload a new one. Click Update or Publish when you’re done.

gridiculous-pro-custom-header-image

If you don’t set a custom header on a page or post, your default header image will be displayed instead, if you selected one.

Homepage Top Widget Area

arcade-four-widgets

The section where the four widgets appear on the homepage will only display once a widget is added to the Homepage Top Area in Appearance → Widgets. The demo uses the custom Icon & Text widget that comes with Arcade to display an icon accompanied by text. You can even have the icon and text link to a page or a post, by adding a URL in the field provided.

Post Block Page Template

arcade-post-block

On the homepage of the demo, the lower section is comprised of four posts displayed in a grid block. You can create this look on your homepage by creating a static front page and assigning the Post Block page template to it.

Pull Quotes

You can easily include a pull quote within your text by using the following code within the Text/HTML editor:

<blockquote class=”pullquote”>This is a pull quote that will appear within your text.</blockquote>

You can also align it to the right with this code:

<blockquote class=”pullquote alignright”>This is a pull quote that will appear within your text.</blockquote>

arcade-pull-quotes