{"id":2459,"date":"2013-04-18T10:18:49","date_gmt":"2013-04-18T10:18:49","guid":{"rendered":"http:\/\/herbal-mall.com\/?page_id=2459"},"modified":"2013-04-18T11:15:59","modified_gmt":"2013-04-18T11:15:59","slug":"gk-image-show","status":"publish","type":"page","link":"https:\/\/herbal-mall.com\/ar\/built-in-widgets\/gk-image-show\/","title":{"rendered":"GK Image Show"},"content":{"rendered":"

GK Image Show widget is a simple widget which can be used to create awesome header.<\/p>\n

\"gk-image_show\"<\/a><\/p>\n

 <\/p>\n

The slide images are configured in the Media library:<\/p>\n

\"gk-image_show2\"<\/a><\/p>\n

 <\/p>\n

Every slide have few important elements:
\n\"gk-image_show3\"<\/a><\/p>\n

The title (*)\u00a0 is used to identify the slide but we will describe it later. In general we recommend to use a simple name like \u201cslideX\u201d where X is a number of the slide. Other marked elements are also important:<\/p>\n

1.\u00a0The \u201cCaption\u201d is used to store the slide caption.<\/p>\n

2. The \u201cAlternate Text\u201d is used to store the slide URL \u2013 where the slide is linking<\/p>\n

3. The “Description” is used to generate slide title (use h1 and h2 tags)<\/p>\n

When you have the slides, you can go to the widget settings:
\n\"gk-image_show4\"<\/a><\/p>\n

The widget configuration is very easy.<\/p>\n

First of all you have to specify used slides \u2013 you have to put media titles separated by comma \u2013 as you can see we have named our slides as \u201cslide1\u2033 and \u201cslide2\u2033.<\/p>\n

Next two options define horizontal and vertical position of text block (from image description)<\/p>\n

The \u201cPagination\u201d option enables the pagination next to the slider.<\/p>\n

Next three options are strictly connected with the animation speed (speed of the slides transition), interval (time between two slides) and autoanimation (if you need to autoanimate your slides).<\/p>\n","protected":false},"excerpt":{"rendered":"

GK Image Show widget is a simple widget which can be used to create awesome header.   The slide images are configured in the Media library:   Every slide have few important elements: The title (*)\u00a0 is used to identify the slide but we will describe it later. In general we recommend to use a…<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":756,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2459","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/herbal-mall.com\/ar\/wp-json\/wp\/v2\/pages\/2459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/herbal-mall.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/herbal-mall.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/herbal-mall.com\/ar\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/herbal-mall.com\/ar\/wp-json\/wp\/v2\/comments?post=2459"}],"version-history":[{"count":0,"href":"https:\/\/herbal-mall.com\/ar\/wp-json\/wp\/v2\/pages\/2459\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/herbal-mall.com\/ar\/wp-json\/wp\/v2\/pages\/756"}],"wp:attachment":[{"href":"https:\/\/herbal-mall.com\/ar\/wp-json\/wp\/v2\/media?parent=2459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}