{"id":73755,"date":"2022-01-26T10:07:10","date_gmt":"2022-01-26T10:07:10","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=73755"},"modified":"2023-05-17T10:36:32","modified_gmt":"2023-05-17T10:36:32","slug":"device-frame-slider","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/device-frame-slider\/","title":{"rendered":"Device Frame Slider block for Gutenberg"},"content":{"rendered":"\n
<\/div>
\n
\n

Device Frame Slider
GUTENBERG<\/span> block<\/h1>

A custom block that allows you to insert your
images into a slider with predefined image frames<\/p>

\n
TRY QI BLOCKS<\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
\"mobile<\/div>
\"a\"<\/div>
\"a\"<\/div>
\"a\"<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
Pick a device frame<\/span><\/h6>

Device slider<\/h2>

A great way to create visually appealing slider presentations with images you select. Simply add the images you wish to display & pick one of three predefined device-styled frames or add a custom device frame to feature images in. You can also customize the device frame width, set the border radius for images shown in the slider and tons more.<\/p><\/div><\/div>\n\n\n\n

Enable slider loop and autoplay to make the presentation more dynamic, feature customizable navigational arrows or pagination bullets for the slider & adapt them.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
\"mobile<\/div>
\"a\"<\/div>
\"a\"<\/div>
\"a\"<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n
<\/div>
\n
\n

Flexibility<\/h3><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
\"laptop<\/div>
\"a\"<\/div>
\"a\"<\/div>
\"a\"<\/div><\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
Captivating image slider<\/span><\/h6>

Device slider<\/h2>

A custom block designed so you can make neat slider
showcases for your images framed within a device-styled
image frame that you can modify. Pick the mobile device,
laptop or tablet, or select a custom frame.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div>
\n
View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-73755","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=73755"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73755\/revisions"}],"predecessor-version":[{"id":85301,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73755\/revisions\/85301"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=73755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}