Eyolo — Theme Documentation

Eyolo is a modern, responsive, and lightweight WordPress theme designed for blogs and online magazines. It allows you to publish articles quickly, manage categories, run ads, and grow your audience effortlessly.

Key Features

• Pre-designed layouts: blog, news, and magazine styles.
• Fully responsive & retina ready.
• Elementor integration (if installed) and Gutenberg compatibility.
• Support for post formats, widget-ready sidebars, ad placements.
• Customization options: colors, typography, spacing, featured images.
• SEO-friendly: proper heading structure, schema markup.
• Translation-ready (.pot/.po/.mo) and RTL support.

Minimum and recommended configuration before installation.

Installing Eyolo is quick and straightforward. You can install it via the WordPress admin dashboard or manually via FTP.

Method 1: WordPress Admin (Recommended)

1. Log in to your WordPress admin panel (yourdomain.com/wp-admin).
2. Navigate to Appearance → Themes → Add New.
3. Click Upload Theme and select the eyolo.zip file from your download package.
4. Click Install Now, then Activate once installation is complete.

Method 2: Manual Installation (FTP)

1. Unzip the eyolo.zip file locally.
2. Using your FTP client (e.g., FileZilla), upload the eyolo folder to /wp-content/themes/.
3. Log in to your WordPress admin panel, go to Appearance → Themes, and click Activate under Eyolo.

Required & Recommended Plugins

After activation, you may see a notification to install required plugins (like Elementor, Contact Form 7, etc.). Click Begin Installing Plugins and follow the steps to install and activate them.

Eyolo comes with a one-click demo import feature as well as a manual import option. You can choose the method that suits you best.

Method 1: One Click Demo Import (Recommended)

1. Go to Dashboard → Eyolo → Import Demo Data.
2. You will see a single demo layout available. Click Import.
3. Wait for the process to complete (this may take a few minutes depending on your server speed).

Important: Please ensure all required plugins are installed and active before importing:

• Required: Redux, Elementor, Eyolo Core,
• Optional: Contact Form 7 (only required if you want to use the Contact Page)

Method 2: Manual Import (Alternative)

If the one-click importer does not work on your server or you prefer to import manually:

1. Navigate to Tools → Import in your WordPress dashboard.
2. Choose WordPress from the list and install the importer if prompted.
3. Select the XML demo file provided in the purchased theme package (usually located in /demo-content/).
4. Assign authors and check the option to download and import file attachments.
5. Click Import and wait for completion.

After installing and activating Eyolo, follow these steps to prepare your website for use:

1. Configure Site Identity

1. Go to Appearance → Customize → Site Identity.
2. Set your Site Title and Tagline.
3. Upload a Site Logo and Site Icon (Favicon).

2. Set Up Permalinks

1. Navigate to Settings → Permalinks.
2. Select Post name for clean and SEO-friendly URLs.
3. Save changes.

3. Assign a Static Front Page

1. Go to Settings → Reading.
2. Select A static page under “Your homepage displays”.
3. Choose your newly created Home page as the Homepage and Blog page as the Posts page.

4. Configure Menus

1. Navigate to Appearance → Menus.
2. Create a Primary Menu and add the pages you created.
3. Assign the menu to the Main Menu location.

5. Install Child Theme (Optional)

If you plan to customize theme files, install and activate the provided Eyolo Child Theme. This ensures your customizations are preserved during updates.

All header settings are located in Dashboard > Eyolo > Theme Options > Header. Here you can configure header search behavior and enable a subscribe button with a modal window.

Search Options

The search module in Eyolo is built to display both posts and categories in a clean, modern layout. You can customize the titles and sorting behavior directly in the theme options.

• Posts Section Title — text displayed above post search results.
• Order Posts By — Most Commented, Newest, Oldest, Most Viewed, Random.
• Categories Section Title — text displayed above categories in search results.
• Order Categories By — Number of Posts, Name.
• Search Results Heading — main heading of the search results modal.
• Results Per Page — number of items displayed per page in the search modal.

Subscribe Options

The subscribe button allows you to display a modal with a custom subscription form (e.g., Mailchimp). Available options:

• Switcher — enable or disable the subscribe button in the header.
• Button Text — text displayed on the subscribe button.
• Modal Title — title displayed inside the modal window.
• Modal Description — optional description under the title.
• Subscribe Code — insert your own HTML form or service code (e.g., Mailchimp).

Example Mailchimp Form

<p class="email">
<label for="email">Email Address:</label>
<input type="email" id="email" name="EMAIL" placeholder="Your email address" required autocomplete="on">
</p>

<p class="agree">
<label><input type="checkbox" name="AGREE_TO_TERMS" value="1" required>I have read and agree to the terms &amp; conditions</label>
</p>

<p class="submit">
<input type="submit" value="Subscribe">
<span class="hidden_svg"><span><svg width="16" height="13" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 9.00005L9 1.00005M9 1.00005H1.8M9 1.00005V8.20005" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span></span>
</p>

Menus

After creating menus in Dashboard > Appearance > Menus, assign them to the correct Display Location:

• Main Menu — displays in the main header

You can fully customize the menu structure, add dropdowns, and control which menu items appear in which location.

Eyolo is built to work seamlessly with Elementor, the most popular drag‑and‑drop page builder for WordPress. This allows you to create custom layouts without writing any code.

Elementor Setup

1. Make sure Elementor and Eyolo Core plugins are activated.
2. Navigate to Elementor → Settings in your WordPress dashboard.
3. Enable Elementor for Posts and Pages (recommended) so you can design both types of content.
4. Save changes.

Working with Elementor

To edit a page with Elementor:

1. Go to Pages (or Posts) in the WordPress dashboard.
2. Hover over the page you want to edit and click Edit with Elementor.
3. Use the left panel to drag widgets (Eyolo widgets included) into the page canvas.
4. Click Update to save your changes.

Eyolo Widgets

Eyolo includes a collection of custom widgets specifically designed for magazine and blog layouts. These widgets extend Elementor’s functionality and let you build unique page sections like:

• Anchor Button
• Authors
• Banner
• Button
• Categories
• Instagram Block
• Posts
• Subscribe
• Title

Other Editors

The theme is compatible with the native WordPress block editor (Gutenberg) as well. You can freely use it for posts and pages if you prefer a lightweight editing experience.

Creating Full‑Width Pages

If you want to create a regular page (with a page title), simply create a page normally and edit it with Elementor.

For completely custom layouts without a page title (like the Homepage):

1. Create a new page.
2. In the Page Settings (usually in the right sidebar), set Page Width to Full Width.
3. Disable the Page Title option.
4. Click Publish and then click Edit with Elementor to design your page from scratch.

Creating the Blog Page

To display your posts in a dedicated blog page, simply create a new page from Dashboard > Pages > Add New, and select the Blog Page template.

Available Page Options:

• Page Style: Contained, Full Width, or Sidebar
• Page Sidebar: Choose any available sidebar if Sidebar style is selected
• Page Title: Enable or disable the title for this page
• Page Color: Default or Dark (green)
• Blog Page Style: Select between Classic or Masonry layouts

Post Formats Support

Eyolo fully supports all WordPress Post Formats and provides enhanced styling for the following:

• Standard & Image: Use Featured Image to display your post thumbnail
• Gallery: Dedicated field to add multiple images
• Video: Add video embed codes (YouTube, Vimeo, etc.)
• Audio: Add audio embed codes (SoundCloud, Mixcloud, etc.)
• Quote: Highlighted quote style with author field
• Link: Adds a primary external link for the post

Post Layout Options

Each single post in Eyolo includes flexible layout settings that allow you to control sidebars and the Table of Contents independently from global options. These options can be found in the post editor under Post Layout.

Available Settings:

• Table of Contents: Choose how the built-in Table of Contents appears: Global (follows global theme settings), Enable (force display), or Disable (hide for this post).
• Sidebar: Select which sidebar to display for this post. You can choose any registered sidebar from the list or disable it entirely.

Available Sidebars

Eyolo theme includes several predefined widget areas that you can easily customize in Dashboard > Appearance > Widgets or using the block editor in WordPress 6+.

Main Sidebars

• Main Sidebar: The default sidebar area used on blog pages and single posts (if sidebar is enabled).
• Secondary Sidebar: An additional sidebar that can be assigned to specific pages or custom layouts.

Footer Sidebars

• Footer #1 Sidebar: Appears in the first column of the footer.
• Footer #2 Sidebar: Appears in the second column of the footer.
• Footer #3 Sidebar: Appears in the third column of the footer.
• Footer #4 Sidebar: Appears in the fourth column of the footer.

Custom Eyolo Widgets

Eyolo includes 4 custom widgets with unique styling to enhance your sidebar or footer.

Available Widgets:

• Eyolo Author: Displays author information beautifully. Data is pulled from Users > User > Edit Profile, including the extra profile fields provided by the theme.
• Eyolo Categories: Lists your categories in a modern, clean design.
• Eyolo Social: Shows your social media icons and links based on profile URLs.
• Eyolo Top Articles: Displays your most popular or top-rated articles.

Eyolo theme does not include custom shortcodes or proprietary Gutenberg blocks. However, we have carefully styled all default Gutenberg blocks to match the look and feel of the theme.

Supported Gutenberg Blocks:

• Headings, Paragraphs, Lists
• Images, Galleries, Cover blocks
• Buttons, Quotes, Pullquotes
• Columns, Groups, Separators
• Embeds (YouTube, Vimeo, Twitter, etc.)
• And all other default WordPress blocks

Translation Support

Eyolo theme is fully translatable and works with popular translation plugins such as Loco Translate (free) or WPML (premium).

Where to Find Translatable Strings:

Since Eyolo comes with its own core plugin and includes , some phrases may be located in different text domains. If you cannot find a specific phrase, please check these three places:

• Eyolo Theme – For front-end UI strings, buttons, page titles
• Eyolo Core Plugin – For custom post types, meta fields, customizer options
• Plugin – For post grids, layouts, and preset names

Child Theme Support

Eyolo comes with a ready-to-use child theme included in the purchased files. Using a child theme is strongly recommended if you plan to customize theme code (PHP, CSS, or templates).

Installing the Child Theme:

1. Locate the eyolo-child.zip file inside your purchased package.
2. Go to Dashboard > Appearance > Themes > Add New.
3. Upload and activate Eyolo Child.
4. Your customizations can now be safely added to functions.php or style.css inside the child theme.

Recommended Customization Workflow

• Add custom CSS to style.css inside the child theme.
• Use functions.php in the child theme to enqueue additional scripts or override theme functions.
• If needed, copy template files from the parent theme into the child theme and modify them safely.
• Avoid direct edits to parent theme files to prevent losing changes after updates.

Developer Notes

• Minimum Requirements: PHP 7.4+, WordPress 6.0+
• File Structure:
  • /assets – Contains all theme assets, including CSS, JS, images, and SVG files.
  • /inc – Core PHP functions, theme hooks, and option definitions.
  • /languages – Translation files, including eyolo.pot for localization.
  • /plugin – TGM configuration and bundled plugin installer (used to recommend or install required plugins).
• Best Practice: Use WordPress hooks (actions & filters) when available, instead of editing core files.

Eyolo provides a quick and safe way to add your own custom CSS without editing theme files. You can easily insert any additional CSS rules in:

• Dashboard > Eyolo > Theme Options > Custom CSS – Recommended way
• Dashboard > Appearance > Customize > Additional CSS – WordPress native way
• Child Theme > style.css – For developers who want to keep styles under version control

Theme Performance

Eyolo was built with speed and efficiency in mind. We use clean, optimized code and follow WordPress coding standards to ensure a fast experience for your visitors.

Performance Features:

• Lightweight and modular code structure
• Optimized images and assets out of the box
• Lazy-loading support for media (WordPress native)
• Minimal HTTP requests, no unnecessary scripts
• Full compatibility with popular cache & optimization plugins (e.g. WP Rocket, W3 Total Cache)

Security Best Practices

Eyolo follows WordPress security best practices. No unsafe code or deprecated functions are used. However, site security also depends on your hosting and configuration.

Recommended Security Steps:

• Keep WordPress, theme, and plugins up-to-date
• Use strong passwords and a security plugin (e.g. Wordfence, iThemes Security)
• Regularly back up your site (use a plugin or server-level backups)
• Ensure correct file permissions on your server
• Disable unused plugins and themes

Keeping your theme up to date is important for security, performance, and new features. Eyolo supports automatic updates when the official Envato Market plugin is installed and configured.

Automatic Updates (Recommended)

If you have installed and connected the Envato Market plugin, updates will appear in your WordPress Dashboard like any other theme update. You can update with a single click.

Manual Update

If you prefer to update manually or do not have the Envato plugin configured, follow these steps:

1. Download the latest files from ThemeForest Downloads
2. Unzip the package and locate the eyolo.zip file
3. Go to Dashboard > Appearance > Themes and install the new eyolo.zip file
4. Before updating, export your Theme Options: Eyolo > Theme Options > Import/Export > Export
5. Delete the Eyolo Core plugin from Dashboard > Plugins
6. Install and activate the newly required plugins (Eyolo Core, , etc.)

If you face any issues with Eyolo, follow these recommended steps before opening a support ticket.

1. Check System Requirements

Ensure that your server meets the minimum requirements listed in the System Requirements section. Most issues with demo import, theme installation, or saving Theme Options come from low PHP limits.

2. Verify Required Plugins

Make sure all required plugins are installed and active:

• Eyolo Core (required)
• Elementor (required)
• Redux Framework (required)
• Contact Form 7 (optional, only if you need Contact Page)

3. Clear Cache

If you use a caching plugin or CDN, clear the cache after making changes. Some visual issues may simply be cached versions of your site.

4. Switch to Default Plugins & Theme

To rule out conflicts, temporarily disable other third-party plugins and check if the issue persists. You can also test with a default WordPress theme like Twenty Twenty-Four to confirm if the issue is related to Eyolo.

5. Enable Debug Mode

Enable WP_DEBUG in your wp-config.php file to check for errors. This can help you or our support team identify the root cause faster.

6. Reinstall Theme or Plugins

If you suspect a corrupted file, re-download Eyolo from ThemeForest and reinstall. Do the same with Eyolo Core and plugins.

Regular backups are essential to protect your site from data loss due to updates, server issues, or accidental changes.

Recommended Backup Methods

• Plugin-based backups: Use popular plugins such as UpdraftPlus, BackWPup, or All-in-One WP Migration.
• Hosting provider backups: Many hosts provide daily or on-demand backups. Make sure to enable and test them.
• Manual backups: Export the WordPress database via phpMyAdmin and download the wp-content folder manually.

Theme Installation Issues

Problem: The package could not be installed. The theme is missing the style.css stylesheet.
Solution: This occurs when you try to install the main.zip file. This file contains additional resources (plugins, documentation, XML files, child theme). To install the theme correctly:

1. Unzip the downloaded package.
2. Locate the eyolo.zip file.
3. Go to Dashboard > Appearance > Themes > Add New and upload eyolo.zip.

404 issue: Go to Dashboard > Settings > Permalinks, select Post Name from Common Settings and click Save Changes.

Theme Activation

1. Copy your purchase code. (Read Envato article for instructions if needed.)
2. Go to Dashboard > Eyolo.
3. Paste the code into the activation field and click Activate.

Revoke Theme

To deactivate or revoke the theme, go to Dashboard > Eyolo and click the Revoke button.

Logo & Branding

You can change your logos by going to Dashboard > Eyolo > Theme Options > Logo. Here you can upload:

• Dark Logo
• Light Logo
• Retina Dark Logo
• Retina Light Logo

Additional Frequently Asked Questions

• How to import demo data?
  Go to Dashboard > Eyolo > Import Demo Data and follow instructions. OCDI import is recommended, manual import is also available.
• Which plugins are required?
  Eyolo Core, , Elementor, Redux Framework are required. Contact Form 7 is optional.
• How to add custom CSS?
  Use Dashboard > Eyolo > Theme Options > Custom CSS or the WordPress Customizer.
• How to translate the theme?
  Use Loco Translate or WPML. Strings may be in Theme, Eyolo Core, or text domains.
• How to restore your site after an issue?
  Always keep backups. Use plugin-based backups (UpdraftPlus, BackWPup) or hosting backups.

Understanding Eyolo's file structure helps developers and advanced users safely customize the theme.

Root Directory

• 404.php, archive.php, author.php, category.php, comments.php, footer.php, functions.php, header.php, index.php, page.php, page-authors.php, page-blog.php, page-categories.php, page-videos.php, readme.txt, screenshot.png, search.php, searchform.php, sidebar.php, single.php, style.css – Main template files and assets

/assets

• All CSS, JS, and SVG assets

/inc

• Contains core theme functionality:
• /templates – Page/post templates located inside inc/templates
• Custom CSS
• Theme functions
• Google Fonts
• Media to Category mapping
• Pagination
• Sidebar registration

/languages

• eyolo.pot – Theme translation template

Child Theme

The purchased package includes a eyolo-child folder for safe customization. You can copy template files or add custom CSS/JS here to prevent losing changes after updates.

License

Eyolo theme comes with a single-site license. This means that one purchase allows installation and use on one website only. If you need the theme for multiple websites, additional licenses must be purchased from ThemeForest.

Support

Included support covers technical questions only. This includes issues related to theme installation, bugs, or functionality. Customization requests or freelance work are not included in support.

The theme includes 6 months of support from the purchase date. After the support period ends, you can renew it via ThemeForest Downloads and contact support again.

Contact

For any technical questions, please use the Support section of the Eyolo item page on ThemeForest.

Provide as much detail as possible: WordPress version, theme version, installed plugins, screenshots, and any error messages. This will help us solve your issue faster.

Changelog

All theme updates and version history can be found on the ThemeForest item page: View Changelog on ThemeForest

Credits

Theme Author: Marketify
Item URL: ThemeForest Profile

Third-Party Plugins Included or Required

• Elementor
• Redux Framework
• Contact Form 7 (optional)

Custom Plugins by Eyolo

• Eyolo Core

Fonts & Icons

• Lexend Deca, Prata font
• SVG icons included in the framework folder

This section contains some helpful code snippets and tips that you can use in your child theme, Custom CSS, or functions.php to extend Eyolo functionality safely.

1. Add Custom Sidebar

function eyolo_custom_sidebar() {
  register_sidebar(array(
      'name' => 'My Custom Sidebar',
      'id' => 'custom-sidebar',
      'before_widget' => '<div class="widget">',
      'after_widget' => '</div>',
      'before_title' => '<h3>',
      'after_title' => '</h3>'
  ));
}
add_action('widgets_init', 'eyolo_custom_sidebar');

2. Enqueue Custom CSS or JS in Child Theme

function eyolo_child_scripts() {
  wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css');
  wp_enqueue_script('child-js', get_stylesheet_directory_uri() . '/custom.js', array('jquery'), false, true);
}
add_action('wp_enqueue_scripts', 'eyolo_child_scripts', 20);

3. Disable WordPress Emojis

remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

Want a fully customized website? We offer professional custom theme development services for WordPress, Ghost, and HTML templates. Any design, layout, or functionality you imagine can be implemented — your wish is our command.

Our Custom Services

• Custom WordPress Themes: Starting at $500 for simple themes, higher for advanced designs.
• Custom Ghost Themes: Starting at $500 and up, tailored to your specifications.
• Custom HTML Templates: Starting at $300, fully responsive and personalized.

How it Works

• Send your requirements and ideas via email.
• We provide a quote based on complexity.
• Once agreed, payment is made securely to your Payoneer account by email.