{"id":99,"date":"2014-09-23T14:36:01","date_gmt":"2014-09-23T14:36:01","guid":{"rendered":"http:\/\/artsci.case.edu\/documentation\/?page_id=99"},"modified":"2016-02-02T16:22:16","modified_gmt":"2016-02-02T16:22:16","slug":"using-banners","status":"publish","type":"page","link":"https:\/\/artsci.case.edu\/documentation\/using-banners\/","title":{"rendered":"Using Banners"},"content":{"rendered":"
<\/p>\n
<\/p>\n

Banners are images that span across the top of your homepage and can be just simple images or images with links attached to them. If you create more than one banner they will rotate every few seconds.<\/p>\n

\n<\/div>\n

<\/p>\n

\"Banners\"<\/a><\/p>\n

 <\/p>\n

\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

1. To access the Banner\u00a0settings, click on the Appearance<\/em> section on the sidebar and then on Banners<\/em>:<\/p>\n

\n<\/div>\n

<\/p>\n

\"Sidebar<\/a><\/p>\n<\/div>\u00a0<\/p>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

2. You should now see the main Banners<\/em>\u00a0area. Here you can manage all your existing banners and also add new ones. Take note of the middle column called Links<\/em>.\u00a0These are the URLs that the user will visit\u00a0if they click on the associated banner.<\/p>\n

\n<\/div>\n

<\/p>\n

\"\"<\/a><\/p>\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

3. To create your own banner, click the Add New<\/em> button at the top of the page.<\/p>\n

\n<\/div>\n

<\/p>\n

\"Add<\/a><\/p>\n

\n<\/div>\n

<\/div>\n

 <\/p>\n

\n
<\/p>\n
<\/p>\n

4. If you wish to have your banner take the user to a different page when it is clicked on, type the URL in the box labeled Link URL<\/em>. This is not required, however, and can be left blank. Currently captions are disabled.<\/p>\n

5. Click on the Select \/ Upload a banner image when you have your image.\u00a0<\/p>\n

THE IMAGE MUST BE \u00a01170×347 (Width x Height) at 72dpi, RGB color mode, OR IT WILL NOT BE DISPLAYED ON THE PAGE PROPERLY.\u00a0<\/b>\u00a0<\/h3>\n

The Media<\/em>\u00a0page (similar to the one when you add regular images) will then popup.<\/p>\n

6. After uploading the image you want, you will see the details of the image on the right side of the window.<\/p>\n

\u00a07. Simply add the information you want to and click the Set banner image<\/em> button at the bottom to have your new banner added. 8. Click the blue Publish button to finish your banner.<\/p>\n

\n<\/div>\n

<\/p>\n

\"Add<\/a><\/p>\n<\/div>\n

<\/div>\n","protected":false},"excerpt":{"rendered":"

\u00a0<\/p>\n

 <\/p>\n

Continue reading… Using Banners<\/span><\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"spay_email":""},"_links":{"self":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/99"}],"collection":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":12,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/99\/revisions"}],"predecessor-version":[{"id":733,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/99\/revisions\/733"}],"wp:attachment":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/media?parent=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}