Glamorama

Welcome to the Glamorama Theme Documentation! Thank you for choosing Glamorama to elevate your fashion, beauty, and lifestyle events. This guide will walk you through the steps to set up and customize the theme for your website, helping you create a captivating and stylish online presence.

You can install Glamorama through the WordPress admin dashboard or manually upload files via FTP.

Installing via WordPress Dashboard

1. Log into the WordPress admin panel.
2. Go to Appearance > Themes.
3. Click on the Add New button, at the top of the screen.
4. Choose Upload Theme and locate the theme file on your computer.
5. Click on Choose theme, and then browse for the theme file on your computer.
6. Click Install Now, then Activate Theme after installation.

Manual Installation via FTP

1. Download and extract the theme zip file.
2. Use an FTP client to upload the extracted theme folder to the wp-content/themes/ directory.
3. Go to Appearance > Themes in the WordPress admin panel and click Activate.

After activation, the theme setup wizard appears, guiding you to install WooCommerce, essential plugins, and import demo content.

Click Start to launch the setup wizard.

Required & Recommended plugins

In the second step, the Installer will take care of installing all the necessary plugins. If you want to see the list of plugins that will be installed, click the “Advanced” button.

To initiate the plugin installation process, click the “Install” button.

Import Demo Content

To view the content that will be imported, click the “Advanced” button. When you’re ready to begin importing the demo content, click the “Import” button. The time required for this process may vary depending on your chosen theme and hosting provider, but it typically takes a few minutes.

After the content has been successfully imported, you have two options: you can either preview your website or return to the WordPress Dashboard. If you click the “Advanced” button, you’ll find two additional links:

Start Customizing: This link will direct you to the Customizer for your website.

Explore WordPress: This link will take you to the WordPress.org support page, where you can discover more about WordPress and explore its capabilities.

With WordPress’s Full Site Editor (FSE), Glamorama gives you the power to design every detail of your site, from header to footer.

To open the Site Editor and start editing your website, simply click on “Edit Site” in the top right corner of your WordPress toolbar. Please note that “Edit Site” only applies to the homepage and all templates associated with the theme. To edit specific pages or posts, you need to go to the WordPress dashboard and select the desired page or post from the left-hand navigation under “Pages” or “Posts.” Alternatively, for quicker access, you can edit the page or post directly by clicking “Edit Page” or “Edit Post” in the WordPress toolbar when you’re on the desired page or post.

Here’s a quick overview of key editor tools and functions:

1. Block Inserter Button: Add blocks by clicking the “+” icon, choosing from text, images, galleries, and more.
2. Document Overview Button – List View: Manage and organize blocks on your page.
3. Toolbar: A separate toolbar appears for each block, offering features specific to that block for easy customization and control.
4. Settings Button: Access templates, pages, and individual block settings in the right-hand sidebar.
5. Styles Button: Customize global styles like fonts, colors, and layout.
6. Save Button: Save all changes to ensure they are applied across your site.

For more information: For additional help with the WordPress Block Editor, check out the WordPress Block Editor Documentation, or if you’re a visual learner, try this YouTube link instead.

Setting up your site’s navigation is crucial for ensuring that visitors can easily move through your content. Here’s how you can create and customize a navigation menu using the Site Editor.

1. Locate the Navigation Block: Open the Site Editor and find the Navigation block, typically located in the header section of your template. This is where you can create and manage your site’s menu.
2. Create a New Menu: Click the “Create a new menu” link within the Navigation block to start building your custom menu from scratch.
3. Add Menu Items: Add items to your menu by clicking the “+” icon. You can include links to pages, posts, categories, or custom URLs, depending on what you want to display in your navigation.
4. Create a Dropdown Menu: To add a dropdown menu, simply click on the desired menu item, and in the floating toolbar at the top of the page, you’ll see an “Add submenu” icon. Selecting this option will insert a submenu placeholder, allowing you to add blocks just like you did before. You can search for specific page or category links by typing directly into the toolbar, or use the plus sign to add more links, creating multiple dropdown menus for each menu item.
5. Save Your Changes: Once you’ve added all the necessary items, click the “Save” button in the top-right corner to apply the changes and update your site’s navigation.

1. Open the Site Editor: Make sure you’re logged in to your WordPress site with the admin bar enabled. While viewing any page, click the Edit Site button in the admin bar at the top of the screen. This will open the Site Editor in the current template you’re working on.
2. Locate the Site Logo Block: In the Site Editor, find the Site Logo block within the template. It is typically located in the header section of your site.
3. Upload or Select Your Logo: Click on the Site Logo block to either upload a new logo or select one from your media library. Ensure your logo is properly sized and formatted for optimal display.
4. Save Your Changes: Once you’ve set up your logo, click the Save button in the top-right corner to apply the changes across your site.

Use Glamorama’s global styles to maintain a consistent aesthetic across your site.

1. Access Global Styles: In the Site Editor, click on the Styles button, located at the top-right corner of the screen. This button is represented by a circle that is half white and half black.
2. Edit Global Settings: In the Styles panel, you can choose from four predefined styles that come with your theme. You can also customize the font for all elements on your site, adjust colors, shadows, and modify the width of the layout to suit your design preferences.
3. Preview and Adjust: As you make changes, preview them in real-time to ensure they match your design vision. Make any necessary adjustments to perfect the overall look of your site.
4. Save Your Changes: Once you’re satisfied with the global styles, click Save in the top-right corner to apply the changes across your theme.

Block patterns offer pre-made layouts that you can effortlessly incorporate with just a few clicks. This guide will walk you through the process of inserting block patterns onto your website and personalizing them with your own unique content.

1. Locate the Block Inserter: On the editing screen, find the + Block Inserter located in the top left corner of the editor.
2. Access the Patterns Tab: Click on the Patterns tab to view a wide range of pre-designed block patterns.
3. Explore Pattern Collections: Browse through collections of patterns categorized under themes like Text, Image Gallery, Header, Forms, and more to find a design that fits your needs.
4. View All Patterns: If you’d like to see all available patterns, click the Explore all patterns button at the bottom of the section. This will open a larger window where you can explore all pattern options in one place.
5. Insert a Pattern: To add a pattern to your page, simply click on the desired pattern. It will be seamlessly inserted into your layout.
6. Customize the Content: After adding a block pattern, you can modify the content by clicking on any block within the pattern. This allows you to easily customize text, images, or other elements within the specific block.

Glamorama comes with over 60 pre-made sections, perfect for fashion and lifestyle events. Use block patterns to easily add stylish layouts:

By utilizing the Advanced block setting, you have the option to assign a CSS class to your block, enabling you to craft custom CSS for personalized block styling. You can include extra CSS classes by selecting the specific element and inputting the desired class into the “Additional CSS class(es)” field within the Advanced panel:

hide-on-mobile

Use the class to hide an element on mobile resolutions. This class ensures that the element is only visible on larger screen sizes, improving the mobile user experience by keeping the layout clean and optimized.

hide-on-tablet

Use the class to hide an element on tablet resolutions. This class ensures that the element remains visible on mobile and desktop screens but is hidden on tablets, allowing for better layout adjustments across different devices.

hide-on-desktop

Use the class to hide an element on desktop resolutions. This class ensures that the element remains visible on mobile and tablet screens, but is hidden on larger desktop screens for a more tailored user experience.

stack-on-tablet-portrait

This class is added to columns to ensure they stack vertically on tablet portrait resolutions. When applied, it transforms a horizontal column layout into a vertical stack for improved readability and usability on smaller tablet screens in portrait mode.

stack-on-tablet-landscape

This class is added to columns to ensure they stack vertically on tablet landscape resolutions. When applied, it reorganizes a horizontal column layout into a vertical stack for better viewing and interaction on tablets in landscape mode.

Glamorama seamlessly integrates with Tickera, allowing you to manage events and ticket sales effortlessly. To start setting up your events:

Refer to the Tickera Event Setup Guide.
Learn how to create custom ticket types here.