{"id":315,"date":"2021-02-09T20:32:16","date_gmt":"2021-02-09T20:32:16","guid":{"rendered":"https:\/\/stable.visual-framework.dev\/wordpress\/?page_id=315"},"modified":"2022-08-04T10:39:23","modified_gmt":"2022-08-04T10:39:23","slug":"button-block","status":"publish","type":"page","link":"https:\/\/stable.visual-framework.dev\/wordpress\/blocks\/button-block\/","title":{"rendered":"Button"},"content":{"rendered":"\n<div class=\"vf-grid | vf-grid__col-3\"><div class=\"vf-grid__col--span-2\"><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<ol class=\"wp-block-list\"><li>In WordPress editor click on a + icon to add a new block.<\/li><li>In the search field, start typing&nbsp;<em>button<\/em>&nbsp;and select the respective block.<\/li><li>Add the button label text and the URL address in the respective field.<\/li><li>Click on the&nbsp;<em>Preview<\/em>&nbsp;button.<\/li><li>Select the button variant from&nbsp;<em>Styles<\/em>&nbsp;and&nbsp;<em>Settings<\/em>&nbsp;tabs in the right sidebar.<\/li><\/ol>\n\n\n\n<figure class=\"vf-figure wp-block-video\"><video style=\"max-width: 100%;\" height=\"750\" style=\"aspect-ratio: 1630 \/ 750;\" width=\"1630\" controls src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/button.mp4\"><\/video><\/figure>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"vf-grid | vf-grid__col-2\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<a href=\"#\" target=\"\">\n    <button class=\"vf-button vf-button--primary vf-button--sm\">\n        Example 1    <\/button>\n<\/a>\n<!--\/vf-button-->\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<a href=\"#\" target=\"\">\n    <button class=\"vf-button vf-button--primary vf-button--sm\">\n        Example 2    <\/button>\n<\/a>\n<!--\/vf-button-->\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<div class=\"vf-links vf-links__list--has-image\">\n    <ul class=\"vf-links__list vf-list\">\n    <li class=\"vf-list__item\">\n          <a class=\"vf-list__link\" href=\"https:\/\/stable.visual-framework.dev\/components\/vf-button\/\">\n        <img decoding=\"async\" width=\"85\" height=\"61\" src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-09-at-22.18.00.png\" class=\"vf-list__image\" alt=\"\" loading=\"lazy\" itemprop=\"image\" \/>Learn more about this component      <\/a>\n      <\/li>\n  <\/ul>\n\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":50,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-title-left-aligned.php","meta":{"_acf_changed":false,"footnotes":""},"embl_taxonomy":[],"class_list":["post-315","page","type-page","status-publish","hentry"],"acf":[],"embl_taxonomy_terms":[],"_links":{"self":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":3,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/315\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/315\/revisions\/358"}],"up":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/50"}],"wp:attachment":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/media?parent=315"}],"wp:term":[{"taxonomy":"embl_taxonomy","embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/embl_taxonomy?post=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}