Imogen – Designer and Creative Business Theme

Introduction

Welcome to the Imogen theme tutorial! Imogen is a stylish and modern WordPress theme designed specifically for creative professionals, entrepreneurs, and small businesses. With its clean and minimalist design, Imogen is perfect for showcasing your portfolio, services, and personality. In this comprehensive tutorial, we will guide you through the setup and customization process of the Imogen theme, helping you to create a stunning website that reflects your brand and personality.

Table of Contents

1. Installation and Setup
2. Customizing the Homepage
3. Creating a Portfolio
4. Customizing the Blog
5. Adding Services and Testimonials
6. Setting Up Contact and Social Media Pages
7. Advanced Customizations and Troubleshooting

Step 1: Installation and Setup

To start using Imogen, you need to install it on your WordPress website.

1. Log in to your WordPress dashboard and navigate to Appearance > Themes.
2. Click on the "Add New" button at the top of the page.
3. Select the "Upload Theme" option and choose the Imogen theme zip file.
4. Click "Install Now" and wait for the theme to be installed.
5. Once the installation is complete, click "Activate" to switch to the Imogen theme.
6. You will be redirected to the theme’s setup page. Fill in your basic information, such as your name, website title, and tagline.
7. Choose a layout option for your homepage: Showcase, Blog, or Default.
8. Select a color scheme for your website. You can choose from pre-designed schemes or create your own custom color combination.
9. Click "Save Changes" to save your setup.

Step 2: Customizing the Homepage

The Imogen theme comes with a range of homepage layouts and sections that you can customize to showcase your content.

1. Navigate to the Customizer by clicking on the "Customize" button in the WordPress dashboard.
2. In the Customizer, click on the "Homepage" section.
3. Choose a layout option for your homepage from the dropdown menu.
4. Customize the hero section by adding a background image, color, or video. You can also add a title, tagline, or call-to-action button.
5. Add a subtitle section to provide more context about your services or products.
6. Add a portfolio section to showcase your work. You can choose from a range of portfolio layouts and customize the number of columns and images.
7. Add a testimonial section to showcase customer feedback.
8. Click "Publish" to save your changes.

Step 3: Creating a Portfolio

The Imogen theme is perfect for creatives and businesses that need to showcase their work.

1. Navigate to the Portfolio page by clicking on the "Portfolio" button in the WordPress dashboard.
2. Click on the "Add New" button to create a new portfolio item.
3. Fill in the portfolio item title, description, and tags.
4. Upload images or videos to showcase your work.
5. Choose a layout option for your portfolio item from the dropdown menu.
6. Customize the portfolio item settings, such as the number of columns and images.
7. Click "Publish" to save your portfolio item.

Step 4: Customizing the Blog

The Imogen theme also comes with a range of blog layouts and customization options.

1. Navigate to the Customizer by clicking on the "Customize" button in the WordPress dashboard.
2. In the Customizer, click on the "Blog" section.
3. Choose a layout option for your blog from the dropdown menu.
4. Customize the blog post layout, including the title, content, and images.
5. Choose a sidebar layout and customize the sidebar widgets.
6. Click "Publish" to save your changes.

Step 5: Adding Services and Testimonials

The Imogen theme also comes with a range of services and testimonials sections that you can customize to showcase your offerings and customer feedback.

1. Navigate to the Services page by clicking on the "Services" button in the WordPress dashboard.
2. Click on the "Add New" button to create a new service.
3. Fill in the service title, description, and price.
4. Choose a service layout option from the dropdown menu.
5. Customize the service settings, such as the number of columns and images.
6. Click "Publish" to save your service.

Step 6: Setting Up Contact and Social Media Pages

The Imogen theme also comes with a range of contact and social media sections that you can customize to showcase your contact information and social media profiles.

1. Navigate to the Contact page by clicking on the "Contact" button in the WordPress dashboard.
2. Fill in your contact information, such as your name, email, and phone number.
3. Choose a contact layout option from the dropdown menu.
4. Customize the contact settings, such as the number of columns and images.
5. Click "Publish" to save your changes.

Step 7: Advanced Customizations and Troubleshooting

The Imogen theme is highly customizable, and you can further customize it to suit your needs.

• Use the theme’s built-in custom CSS option to add custom styles to your website.
• Use the theme’s built-in custom JavaScript option to add custom scripts to your website.
• Use the theme’s built-in page builder option to create custom page layouts.
• Use the theme’s built-in widget option to add custom widgets to your website.
• If you encounter any issues with the theme, check the theme’s documentation and support forums for solutions. If you still need help, contact the theme’s support team for assistance.

Conclusion

That’s it! With this comprehensive tutorial, you should now be able to setup and customize the Imogen theme to suit your needs. Remember to explore the theme’s built-in customization options and settings to further customize your website. If you encounter any issues or need help, don’t hesitate to reach out to the theme’s support team. Good luck with your website!

Imogen – Designer and Creative Business Theme Review

I have recently had the pleasure of working with the Imogen theme, a professional and modern WordPress theme designed specifically for designers and creative businesses. My overall experience with the theme has been positive, and I’m excited to share my findings with you.

Design and Visual Appeal

The Imogen theme is incredibly stylish and visually appealing. Its modern and sleek design makes it perfect for creative agencies, designers, and artists who want to showcase their work in a sophisticated and professional manner. The theme is responsive and retina-ready, ensuring that your website looks great on all devices, including desktops, laptops, tablets, and mobile phones.

Ease of Use

I was pleasantly surprised by how easy it was to use the Imogen theme, even for those with no coding knowledge. The powerful admin panel makes it simple to customize every aspect of your website, from typography to colors and layouts. The theme comes with a huge collection of home and inner pages, allowing you to get started quickly.

Features

Imogen comes with a staggering list of features that cater to the needs of designers and creative businesses. Some of the key features include:

• Multiple portfolio layouts and hover types
• Split-screen sections for creating stunning visuals
• Integration with WooCommerce, making it easy to sell products
• Powerful page builder, WPBakery Page Builder, included
• Customizable Google Maps and social sharing buttons
• Support for multiple social media feeds and icons
• Four header types and three header behaviors to choose from
• Customizable footer with optional 1-4 columns
• Boxed layout and video background options
• Smooth page transitions and smooth scrolling
• Icon With Text and other useful shortcodes
• Custom font and 800+ Google Fonts

Change Log

The Imogen theme has a impressive change log, with regular updates to ensure compatibility with the latest WordPress and third-party plugin versions. The theme’s developers are committed to providing bug fixes and feature updates, which gives you peace of mind when using their theme.

Conclusion

Overall, I highly recommend the Imogen theme for any designer or creative business looking for a modern and professional website solution. Its ease of use, impressive feature set, and beautiful design make it an excellent choice for anyone who wants to showcase their work in a sophisticated manner. I have given the Imogen theme a score of 4.62 out of 5, which is well-deserved.

Rating: 4.62/5

1. Easy to use – no coding knowledge required
2. Powerful Admin Panel
3. Large collection of home and inner pages
4. Import demo site with One-Click
5. Responsive and Retina Ready
6. Extensive typography options
7. WPBakery Page Builder for WordPress included
8. Slider Revolution Responsive WordPress Plugin included
9. Portfolio List shortcode
10. Various Portfolio List Layouts
11. Portfolio Gallery layout
12. Portfolio Masonry layout
13. Portfolio Scattered layout
14. Portfolio Justified Gallery layout
15. Various Portfolio hover types
16. Portfolio List loading animations
17. Portfolio List “Load More” Pagination
18. Portfolio List “Infinite Scroll” Pagination
19. Portfolio List Standard Pagination
20. Portfolio List Category Filter
21. Portfolio Slider shortcode
22. Portfolio Category List shortcode
23. Portfolio Project Info shortcode
24. Various portfolio single layouts
25. Portfolio Single Gallery layout
26. Portfolio Single Slider layouts
27. Portfolio Single Images layouts
28. Portfolio Single Masonry layouts
29. Custom templates for Portfolio Singles
30. Enable Lightbox for portfolio images and videos
31. Instagram Feed Widget
32. Twitter Feed Widget
33. Blog List widget
34. Social Icon widgets
35. Product List shortcode
36. Product List Simple shortcode
37. Product List Carousel shortcode
38. Uncovering Sections shortcode
39. Full Screen Image Slider shortcode
40. Full Screen Sections shortcode
41. Split Section shortcode
42. Text Marquee shortcode
43. Parallax Image Group shortcode
44. Video Button shortcode
45. Section Title shortcode
46. Pricing Table shortcode
47. Twitter List shortcode
48. Call to Action shortcode
49. Animation Holder shortcode
50. Custom Font shortcode
51. Vertical Split Slider shortcode
52. Various infographic elements
53. One Page site – anchor functionality
54. Multiple Blog List Layouts
55. Blog Masonry Layout
56. Blog Metro Layout
57. Blog Standard Layout
58. Blog List shortcode
59. Custom Post Formats: Audio, Video, Standard, Gallery, Link, Quote
60. Social Share functionality
61. Integrated search
62. “Back to Top” button
63. Enable passepartout border around website
64. 4 Header Types
65. Centered Header Type
66. Standard Header Type
67. Vertical Header Type
68. Minimal Header Type
69. Three Header behavior types
70. Sticky header behavior
71. Sticky on scroll up header behavior
72. Fixed header behavior
73. Separate mobile header styling options
74. Set size of logo on mobile devices
75. Multiple logo versions (for mobile header and sticky header)
76. Dark and Light Logo variants
77. Multiple Widget Areas in Header
78. Multiple footer widget areas
79. Customizable Footer with optional 1-4 Columns
80. Footer top and footer bottom
81. Customizable Google Map shortcode
82. Choose your grid size
83. Boxed layout option
84. Video backgrounds
85. Translation Ready
86. Customizable Mega Menu
87. Smooth Scroll
88. Smooth Page Transitions
89. Icon With Text shortcode
90. Font Awesome Icon Font Pack
91. Font Elegant Icon Font Pack
92. Linea Icons Font Pack
93. Ion Icons Icon Font Pack
94. Linear Icons Icon Font Pack
95. 800+ Google Fonts
96. Custom Widget Areas
97. Contact Form 7 plugin compatibility
98. WooCommerce compatibility
99. Set multiple contact form styles
100. Child Theme included