• Created: 18/05/2023
• By: 3styler 3styler.in

Thank you very much for having purchased Newsophy - Magazine Style WordPress Blog.

This documentation file helps you to understand how it works.

If you have any questions that are not answered here, please feel free to email us at alex3styler@gmail.com

Let's get it started :)

Via FTP:

1. Extract the newsophy.zip file and upload the extracted folder to the /wp-content/themes/ folder on your server.
2. Go to Appearance > Themes.
3. Click on "Activate" to select your theme.

Via WordPress:

1. Extract the contents of the downloaded zip file to your computer.
2. In your WordPress admin, go to Appearance > Themes and click the Add New button on the top and after Upload Theme button.

3. Browse the folder where you extracted the previous zip file, and select the file called newsophy.zip.
4. Click the Install Now button and then click Activate link .

1. In Appearance > Themes select Begin installing plugins link.
2. Select the Required plugins checkboxes and the Recomended plugins (if you want to use it) from the list
3. Choose Install in select box.
4. Click the Apply button.

You should get All installations and activations have been completed message after the successful installation.

If you are planning to use your website as a shop, you can install WooCommerce plugin (go to Plugins and search for "WooCommerce").

Please read the WooCommerce documentation for more info

If you are using this theme the first time, we recommend you import the Demo Data

It contains menus, sample pages, posts and images to help you to understand how the theme works.

1. Navigate to Appearance > Import Demo Data.
2. Select the theme you want to import and click Import button.
3. Wait up to a few minutes to complete the importing process.

attention When choosing this option, all the existing content of your website will be lost and replaced with new data. We recommend using this option for new WordPress installations only.

You can easily customize your theme using the live customizer.

Go to Apperance > Customize to manage your blog options.

Customizer contains 18 sections:

1. Site Identity: Your blog logo, title, tagline and icon.
2. General: You blog main options such as Home and Categories/Archive page layouts.
3. Fonts: Set and manage your blog fonts.
4. Colors: Colors for your posts on the Home and Categories/Archive pages.
5. Header: Your blog main menu colors and settings.
6. Featured Area: Featured Area slider settings.
7. Picked Area: Picked Area slider settings.
8. Blocks: Home Page Blocks settings.
9. Post Archive: Show settings for your posts on the Home and Categories/Archive pages.
10. Single Post: Settings for your single posts.
11. Page: Page settings.
12. Social Links: Set social links to display on the header and footer.
13. Footer: Logo, colors and settings for footer.
14. Advertising Area: Show your advertising banner.
15. Menus: Manage your blog Menus.
16. Widgets: Manage your widgets.
17. Homepage Settings: Display your posts or static page.
18. Additional CSS: Additional CSS styles.

Apperance > Customize > General

Background Color

Set the background color for your pages (Boxed Layout only).

Background Image

Set the background image for your pages (Boxed Layout only).

Boxed Layout

Image Border Radius

Set the border radius for your images.

Apperance > Customize > Fonts

In this section, you can customize fonts for your website.

You can choose from 1400+ Google fonts and set the font size and width for the text displayed in single articles and top menu.

Apperance > Customize > Colors

In this section, you can select the color for most elements of the website, including site background color, fonts color, link, buttons, navigation, and more.

tip You can set the color for almost everything but we recommend to don't use more than 3 colors. You can also use some online tools for picking color schemes, such as Coolors

Apperance > Customize > Header

Here is the settings for your Header and Main Menu.

You can control the header elements and colors.

Apperance > Customize > Featured Area

This area displays posts selected by featured in the Post Editor.

attention Please be sure you have installed and activated the "Advanced Custom Field" plugin to enable post selection.

You can set the area style and colors.

Enable Featured Area

Enable/disable Featured Area

Layout

Set Featured Area Style

Show Categories

Show/Hide post categories

Show Author

Show/Hide post author

Show Date

Show/Hide post date

Disable Posts from Timeline

You can disable featured posts from the main timeline

COLORS

Here you can change colors for the area background and texts

Apperance > Customize > Picked Area

This area displays posts selected by hand picked in the Post Editor.

attention Please be sure you have installed and activated "Advanced Custom Field" plugin to enable post selection.

You can set the area style and colors.

Enable Picked Area

Enable/disable Picked Area

Show Categories

Show/Hide post categories

Show Author

Show/Hide post author

Disable Posts from Timeline

You can disable featured posts from the main timeline

COLORS

Here you can change colors for the area background and texts

Apperance > Customize > Blocks

This section conrtols settings for Home Page blocks.

Title

Block title

Category

Block category

Tag

Block tag

Block Style

You can select from 7 posts styles

Posts per Block

Number of posts per block

Sidebar

Select sidebar for a block

Apperance > Customize > Post Archive

In this section you can find the settings for display your posts on Author, Categories and Archive Pages

Category and Archive Layout

Switch between Grid and List style

Show Categories

Show/Hide post categories

Show Author

Show/Hide post author

Show Date

Show/Hide post date

Show Excerpt

Show/Hide post excerpt

Excerpt Length

You can set excerpt lenght in words from 5 to 80

tip You can set any number by typing in the value box.

Apperance > Customize > Single Post

Here you can find the settings for the Single Post

Post Meta

In this area, you can enable/disable your post meta such as Author, Date, Categories and Tags.

Post Elements

In this area, you can enable/disable About Author Box, Post Navigation, Related Posts and Comments.

Social Share

Enable/disable your social shares.

Apperance > Customize > Page

In this section, you can display and hide Page Share Links and Page Comments for your pages

Apperance > Customize > Social Links

In this section, you can set the links to your social accounts to display on Header and Footer.

Please use the full patch to your Social account.

After setting your link, please set Show Social Links to 'ON' in Site Menu & Header or/and Footer sections

Apperance > Customize > Footer

In this section, you can find the options for your footer.

You can select the Footer logo, set the background, link and text colors, enable/disable social icons and add the footer text.

To set widgets for your page, go to Appearance > Widgets on WordPress main menu.

On the right side, you'll see 2 widgets sections for the Side Bar and Instagram Footer.

Just drag & drop a widget you want to display into the desired section.

Newsophy comes with 6 custom widgets:

• (Newsophy) About Me Displays an "About Author" info. You can add an image, sub-title, description, and signature.
• (Newsophy) Latest Posts Displays your latest posts with thumbnails. You can also set the category and the number of posts to show.
• (Newsophy) Social Links Displays your social accounts links.
• (Newsophy) Category Displays a category with the background image.

attention Please make sure you have installed "Newsophy Core" plugin to anable custom widgets.

Newsophy Home Page contains the Featured Area, Hand-picked Area, up to 5 Blocks and up to 3 blocks sidebars.

Yuu can edit the Home Page layout in the Customizer.

1. Go to Appearance > Menus
2. Click create a new menu link and enter your menu name
3. Click Create Menu button
4. Select menu items from the left side and click Add to Menu button
5. Select Header Menu checkbox from the right side

To create a post, go to Posts > Add New on WordPress main menu

Enter a post title and add content.

You can add the featured image as well. Featured image displays above the post content.

You can set categories for your post

You can create 4 different types of posts: standard, gallery, video, and audio.

Creating a page is similar to creating a post.

To create a new page, go to Pages > Add New on WordPress main menu.

Enter a page title and add content.

You can add featured image as well. Featured image displays above the page content.

You can change the page template in the drop-down menu on the right side "Page Attributes" box.

• Default Template displays page content with the sidebar
• Full Width Pade displays page content without the sidebar

Click "Publish" or "Update" to save changes.

First, please ensure that you have installed and activated the Contact Form 7 plugin.

Creating a contact form

On your WordPress Main menu, go to Contact > Add New

In the Form tab you can see a simple form code for display on your contact page.

In this form you can add telephone, checkboxes, drop-down menu, etc. if you need.

These options are available at the top of the form.

In the Mail tab you can edit your email, from, subject and message body.

important Please be sure to navigate to the "Mail" tab and insert your own email address in 'To:' field.

In the Messages tab you can edit your email, from, subject and message body.

After setting up your form, click the Save button.

You'll see generated code snippet at the top of the page, highlighted in blue.

Copy this code to paste into your Contact page.

Creating the page

Create a new "Contact Me" page in Pages > Add New.

Paste your previously generatad short code in the text box on the create/edit page .

Save your contact page. Link to the Contact page will appear in your top menu.

We have used the following open-source projects for this theme.

• jQuery jquery.com
• Advanced Cusom Fields www.advancedcustomfields.com
• Font Awesome fontawesome.github.io/Font-Awesome
• Fitvids fitvidsjs.com
• Mailchimp for WordPress wordpress.org
• One Click Demo Import wordpress.org

We have used free stock images from Unsplash.com for our demo content.