WordPress Theme Tutorial: Hexa Theme

50 %
50 %
Information about WordPress Theme Tutorial: Hexa Theme
How-to & DIY

Published on February 21, 2014

Author: msbalais

Source: slideshare.net

Description

A quick and simple guide on the Hexa theme on Wordpress.

WordPress Theme Tutorial: HEXA THEME http://icandoitexcellently.wordpress.com/

The Hexa Theme http://theme.wordpress.com/themes/hexa/ http://icandoitexcellently.wordpress.com/

What is Hexa?  Hexa is a theme on WordPress which gives your personal blog a fun and fresh experience.  Hexa helps you create an eye-catching blog that highlight your best finds in colorful style, and the responsive design looks great on any device, large or small. http://icandoitexcellently.wordpress.com/

 Let’s take a quick tour to view the Hexa Theme http://icandoitexcellently.wordpress.com/

Click “Live Demo” http://icandoitexcellently.wordpress.com/

This will appear on your screen. http://icandoitexcellently.wordpress.com/

This icon leads you to the Menu http://icandoitexcellently.wordpress.com/

And the Menu Bar will appear on top of your page http://icandoitexcellently.wordpress.com/

The magnifying glass icon leads you to the Search Bar. http://icandoitexcellently.wordpress.com/

The gear icon links to the widgets http://icandoitexcellently.wordpress.com/

The heart icon connects to your social networks. http://icandoitexcellently.wordpress.com/

Post Formats and Sticky Posts  The Post Formats and Sticky Posts are accented with different corresponding colors and icons next to the post content. http://icandoitexcellently.wordpress.com/

This is an example of a Sticky Post http://icandoitexcellently.wordpress.com/

All Image Posts http://icandoitexcellently.wordpress.com/

All Link Posts http://icandoitexcellently.wordpress.com/

All Gallery Posts http://icandoitexcellently.wordpress.com/

All Video Posts http://icandoitexcellently.wordpress.com/

All Aside posts http://icandoitexcellently.wordpress.com/

All Quote Posts http://icandoitexcellently.wordpress.com/

All Status Posts http://icandoitexcellently.wordpress.com/

Older Posts http://icandoitexcellently.wordpress.com/

Featured Images  The Featured Images are displayed above the post content on the blog index and archive pages at 842 pixels wide. http://icandoitexcellently.wordpress.com/

An example of a Featured Image displayed above the post content on your blog index. http://icandoitexcellently.wordpress.com/

Widgets Hexa includes a widget located behind a gear icon in the header. http://icandoitexcellently.wordpress.com/

Widgets  You can add up to three columns of widgets under Appearance → Widgets: http://icandoitexcellently.wordpress.com/

Widgets  To add the widget follow these simple steps: 1. Go to your Dashboard. http://icandoitexcellently.wordpress.com/

Widgets 2. Click on “Appearance” http://icandoitexcellently.wordpress.com/

Widgets 3. Then click on “Widgets” http://icandoitexcellently.wordpress.com/

Widgets This will appear on your screen. http://icandoitexcellently.wordpress.com/

Widgets  There are a lot of widgets to choose from.  You can use three widgets when using the Hexa theme.  Choose your desired widget. http://icandoitexcellently.wordpress.com/

Widgets  To activate a widget you have 2 options: 1. Drag it to a sidebar http://icandoitexcellently.wordpress.com/

Widgets 2. Click on it http://icandoitexcellently.wordpress.com/

Widgets When you click on a desired widget, assign a Sidebar, then click “Add widget”. http://icandoitexcellently.wordpress.com/

Widgets  This is an example of the widgets I chose for my blog. http://icandoitexcellently.wordpress.com/

Widgets  The gear icon is now visible on my blog, which links to the widgets. http://icandoitexcellently.wordpress.com/

Widgets  Here is an example of what it looks like when you click the gear icon. http://icandoitexcellently.wordpress.com/

Social Links You can add links to various social networks to a toggle menu (the heart icon). http://icandoitexcellently.wordpress.com/

Social Links  To add links follow these steps: 1. Create a new Custom Menu, and assign it to the Social Links Menu location. 2. Add links to each of your social services using the Links panel. http://icandoitexcellently.wordpress.com/

Social Links 1. Create a new Custom Menu, and assign it to the Social Links Menu location. http://icandoitexcellently.wordpress.com/

Social Links  To create a custom menu, go to Appearance → Menus in your dashboard. http://icandoitexcellently.wordpress.com/

Social Link  To create a new menu, click the create a new menu link, then just type in a Menu Name (to help you remember what it is), and click the Create Menu button. http://icandoitexcellently.wordpress.com/

Social Links  After you create your first menu, you will notice that two new options appear to control the following: a. Auto add pages – If checked, new pages will be added automatically when you create them. b. Theme locations – Allows you to decide where you would like your custom menu to appear in your theme. By default, your menu will show up in the main navigation area of your theme. However, you can select a different location if your theme is capable of multiple menus. http://icandoitexcellently.wordpress.com/

Social Links Choose your desired setting by clicking on the check box. http://icandoitexcellently.wordpress.com/

Social Links  Then click “Save Menu” http://icandoitexcellently.wordpress.com/

Social Links  The Heart Icon which connects to your Social Links will now appear on your blog. http://icandoitexcellently.wordpress.com/

Social Links 2. Add links to each of your social services using the Links panel. http://icandoitexcellently.wordpress.com/

Social Links 2. Add links to each of your social services using the Links panel. http://icandoitexcellently.wordpress.com/

Social Links  Type in the URL where you want to take someone when they click on it, add Link Text to specify what the tab will say, and then click Add to Menu. http://icandoitexcellently.wordpress.com/

Social Links  Once added to the menu, you will notice that Twitter is now included in the Menu Structure Pane. http://icandoitexcellently.wordpress.com/

Social Links  Click “Save Menu” to update your Menu Settings. http://icandoitexcellently.wordpress.com/

Social Links  Icons for your social links will automatically appear when you click the heart icon in the header. http://icandoitexcellently.wordpress.com/

Custom Menus Hexa includes one Custom Menu in addition to the Social Links menu. The main navigation is located behind a toggle menu icon in the header (look for the three horizontal lines): http://icandoitexcellently.wordpress.com/

Now, let’s try to use this theme. http://icandoitexcellently.wordpress.com/

This will appear on your screen. http://icandoitexcellently.wordpress.com/

Click “Activate” http://icandoitexcellently.wordpress.com/

This will appear on your screen http://icandoitexcellently.wordpress.com/

 Have fun, be creative and customize your site as you desire. http://icandoitexcellently.wordpress.com/

I have finally activated the Hexa theme  To view what it looks like, visit http://icandoitexcellently.wordpress.com/ http://icandoitexcellently.wordpress.com/

Here’s a snapshot of my page http://icandoitexcellently.wordpress.com/

Thank You!  http://icandoitexcellently.wordpress.com/

Add a comment

Related presentations

Related pages

Hexa Theme — WordPress Themes for Blogs at WordPress.com

Discover the Hexa Theme, a WordPress theme on the WordPress.com Theme Showcase. ... Hexa is a fun, fresh experience for your personal blog.
Read more

Theme Directory — Free WordPress Themes

Search WordPress.org for: Showcase; Themes. Plugins; Mobile; ... Hexa By Automattic. Preview Download. ... No themes found. Try a different search. About;
Read more

Hexa Theme — WordPress Themes for Blogs at WordPress.com

Oodles of gorgeous WordPress themes for your blog. You can change the look of your blog with over 380 attractive WordPress themes ranging from professional ...
Read more

Hexa Theme – WordPress-Themes für Blogs auf WordPress.com

Melde dich bei WordPress.com an, um Hexa für deine selbst gehostete ... Du kannst das Aussehen deines Blogs mit über 380 attraktiven WordPress-Themes ...
Read more

Wordpress Theme Tutorial - YouTube

I cover everything you need to know to create simple or complicated Wordpress themes. Skip navigation ... Wordpress Theme Tutorial by Derek ...
Read more

WordPress › Support » Theme Support - Blog Tool ...

... Hexa theme change color per page: 5: sacredpath: ... RSS link for this theme's support threads. WordPress › Support » Theme Support. You must log in ...
Read more

WordPress Theme Tutorial (Part 1) - YouTube

In this lesson we learn how to create a WordPress theme by hand, from scratch. We'll write our own ... WordPress Tutorial for Beginners 2016: ...
Read more

Theme-Verzeichnis – Kostenfreie WordPress-Themes

WordPress.org Deutsch. Startseite; Themes; Plugins; Blog; ... Hexa Von Automattic. ... A colorful personal blogging theme with support for post formats and ...
Read more

Theme Showcase - WordPress Themes for Blogs at WordPress.com

Here you can browse and search all WordPress themes available on WordPress.com to discover the one that is just right for your blog.
Read more