Hello Friday

Once you have installed the latest version of WordPress (wordpress.org), then you can start with the theme install.

Installing WordPress for Newbies

For 1st time WordPress users, please have a look at the install guide from WordPress. http://codex.wordpress.org/Installing_WordPress

Installing the Hello Friday Theme

Download the theme from your ThemeForest Downloads page. You will download an installable zip file.

Please don’t unzip this file, as you will need to upload it to your WordPress installation as is.

Open your WordPress backend and browse to “Appearance” in the side navigation.

Click on “Themes”. On this page you will find an “Add New” button at the top. Click it and go to the “Add Themes” page. Here you will find an “Upload Theme” button. Click it and upload your zip file.

You will now see an “Install Now” button, which you can now click to install. This process will take a few seconds.

After successfully uploading of the theme, you will now see the theme displayed with the other standard themes and you can now activate Hello Friday by clicking on the “Activate” Button.

Install plugin that’s required

After you have activated the theme, you will be presented with a notification at the top of the screen that suggest you install the plugin required for the theme to function properly. First install the plugin and then once it is installed, please activate it.

Page creation

Lets start off by setting up a few pages.

Browse to “Pages” in your WP side bar.

Add new page.

Create the pages needed for your website. Home, Contact, About etc.

Create a page by adding a page and then press “Publish” in your right hand side bar.

Assigning your pages to your main navigation

Browse to Appearance / Menus in your WP sidebar

Create a main menu for your site by typing the main menu name and then clicking “Create Menu”

You will see a list of pages on the left.

Select the ones that you want to display in your main menu and click “Add to Menu”

Also make sure that you assign the menu to the right area of the site by going to “Manage Locations” or setting it to Primary Menu as shown below.

Assign the right Home page as Home

Browse to “Settings / Reading” and click Static Page and then click on the “Front Page” dropdown and select your Home page and Save.

Assign your Blog to the right page

If you are not running your blog on the home page and need to assign the blog to another page like “Blog”, then you need to point your blog to that page.

Browse to “Settings / Reading” and click Static Page and then click on the “Post Page” dropdown and select your Post page and Save.

Adding Posts

Browse to your WP sidebar and click on Posts / Add New
1. Give your post a title
2. Write content
3. Create new categories
4. Add tags to posts
5. And add a featured image
6. Hit Publish

Your post will now be visible on your site frontend

Browse to Appearance / Hello Friday Settings

General Page Settings

Here you’ll find a few basic things to start off with

Add your Favicon. Upload a transparent PNG for the best result

Instagram Settings
If you want to add an Instagram Widget in your sidebar or activate the Instagram full width footer, then you can start off by adding your details here

User ID
Where do I find this? http://www.otzberg.net/iguserid/

Access Token
Where do I find this? https://elfsight.com/blog/2016/05/how-to-get-instagram-access-token/

404 Page Details
This is the content that will show up if a page can not be found

Styling

You can set up 4 accent colors for the use through your site. These are mostly used in the Typography section of the settings.

You can also set the colors and styles for Social Icons, Buttons, Tags and Block Quotes here

Typography

All fonts for the site can be set here. This includes, sizes, colors, weight etc. All Google Fonts included. The default font settings should be sufficient for a great looking site.

Header

Here you can upload your site Logo and Sticky Navigation logos. Make sure that they are transparent PNGs at about 150px in height for the best result.

Primary Navigation
Here you can set the font, font color and background color.

Dropdown Navigation
Here you can set the font, font color and background color.

Social Icons
Switch this on and your social icon will be included in your navigation bar.

Select Social Icons
Switch on the social icons that’s needed and add a URL and set the hover color for each

Footer

We recommend you keep footer layout one that is selected by default.
Set the colors for the footer and add some Copyright Info. You can also enable the Instagram feed and social icons in this section.

Extra Signup Settings
Switch this on and a Newsletter Signup bar will be added to the footer area. This can be styled by background color or background image.

Front Page

Top Layout
Here you can choose between a straight forward layout or add a Full Width Slider or Contained Slider.

Launch Pads
If you want launchpads to be displayed under your main logo or main slider, then you can switch this on and give it a heading.

You can choose to display latest posts or categories and pages

Front Page Blog Layout
You can choose to display latest posts or show categories with latest posts and the related posts after each.

Front Page Sidebar
You can switch on a sidebar on your home page

Blog

Blog List
If you have a separate blog list page, then you can switch on or off your sidebar.

Blog Single Post Page
Switch on or off the sidebar
Show / Hide Tags
Show / Hide Author’s Bio

Enable Social
Show / Hide Social Icons on posts
Setting up the social icons to show up can be done under the HelloFriday Sharing Tab

Page

Here you can switch on the sidebar for pages and activate social icons

Sharing

Select the social icons you want displayed on posts and pages.
Please note that you still need to switch then on under the blog or page tab above

Import/Export

This can be used to import style settings from one install to another. Say for instance you work on a dev server and there’s some changes and want to now include them on your live site, then you can do the following.
Click on “Generate Export Options”, copy everything from the box.
Go to your new/live site and paste this into the import box and click on “Import Options”

Browse to your WP sidebar. Go to Appearance / Widgets.

You will see a Widget Area on the right hand side.
You can now drag items from the left, under Available Widgets, into the Widget Area box.
The image above shows the layout for our current demo site.
Add the widgets needed for your site and edit each one of them by giving it a title etc.

Adding and editing the “About Me” widget

Start off by dragging the “Hello Friday Image & Text” widget into the Widget Area box.
Click on the down arrow and start editing.
Here’s an example of our demo site widget.

Hit Save and go view your live site.

Adding a banner to your sidebar

The Hello Friday Banner Widget must also be added to the Widget Area box.
Open the Banner Widget and the content needed.
Make sure that you upload a banner of 311px in width.
The one on our demo site is 311px x 409px.

Hit Save when you’re done and go preview your site frontend.