posts – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sun, 23 Feb 2025 10:09:10 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Hide Post Date in WordPress Posts: Easy Guide https://xtratheme.com/docs/how-to/how-to-hide-post-date-in-wordpress-posts-easy-guide/ https://xtratheme.com/docs/how-to/how-to-hide-post-date-in-wordpress-posts-easy-guide/#respond Sun, 08 Sep 2024 09:14:27 +0000 https://xtratheme.com/docs/?p=4084

Description and Screenshot

Step 1
XTRA

Hiding the Date on Blog Pages and Posts

Some people choose to remove the date from their WordPress blog posts for various reasons:

  • Timeless Content: They want their content to appear evergreen and relevant regardless of when it was published. Without a date, readers are less likely to judge the content based on its age.
  • Focus on Quality: Removing the date can shift the focus from when the content was published to the quality and relevance of the information itself.
  • Consistency: If a blog covers topics that are not time-sensitive or regularly updated, removing dates can help maintain a consistent look and feel.
  • Avoiding Outdated Perceptions: Posts with dates can sometimes give the impression that the content is outdated, especially if the date is several years old.
  • Aesthetic Reasons: Some people prefer the cleaner look of their blog without the clutter of dates.
Single post

In this tutorial, we will explain how to hide the date in single post in the Xtra WordPress theme:

  1. Go to Theme Options > Blog.
  2. Select Single Styling.
  3. Open the StyleKit for Meta.
  4. Enable Advanced Mode, then in the Display & Positions section, set Display to None.
Date en
Tip

It is important to know that:

To hide the date from the blog’s homepage, simply follow these steps:

  1. Go to Theme Options > Blog.
  2. Select Blog Styling
  3. Open the StyleKit for Date.
  4. Enable Advanced Mode, then in the Display & Positions section, set Display to None.
Blog
]]>
https://xtratheme.com/docs/how-to/how-to-hide-post-date-in-wordpress-posts-easy-guide/feed/ 0
How to Duplicate Posts, Pages, and Widgets? https://xtratheme.com/docs/how-to/how-to-duplicate-posts-pages-and-widgets/ https://xtratheme.com/docs/how-to/how-to-duplicate-posts-pages-and-widgets/#respond Sat, 17 Aug 2024 09:58:45 +0000 https://xtratheme.com/docs/?p=3490

Description and Screenshot

Step 1
XTRA

Duplicate any posts, pages, categories and widgets

You can duplicate all kinds of categories,posts, pages, and widgets, and just go to the desired path and click on duplicate. We have shown this in the screenshot of the guide below.

Duplicate
Widg dupli
Cat
]]>
https://xtratheme.com/docs/how-to/how-to-duplicate-posts-pages-and-widgets/feed/ 0
How to Enable Built-In SEO Options in Your Theme? https://xtratheme.com/docs/how-to/how-to-enable-built-in-seo-options-in-your-theme/ https://xtratheme.com/docs/how-to/how-to-enable-built-in-seo-options-in-your-theme/#respond Thu, 15 Aug 2024 08:40:49 +0000 https://xtratheme.com/docs/?p=3462

Description and Screenshot

Step 1
XTRA

SEO options in Xtra Theme

The WordPress Xtra theme has options for SEO that are introduced below:

Theme Options > General > SEO > SEO & Title tags.

Step1
Seo2
Seo3
Tips

You may want to know …

To use more options, you can install special SEO plugins such as Yoast, All in one seo ,…

]]>
https://xtratheme.com/docs/how-to/how-to-enable-built-in-seo-options-in-your-theme/feed/ 0
How to Enable or Disable Share Icons for Products and Posts? https://xtratheme.com/docs/theme-options/how-to-enable-or-disable-share-icons-for-products-and-posts/ https://xtratheme.com/docs/theme-options/how-to-enable-or-disable-share-icons-for-products-and-posts/#respond Tue, 13 Aug 2024 09:42:01 +0000 https://xtratheme.com/docs/?p=3339

Description and Screenshot

Step 1
XTRA

Share Icons Options

Under Theme Options > General  > Share Icons > Post type you can manage the display of sharing icons. You can activate or deactivate the icons in the posts and product page and also add or remove the media.

Sha 1
Shar2
Sh3
Tips

You may want to know …

Also, in this section, you can see the settings for Tiltle, Color mode, Tooltip, Inline Title and StylKits, and customize share icons.

]]>
https://xtratheme.com/docs/theme-options/how-to-enable-or-disable-share-icons-for-products-and-posts/feed/ 0
Theme Options: Homepage Settings https://xtratheme.com/docs/theme-options/theme-options-homepage-settings/ https://xtratheme.com/docs/theme-options/theme-options-homepage-settings/#respond Thu, 27 Jun 2024 14:01:42 +0000 https://xtratheme.com/docs/?p=2047

Description and Screenshot

Step 1
XTRA

Homepage and Posts settings

Under Theme Options > Homepage Settings you can find and change your homepage settings and set custom page for posts.

  1. Type of display – You can choose to display posts in front page or custom homepage.
  2. Homepage – You can set custom page for your website homepage
  3. Posts Page – You can set custom blog page for showing your blog posts.
Theme options homepage settings
Tips

You may want to know …

  • Homepage – You can create a custom page from Dashboard > Pages and with page builder add any elements you want.

  • Posts Page – Create an empty page and assign it here to have custom page for showing your blog posts.
]]>
https://xtratheme.com/docs/theme-options/theme-options-homepage-settings/feed/ 0
Theme Options: Blog Styling https://xtratheme.com/docs/theme-options/theme-options-blog-styling/ https://xtratheme.com/docs/theme-options/theme-options-blog-styling/#respond Thu, 27 Jun 2024 06:16:59 +0000 https://xtratheme.com/docs/?p=1936

Description and Screenshot

Step 1
XTRA

Blog Styling settings

Under Theme Options > Blog > Blog Settings you can find and manage your blog posts settings, template, excerpt length, excerpt type, etc..

  1. StyleKits – Customize any part of blog archive styling for posts, title, image, etc.
  2. Read More Icon – Choose read more icon from icons library
  3. Others – Read more and pagination StyleKits, pagination will affects on all post types
Theme options blog styling
Tips

You may want to know …

  • Hover Icon – You can enable hover icon from Theme Options > Blog > Blog Settings
]]>
https://xtratheme.com/docs/theme-options/theme-options-blog-styling/feed/ 0
Theme Options: Blog Settings https://xtratheme.com/docs/theme-options/theme-options-blog-settings/ https://xtratheme.com/docs/theme-options/theme-options-blog-settings/#respond Wed, 26 Jun 2024 09:30:38 +0000 https://xtratheme.com/docs/?p=1921

Description and Screenshot

Step 1
XTRA

Blog Posts settings

Under Theme Options > Blog > Blog Settings you can find and manage your blog posts settings, template, excerpt length, excerpt type, etc..

  1. Sidebar – Choose sidebar position for archive and single blog pages
  2. Template – Choose archive blog posts template
  3. Hover Icon – Will show icon on mouse hover over posts image
  4. Excerpt Length – Limit characters or words for post description
  5. Excerpt Type – You can change excerpt length type by characters or words
  6. Excerpt Dots – Post excerpt continue, default is three dots
  7. 2x Height Image – Will change post featured image height size 2x bigger
  8. Read More – Translation for read more button title
  9. Not Found Message – Translation for posts not found messages
  10. Comments Disable Message – Translation of when comments are disabled
Theme options blog posts
Theme options blog posts settings
Tips

You may want to know …

  • Custom Template – If you create a custom page from Dashboard > Pages and insert Posts Grid element inside it and publish, then from Blog settings you can set it as custom blog page.
Blog1
]]>
https://xtratheme.com/docs/theme-options/theme-options-blog-settings/feed/ 0
Element: Posts Grid https://xtratheme.com/docs/page-builder/element-posts-grid/ https://xtratheme.com/docs/page-builder/element-posts-grid/#respond Mon, 17 Jun 2024 09:38:26 +0000 https://xtratheme.com/docs/?p=1564

Video Tutorial

Description and Screenshot

Step 1

Display blog or other post types posts as Grid | Masonry | Metro styles anywhere you want. Fully customizable and filterable.

Posts_grid
  • Layout – Gallery templates, There are more than 20 gallery styles
  • Posts gap – Custom margin / gap between gallery images
  • Posts count – Number of posts to display
  • Posts details style – Choose hover style of icon, title and caption of images
  • Icon – Select icon, this will show on post hover
  • Intro animation – Custom animation for loading images on first load
  • Meta position? – Meta position before posts title or after title or excerpt
  • Details align – Title and caption position on image or after image
  • Hover visibility – Hover details and icon visibility mode, Show on hover or keep showing
  • Hover effect – Custom CSS hover effect for icon, title and caption
  • Hover image effect – Custom image effect on mouse hover
  • Ideal height – If you set layout 1, So you can set custom ideal height for images
  • All posts Styling – Overall styling background, border, shadow, etc.
  • Images Styling – Styling for images only, border, shadow, etc.
  • Overlay scale – Gallery items have overaly color on hover, You can change scale size of it
  • Overlay Styling – You can change overlay hover color or add custom border
  • Icon Styling – Style icon on hover with color, size, background, etc.
  • Title Styling – Images title styling such as color, font family, size, etc.
  • Posts Meta – Posts meta below title such as date | category | tag | author name | custom text
  • Meta Styling – Meta details styling color, size, typography, etc.
  • Meta Icons Styling – If your meta details have icon, you can styling color, size, etc. of icons
  • Exceprt words lenght – Number of words to show for the post content
  • Excerpt Styling – Post description styling color, size, background, etc.
  • Read more button – Do you want to show read more button under post description?
  • Pagination Type – Pagination type Load more | Infinity | Numbers | Old prev/next
  • Pagination Position – Pagination position left | center | right
  • Pagination Title – Load more button title
  • Pagination End Message – Show this messsage on button when last post reached
  • Pagination Posts count – Number of posts you want to show after each load more button clicked
  • Pagination Load more Styling – Button styling color, background, border, etc.
  • Pagination Active mode Styling – Button border color while animation
  • Choose Filters – You can find and select category or tag for posts filters, this will show above posts.
  • Filter Position – If you set linkable gallery and add class for each items, Then you can have filters.
  • Filter Show all – Translation of Show All button in gallery filters
  • Filter Container Styling – Styling of overall filters container
  • Filter Filters Styling – Each filter styling color, background, size, etc.
  • Filter Active filter Styling – Activated filter styling colo, background, etc.
  • Filter Filters Delimiter Styling – You can add delimiter between filters, Any charachters allowed
  • Query Post Type – Select post type name
  • Query Order – Show posts in reverse mode or default
  • Query Orderby – Filter posts order by date | id | title | random | etc
  • Query Category Taxonomy – Name of category taxonomy for current post type
  • Query Category(s) – Type and select your category(s)
  • Tags Taxonomy – Name of tag taxonomy for current post type
  • Query Tag(s) – Type and select your tag(s
  • Query Search keyword – You can filter posts by specific keyword, Posts will shows only contains this keyword
  • Query Filter by ID(s) – If you want to show specific posts, then add posts IDs and separate by comma
  • Carousel SettingsSame as Carousel Settings
  • Cursor image – You can set custom cursor on images hover
  • Cursor Size and Position – If you set custom cursor, then you can select best size for it
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-posts-grid/feed/ 0
How to Change the Number of Posts Per Page on Your Blog? https://xtratheme.com/docs/how-to/how-to-change-the-number-of-posts-per-page-on-your-blog/ https://xtratheme.com/docs/how-to/how-to-change-the-number-of-posts-per-page-on-your-blog/#respond Tue, 11 Jun 2024 20:06:14 +0000 https://xtratheme.com/docs/?p=2442

Description and Steps

Step 1
XTRA

Blog archive posts per page option

To change number of posts per page for blog archive and taxonomy pages, Go to Dashboard > Settings > Reading and you can find number of posts for blog and posts feed.

Posts per page
Tips

You may want to know …

  • Which pages? – This option will apply on all archive pages, such as Blog archive, taxonomy archive, search posts, etc.
]]>
https://xtratheme.com/docs/how-to/how-to-change-the-number-of-posts-per-page-on-your-blog/feed/ 0