<\/p>\n
Creating a New Display Post<\/h2>\n
In order to integrate WordPress post into Image Hover Ultimate, first, you need to create a shortcode using Display Post. To do so, follow the following instruction:<\/p>\n
Navigate Image Hover> Image Hover> Extension> Display Post\u00a0<\/strong>from your dashboard.<\/p>\n Now, Create a new Display Post by clicking on the Create Post Extension button like below<\/p>\n After saving the display post style, it’ll redirect you to the setting or shortcode editing page.<\/p>\n Now, when you create a new display post, it’s time to go further and add\/style data to your extensions. Let’s start this section:<\/p>\n <\/p>\n \u039ePost Query-<\/span>\u00a0Here in this section, you can define the primary post query of your Display Post.<\/p>\n \u21d2Post Type:<\/strong> Select the post type you want to display on the Display Post. You can select either Post or Page as post type here.<\/p>\n \u21d2Author:<\/strong> Select the name of the author whose post you want to display in the grid.<\/p>\n \u21d2Categories:<\/strong> Select the category whose post\/page you want to showcase.<\/p>\n \u21d2Tags:<\/strong> To display posts associated with a particular tag.<\/p>\n \u21d2Include:<\/strong> If you want to display only certain posts, then you can define the include here.<\/p>\n \u21d2Exclude:<\/strong> If you do not want certain posts to appear, you can simply \u2018Exclude\u2019 those contents as well.<\/p>\n <\/p>\n \u039ePost Condition-<\/span> And this section is for defining the conditions for the Display Post.<\/p>\n \u21d2Post Style:<\/strong> Here, confirm your image hover style how you want your post to decorate.<\/p>\n You can add an image effect on the display post by selecting a shortcode here. Customize the style of your Display Post based on your Created Effects. Kindly save and Reload after style selected to see the changes.<\/p>\n <\/p>\n If you want to customize the style of the Post, then kindly go to the associated effects page and perform the edits. The style effects of the Display Post will also change after saving & reloading the page.<\/p>\n \u21d2Posts Per Page:<\/strong> You can restrict posts per page to display a specific number of posts on a single page of display post. It takes a numeric value which signifies the number of posts to be displayed at a time.<\/p>\n \u21d2Excerpt Word Limit: <\/strong>Set the excerpt word limit here.<\/p>\n \u21d2Offset:\u00a0<\/strong>Use this setting to skip over posts (e.g. \u201c2\u201d to skip over 2 posts)<\/p>\n \u21d2Order By:\u00a0<\/strong>Order your post in a certain manner. You can use different options like Post ID, Author, Date, Title, etc to filter your post.<\/p>\n \u21d2Order Type: <\/strong>Sort your post in ascending or descending order based on the criteria selected in Order By option.<\/p>\n \u21d2Image Size:<\/strong>\u00a0Customize the image size using our pre-defined size set.<\/p>\n \u21d2Show Load More:<\/strong> Show\/hide the load more button from the post. When select Show, set the type and customize the settings according to it.<\/p>\n When you select the Infinite Loop<\/strong> mode, the posts will automatically load on the page one after another. And when you select the button mode, the load more button will appear that allows manually load the display post by clicking on the Load More<\/strong> button.<\/p>\n Here you’ll find a box where you can add your custom CSS code. Advanced developers can use this option for their convenience. After entering the codes, developers can see the live preview by reloading the page.<\/p>\n Once you finish coding hit the “Save” button to make your changes.<\/p>\n![\"\"](\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Display-Post-1.gif\")
<\/a><\/p>\n<\/a><\/p>\nCustomizing & Adding Data<\/h2>\n
General Settings<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/h2>\nCustom CSS<\/h3>\n