{"id":402210,"date":"2024-06-11T08:00:00","date_gmt":"2024-06-11T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/image-overlay-cues\/"},"modified":"2025-02-05T00:25:00","modified_gmt":"2025-02-05T00:25:00","slug":"image-overlay-cues","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/image-overlay-cues\/","title":{"rendered":"Image Overlay Cues"},"content":{"rendered":"

Image Overlay Cues<\/strong> is a WordPress plugin designed to enhance the core image block with an additional overlay count feature. This plugin simplifies the process of adding content cues on top of images.<\/p>\n

Features \ud83c\udf1f<\/h3>\n

Display automatic counts on top of the image<\/h3>\n

You can add custom spacing between each individual list item with the help of this plugin.<\/p>\n

Customise the count (PRO)<\/h3>\n

You can change the appearance of the count cue using the native editing controls provided by the plugin.<\/p>\n

Skip images if necessary<\/h3>\n

You can also skip images and it will automatically be recounted.<\/p>\n

Customising the styles<\/h3>\n

Image Overlay Cues<\/strong> is made with customisation in mind and therefore provides a bunch of CSS variables you can tweak.<\/p>\n

Here is an overview of available CSS variables which you can apply to the is-style-ioc--image--count<\/code> class to match your specific design needs:<\/p>\n

    \n
  • --image-overlay-cues--image-count--size<\/code>: Default 1.2em<\/code>. Defines the size of the overlay cue.<\/li>\n
  • --image-overlay-cues--image-count--top<\/code>: Default 0.5em<\/code>. Defines the top position of the overlay cue.<\/li>\n
  • --image-overlay-cues--image-count--left<\/code>: Default 0.5em<\/code>. Defines the left position of the overlay cue.<\/li>\n
  • --image-overlay-cues--image-count--text<\/code>: Default #000<\/code>. Defines the text color of the overlay cue.<\/li>\n
  • --image-overlay-cues--image-count--bg<\/code>: Default #fff<\/code>. Defines the background color of the overlay cue.<\/li>\n<\/ul>\n

    Usage<\/h3>\n
      \n
    1. Navigate to any WordPress post\/page editor.<\/li>\n
    2. Insert or select the core image block.<\/li>\n
    3. Enable the count using the toolbar button if you are a premium user. Otherwise, enable it via the block style \u201ccount\u201d.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

      Image Overlay Cues is a WordPress plugin designed to enhance the core image block with an additional overlay count feature.<\/p>\n","protected":false},"author":65,"featured_media":402211,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Image Overlay Cues - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Image Overlay Cues is a WordPress plugin designed to enhance the core image block with an additional overlay count feature."},"footnotes":""},"categories":[1],"tags":[1179,55550,378,55551],"class_list":["post-402210","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-image-block","tag-image-counter","tag-images","tag-numbered-images"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/402210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=402210"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/402210\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/402211"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=402210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=402210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=402210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}