add media to it<\/a>. When you have such album\/work prepared then you can use the shortcode to display it where you want.<\/p>\nAll typical settings of bricks album can be set in shortcode.<\/p>\n
Shortcode and its parameters<\/h2>\n
First, let’s see some examples:<\/p>\n
[a13fe-gallery id=\"123\" ]\r\n[a13fe-gallery id=\"8792\" texts=\"0\" socials=\"1\" ratio=\"1\/1\" columns=\"4\"]\r\n[a13fe-gallery id=\"5985\" texts=\"1\" gradient=\"1\"]\r\n[a13fe-gallery id=\"6121\" cover_hover=\"1\" texts_hover=\"1\" columns=\"2\" margin=\"20px\"]<\/code><\/pre>\nSo shortcode is named a13fe-gallery<\/code> and it has following parameters that you can use:<\/p>\n\n- id<\/strong> – (required) album\/work ID that you want to use media from\n
![\"Where](\"https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/albumId.jpg\")
Where to find the ID of the post<\/figcaption><\/figure><\/li>\n- columns<\/strong> – (default 3<\/em>) how many columns should gallery take(maybe be smaller depending on the device screen). Value from 1 to 6<\/em>.<\/li>\n
- margin<\/strong> – (default to 5px<\/em>) margin between items in pixels.<\/li>\n
- ratio<\/strong> – (default 0<\/em>) – what proportion of width to height should item be displayed. Possible values:
\n<\/strong><\/p>\n\n- 0 – Original image size<\/li>\n
- 1\/1<\/li>\n
- 2\/3<\/li>\n
- 3\/2<\/li>\n
- 3\/4<\/li>\n
- 4\/3<\/li>\n
- 9\/16<\/li>\n
- 16\/9<\/li>\n
- any other numbers combination<\/li>\n<\/ul>\n<\/li>\n
- filter<\/strong> – (default to 0<\/em>) if tags for items are provided should filter be displayed. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
- lightbox<\/strong> – (default to 1<\/em>) should items open to lightbox. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
- hover_effect<\/strong> – (default to drop<\/em>) what type of the hover effect should gallery use. Possible values:<\/em>\n
\n- cross<\/li>\n
- drop<\/li>\n
- shift<\/li>\n
- pop<\/li>\n
- border<\/li>\n
- none<\/li>\n<\/ul>\n<\/li>\n
- cover<\/strong> – (default to 0<\/em>) should cover be displayed over an item. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
- cover_hover<\/strong> – (default to 0<\/em>) should cover be displayed over an item on mouse hover. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
- cover_color<\/strong> – (default to <\/em>rgba(0,0,0,0.7)<\/em>) cover color when it is displayed. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
- texts<\/strong> – (default to 0<\/em>) should title & description be displayed over an item. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
- texts_hover<\/strong> – (default to 0<\/em>) should title & description be displayed over an item on hover. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
- texts_position<\/strong> – (default to bottom_center<\/em>) texts position over image. Possible values:\n
\n- top_left<\/li>\n
- top_center<\/li>\n
- top_right<\/li>\n
- mid_left<\/li>\n
- mid_center<\/li>\n
- mid_right<\/li>\n
- bottom_left<\/li>\n
- bottom_center<\/li>\n
- bottom_right<\/li>\n<\/ul>\n<\/li>\n
- gradient<\/strong> – (default to 0<\/em>) should gradient be displayed over an item. It is useful to make texts more readable. Gradient position is dependant on texts_position<\/em>. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
- gradient_hover<\/strong> – (default to 0<\/em>) should cover be displayed over an item on mouse hover. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
- socials<\/strong> – (default 0<\/em>) should sharing icons be displayed. 1<\/em> for yes, 0<\/em> for no.<\/li>\n<\/ul>\n","protected":false},"author":1,"featured_media":0,"parent":8470,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-9098","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/9098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/comments?post=9098"}],"version-history":[{"count":3,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/9098\/revisions"}],"predecessor-version":[{"id":9140,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/9098\/revisions\/9140"}],"up":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8470"}],"next":[{"title":"Socials","link":"https:\/\/rifetheme.com\/apollo13-framework\/docs\/content-management\/shortcodes\/socials\/","href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/9088"}],"prev":[{"title":"Writing effect","link":"https:\/\/rifetheme.com\/apollo13-framework\/docs\/content-management\/shortcodes\/writing-effect\/","href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8905"}],"wp:attachment":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/media?parent=9098"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/doc_tag?post=9098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}