BlueTheme Docs فارسی

Elements reference

Every element in the builder’s Elements tab, by category. Each element also has the shared Style and Advanced settings; sections and wraps have their own settings.

Typography & content

  • Blockquote: A quotation with its author and an optional link.
  • Code: Program code in a box, with line numbers and a copy button.
  • Content: The page’s own editor content, inside a builder layout.
  • Fancy Heading: A heading with a line, an icon, side lines or a large word behind it.
  • Feature List: A list of features, each with an icon.
  • Heading: A heading (H1–H6) or a line of text, with an optional link.
  • Helper: A title with buttons; each shows its own text when clicked, or opens a link.
  • List: A title and text with an icon, image or number beside it; several make a list.
  • Empty Space: An empty space of a set height, to hold a place in a layout.
  • Table of Contents: Links to the headings of the page, built automatically.
  • Text: Text with formatting, links and images (a visual editor).

Media

  • Before / After: Two images compared with a handle that slides between them.
  • Image Gallery: Images in a grid or masonry layout, opening in a lightbox.
  • Image: One image, with a caption, a link or a lightbox.
  • Lottie: A Lottie animation, played on load, on scroll, on hover or on click.
  • Map Advanced: A map with several markers and popups (OpenStreetMap by default).
  • Map Basic: A map of one place on OpenStreetMap, or an embed code from another map service.
  • Photo Box: An image with a title and text over or under it.
  • Video: A video from Aparat, YouTube, Vimeo or a file.
  • Zoom Box: An image that zooms on hover, with a title and text over it.

Boxes

  • Article Box: A card with an image, a slogan and a title, linking to an article or page.
  • Call to Action: A strip with a title, a line of text and a button.
  • Contact Box: Address, phones, email and website in one box, over an optional image.
  • Feature Box: An image above or beside a title, text and a button.
  • Flat Box: A box with an image or icon, a title and text.
  • Hover Box: An image that changes to a second image on hover.
  • Hover Color: A box whose colors change on hover.
  • Icon Box: An icon or image above or beside a title, text and a button.
  • Info Box: A title and a list of points with icons over a background image, with a button.
  • Promo Box: An image beside a title, text and button, for promotions.
  • Sliding Box: An image with a title; more text slides into view on hover.
  • Story Box: An image in a frame with a title and text, linking to a page.
  • Trailer Box: An image with a slogan and a title, linking to a page.

Interactive

  • Accordion: Collapsible panels; one or several can be open at a time.
  • Button: A link styled as a button, with an icon, size and style.
  • Chart: A bar, line, area, pie or doughnut chart from your numbers.
  • Contact Form: A form from Contact Form 7 or WPForms, styled to match the theme.
  • Countdown: Time left until a date, in days, hours, minutes and seconds.
  • Counter: A number that counts up when it comes into view.
  • Divider: A line or space between other content.
  • Fancy Divider: A shaped divider (waves, curves, triangles) between two sections.
  • FAQ: Questions and answers that open one by one, with FAQ structured data for search engines.
  • How It Works: One step with a number, icon or image, a title, text and a line to the next step.
  • Icon: A single icon, with an optional link.
  • Opening Hours: The opening hours of each day.
  • Popup Trigger: A button or link that opens a popup template.
  • Pricing Item: A pricing plan with a price, a list of features and a button.
  • Progress Bars: Bars that fill to a percentage when they come into view.
  • Quick Fact: A large number that counts up, with a title and text.
  • Tabs: Content in tabs, horizontal or vertical.
  • Timeline: Dated events along a line, on one or both sides.
  • Toggle: One question or title whose content opens when clicked.

Sliders

Dynamic & lists

  • Blog News: Recent posts as a news list, with the first one larger.
  • Blog Teaser: One large post beside two or four smaller ones.
  • Blog: A list of posts in one of the blog layouts, with filters and pagination.
  • Clients: Client logos in a grid, with links.
  • Our Team List: One team member in a wide row: photo at the side, role, text and contact details.
  • Our Team: One team member with a photo, role, text and social links.
  • Portfolio Grid: Portfolio projects in a simple grid.
  • Portfolio Photo: Portfolio projects as large photos, with titles on hover.
  • Portfolio: Portfolio projects with category filters and pagination.
  • Shortcode: The output of any shortcode.
  • Sidebar: The widgets of a sidebar.
  • Testimonials List: Testimonials one under another, with photos and ratings.
  • Testimonials: Testimonials from the Testimonials list or entered here, as cards or large quotes.

Post & archive

  • Archive Description: The description of the category, tag or author being shown, for archive templates.
  • Archive Posts: The posts of the archive being shown, for blog and archive templates.
  • Author Box: The post author’s picture, name and biography, for single post templates.
  • Breadcrumbs: The trail of links from the home page to the current page.
  • Comments: The comments and the comment form, for single templates.
  • Post Content: The content of the post being shown, for single templates.
  • Post Excerpt: The excerpt of the post being shown.
  • Featured Image: The featured image of the post being shown.
  • Post Meta: The date, author, categories and comment count of the post being shown.
  • Post Navigation: Links to the previous and next posts.
  • Post Terms: The categories or tags of the post being shown.
  • Post Title: The title of the post or page being shown.
  • Project Details: A portfolio project’s client, date, task and link.
  • Project Media: A portfolio project’s gallery or video.
  • Related Posts: Posts related to the one being shown.
  • Share Buttons: Buttons to share the page on social networks and messengers.

WooCommerce

  • Mini Cart: The cart contents and totals, for side cart templates.
  • Product Categories: Product categories with their images.
  • Shop Products: The products of the shop page or category being shown, for shop archive templates.
  • Shop: Products in a grid: latest, featured, on sale, best selling or chosen by hand.

Product page

  • Burger Menu: A menu button that opens the mobile menu.
  • Copyright: The copyright line, with the year filled in automatically.
  • Account: A link to the visitor’s account, for headers.
  • Cart: The cart icon with the item count; opens the side cart.
  • Search: A search icon that opens a search panel, or a search field.
  • Header Text: A short text with an icon for headers and top bars, such as a phone number.
  • Wishlist: The wishlist icon with the item count.
  • Language Switcher: Links to the page in other languages (Polylang or WPML).
  • Logo: The site logo, with its sticky and mobile versions.
  • Menu: A WordPress menu, horizontal or vertical, with its mega menus.
  • Social Icons: Links to your social profiles, from Theme Options → Social.
  • Dark Mode Toggle: A switch between the light and dark color schemes.

Other

  • Template: A saved template or global section, placed in the page.