Comment Query Builder

Greenshift has option to build custom designs for comment queries.

To use this block, add repeater builder block and select Comments as type

Repeater block will automatically detect important Comment data + data of attached post + data of Author of comment + registered Comment meta fields

Using this block is the same as repeater block. You can construct all fields and build own design.

Simple example of showing custom grid with latest comments. Download code

  • Jeremy Cointin
    Thanks a million!
  • Blog Staff
    Hi. Plugin has dynamic link option in Button block and in Container block. So, you can use Advanced Button block to make links (you can set background color with zero opacity to make button looks like a link)
  • Jeremy Cointin
    I have a ACF that has a text URL in it. I need to wrap this text URL with a tags to make it a link in the output. I see you have a “mailto” but I don’t see a textlink. How can I go about formatting the output of this field? Thanks a million!
  • Blog Staff
    это баг, будет исправлено
  • artemstrezh
    Классный эффект, но жутко стробоскопит при первой загрузке (
  • Blog Staff
    Sure, it will work
Copy this post’s content
<!-- wp:paragraph -->
<p>Greenshift has option to build custom designs for comment queries.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>To use this block, add <a href="https://greenshiftwp.com/repeater-builder/" data-type="post" data-id="2714">repeater builder</a> block and select Comments as type</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4773,"width":252,"height":490,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2024/05/comments.png" alt="" class="wp-image-4773" width="252" height="490"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Repeater block will automatically detect important Comment data + data of attached post + data of Author of comment + registered Comment meta fields</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4775,"width":246,"height":512,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2024/05/commentsquery-492x1024.png" alt="" class="wp-image-4775" width="246" height="512"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Using this block is the same as <a href="https://greenshiftwp.com/repeater-builder/" data-type="post" data-id="2714">repeater block</a>. You can construct all fields and build own design.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Simple example of showing custom grid with latest comments. <a href="https://gist.github.com/wpsoul/43a2c5fd31ec6b23f8c09e5e82a4d990">Download code</a></p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/repeater {"id":"gsbp-9956e64","align":"wide","itemSpacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":["20px"],"right":["20px"],"bottom":["20px"],"left":["20px"]},"unit":["px","px","px","px"],"locked":true},"overflow":["hidden"]},"shadow":{"hoffset":0,"voffset":15,"blur":30,"spread":0,"color":"rgba(119, 123, 146, 0.1)","position":"","preset":"3"},"border":{"borderRadius":{"values":{"topLeft":6,"topRight":6,"bottomRight":6,"bottomLeft":6},"unit":"px","locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#7d7d7d08"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"columnGrid":[3,3,2,1],"repeaterType":"comments","extra_filters":{"number":6},"flexbox":{"type":"flexbox","flexDirection":["column"],"justifyContent":["flex-start"],"rowgap":["20px"]}} -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-a8aa75a","type":"inner","localId":"gsbp-a8aa75a","localStyles":{"flexbox":{"type":"flexbox","flexDirection":["row"],"columngap":["15px"],"rowgap":["15px"]}}} -->
<div data-style-id="gsbp-a8aa75a"><!-- wp:greenshift-blocks/dynamic-post-image {"id":"gsbp-e315a16","border":{"borderRadius":{"values":{"topLeft":["50%"],"topRight":["50%"],"bottomRight":["50%"],"bottomLeft":["50%"]},"locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":6},"sourceType":"repeater","link_enable":false,"image_size":"medium","scale":"cover","width":["custom"],"height":["custom"],"widthUnit":["px"],"customWidth":[40],"customHeight":[40],"repeaterField":"avatar","ratio":"custom"} /-->

<!-- wp:greenshift-blocks/element {"id":"gsbp-219cb19","type":"inner","localId":"gsbp-219cb19","flexChild":{"flexGrow":["1"]}} -->
<div data-style-id="gsbp-219cb19"><!-- wp:greenshift-blocks/meta {"id":"gsbp-c931a91","typographyValue":{"textShadow":{},"size":["15px"],"customweight":"bold","line_height":["18px"]},"type":"repeater","typeselect":"repeater","repeaterField":"author"} /-->

<!-- wp:greenshift-blocks/meta {"id":"gsbp-d21f1db","csstransform":{"opacity":"0.4"},"typographyValue":{"textShadow":{},"size":["14px"]},"type":"repeater","typeselect":"repeater","repeaterField":"date_formatted"} /--></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/iconbox {"id":"gsbp-01a0082","iconBox_icon":{"icon":{"font":"rhicon rhi-quote-right","svg":"","image":""},"fill":"currentColor","fillhover":"","type":"font","iconSizeY":["20px"],"iconSize":["20px"]},"csstransform":{"opacity":"0.33"}} -->
<div class="wp-block-greenshift-blocks-iconbox gspb_iconBox gspb_iconBox-id-gsbp-01a0082" id="gspb_iconBox-id-gsbp-01a0082"><div class="gspb_iconBox__wrapper" style="display:inline-flex"><svg class="" style="display:inline-block;vertical-align:middle" width="72" height="72" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M928 64h-256c-53 0-96 43-96 96v256c0 53 43 96 96 96h160v128c0 70.6-57.4 128-128 128h-16c-26.6 0-48 21.4-48 48v96c0 26.6 21.4 48 48 48h16c176.8 0 320-143.2 320-320v-480c0-53-43-96-96-96zM352 64h-256c-53 0-96 43-96 96v256c0 53 43 96 96 96h160v128c0 70.6-57.4 128-128 128h-16c-26.6 0-48 21.4-48 48v96c0 26.6 21.4 48 48 48h16c176.8 0 320-143.2 320-320v-480c0-53-43-96-96-96z"></path></svg></div></div>
<!-- /wp:greenshift-blocks/iconbox --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/meta {"id":"gsbp-9092a1c","typographyValue":{"textShadow":{},"size":["16px"],"line_height":["26px"]},"type":"repeater","typeselect":"repeater","clampEnable":true,"clamp":[5,null,null,null],"repeaterField":"content"} /-->
<!-- /wp:greenshift-blocks/repeater -->
«
»