{"id":5956,"date":"2019-02-27T16:00:48","date_gmt":"2019-02-27T23:00:48","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=5956"},"modified":"2020-03-13T12:05:00","modified_gmt":"2020-03-13T19:05:00","slug":"image-tiles","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/enterprise-plus\/image-tiles\/","title":{"rendered":"Image Tiles"},"content":{"rendered":"

Image Tiles<\/h1>\n\n
\n
\n
\n \n
\n
\n Overview Tab Open<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n Example Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n How To Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n Troubleshooting Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n \n
\n \n
\n
Overview Accordion Open<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
The image tiles shortcode was added to help users navigate to more information using imagery and buttons.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
Example Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
\n \n $\"\"$
View our Art Exhibit<\/span>\n<\/a>\n \n $\"\"$
Reserve our ballroom<\/span>\n<\/a>\n<\/div>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
How To Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
To add image tiles to your page you can select the shortcode from the toolbar. The media library should then appear. For this shortcode to appear properly you will need to select 2 images.<\/p>\n
$\"\"$ <\/p>\n
On Windows you can select two images by holding CTRL while clicking on the two images you would like to use.<\/p>\n
On Mac you can select two images by holding COMMAND while clicking on the two images you would like to use.<\/p>\n
$\"\"$ <\/p>\n
Once you have selected your two images, you can click the red button in the bottom right corner that reads “Use these images”.<\/p>\n[ eplus-image-tiles-row]\n[ eplus-image-tiles-col]\n
IMAGE<\/p>\n[ eplus-image-tiles-link]HYPERLINKED TITLE<\/a>[ \/eplus-image-tiles-link]\n[ \/eplus-image-tiles-col]\n[ eplus-image-tiles-col]\n
IMAGE<\/p>\n[ eplus-image-tiles-link]HYPERLINKED TITLE<\/a>[ \/eplus-image-tiles-link]\n[ \/eplus-image-tiles-col]\n[ \/eplus-image-tiles-row]\n
<\/p>\n
The following code snippet<\/h5>\n[ eplus-image-tiles-row]\n[ eplus-image-tiles-col]\n $\"\"$
[ eplus-image-tiles-link]View our Art Exhibit<\/a>[ \/eplus-image-tiles-link]\n[ \/eplus-image-tiles-col]\n[ eplus-image-tiles-col]\n $\"\"$
[ eplus-image-tiles-link]Reserve our ballroom<\/a>[ \/eplus-image-tiles-link]\n[ \/eplus-image-tiles-col]\n[ \/eplus-image-tiles-row]\n
Will create:<\/h5>\n
\n \n $\"\"$
View our Art Exhibit<\/span>\n<\/a>\n \n $\"\"$
Reserve our ballroom<\/span>\n<\/a>\n<\/div>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
Troubleshooting Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
I received the following error when selecting my images, why?<\/p>\n
Notice: Your first<\/strong> selected image does not appear to have had its “Landscape Image Large” crop created. Please use the Crop Featured Image tool to create one, and then reload this page in order to be able to select it<\/span>. Notice: Your second<\/strong> selected image does not appear to have had its “Landscape Image Large” crop created. Please use the Crop Featured Image tool to create one, and then reload this page in order to be able to select it<\/span>.<\/p>\n
This notice appears when your image is not a high enough resolution, please refer to Image Size Standards<\/a>, or your “Landscape Image Large” Crop has not been created.<\/p>\n
To create this crop, navigate to your Media Library, then find and select your image.<\/p>\n
Then select the button, Crop Featured Image.<\/p>\n
$\"\"$ <\/p>\n
You will see that the Landscape Image Large crop setting is has a red icon, which indicates that it is currently not available.<\/p>\n
$\"\"$ <\/p>\n
Select the crop thumbnail, then select, Save Crop. Once done, refresh the page<\/strong> in which you were trying to use the Image Tiles. The image will no be available for use in this shortcode.<\/p>\n
$\"\"$ <\/p>\n
For any additional questions or concerns, submit a support request<\/a>, or give us a call 928-523-9267<\/a>.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n <\/div>\n\n\n
\n
\n\n
\n
\n
Academic unit site support<\/h3>\n <\/div>\n
\n
\n