LogoLogo
Visit DLXPluginsView All Plugins
WP Plugin Info Card
WP Plugin Info Card
  • Welcome to WP Plugin Info Card
  • Getting Started
    • Installation
    • Finding the Admin Settings
  • Overview
    • Layouts
    • Schemes
    • Easy Digital Downloads Integration
  • Shortcodes
    • wp-pic
    • wp-pic-query
    • wp-pic-site-plugins
    • wp-pic-plugin-screenshots
  • Blocks
    • Finding the Blocks
    • WP Plugin Info Card Block
    • WP Plugin Info Card Query Block
    • Site Plugins Card Grid
    • Plugin Screenshots Info Card
  • Quick Links
    • GitHub
    • Support
Powered by GitBook
On this page
  • unique_id
  • slug (required)
  • icon_style
  • enable_rounded_icon
  • color_theme
  • custom_colors
  • plugin_title
  • enable_context_menu
  • enable_screenshots
  • align
  • color_background
  • color_text
  • color_border
  • color_menu_border
  • color_menu
  • color_menu_hover
  • color_menu_text
  • color_menu_text_hover
  • color_screenshots_background
  • color_screenshots_border
  • color_screenshots_arrow_background
  • color_screenshots_arrow_background_hover
  • color_screenshots_arrow
  • color_screenshots_arrow_hover
  • color_star
  • color_meta_background
  • color_meta_text
  • skip_animated_gifs

Was this helpful?

Export as PDF
  1. Shortcodes

wp-pic-plugin-screenshots

Display a plugin card with screenshots.

You can use the plugin screenshots shortcode to display a plugin card with screenshots anywhere shortcodes are supported.

Here is an example of the shortcode in use, using default settings.

[wp-pic-plugin-screenshots slug="simple-comment-editing"]

The following are the parameters for the shortcode:

unique_id

The Unique ID surrounding the card's HTML structure. This is randomized if omitted.

slug (required)

The plugin slug for the WordPress.org asset.

icon_style

Can be:

  • none - No icon style

  • border - Icon with a border

  • bw - Black & White icon

enable_rounded_icon

Determine if you would like a rounded icon or not for the plugin icon.

Can be:

  • true - Rounded icon

  • false - Square icon

color_theme

Choose from several built-in color themes.

Can be:

  • default

  • blossom

  • crimson

  • velvet

  • dark

  • light

  • feathers

  • caramel

custom_colors

Set to true to override the built-in color themes and provide your own custom colors.

plugin_title

Override the plugin's title with something more custom or shorter than the original title.

enable_context_menu

Enable or disable the context menu that shows extra information about the plugin.

Can be:

  • true

  • false

enable_screenshots

Enable or disable the screenshots that display with the plugin.

Can be:

  • true

  • false

align

Align the output according to the theme. Can be:

  • center

  • wide

  • full

color_background

Hex code for the background of the plugin container.

color_text

Hex code for the main text color.

color_border

The hex code for the border color of the plugin container.

color_menu_border

The hex code for the border of the contextual menu.

color_menu

The hex code for the contextual menu color.

color_menu_hover

The hex code for the contextual menu color on hover.

color_menu_text

The hex code for the contextual menu text color.

color_menu_text_hover

The hex code for the contextual menu text color on hover.

color_screenshots_background

The hex code for the background of the screenshots section.

color_screenshots_border

The hex code for the border of the screenshots section.

color_screenshots_arrow_background

The hex code for the screenshot arrows background color.

color_screenshots_arrow_background_hover

The hex code for the screenshots arrows background color on hover.

color_screenshots_arrow

The hex code for the arrow color.

color_screenshots_arrow_hover

The hex code for the arrow color on hover.

color_star

The hex code for the star color when showing ratings.

color_meta_background

The hex code background color for the meta section.

color_meta_text

The hex code for the text color of the meta sectioin.

skip_animated_gifs

Disable animated gifs from showing in the screenshots. This can help speed up loading time.

[wp-pic-plugin-screenshots slug="highlight-and-share" skip_animated_gifs="true"]

Previouswp-pic-site-pluginsNextFinding the Blocks

Last updated 10 months ago

Was this helpful?