changing the home page banners
DESCRIPTION
Changing the home page banners. Under Content, select “Homepage Images”. Find the “Body” section. You’ll see the “MAIN BANNER” section. You can expand this block to see more content by dragging here with some browsers. I’ve done that just so we can see more content as we learn. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/1.jpg)
Changing the home page banners
![Page 2: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/2.jpg)
Under Content, select “Homepage Images”
![Page 3: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/3.jpg)
Find the “Body” section
You’ll see the “MAIN BANNER” section
![Page 4: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/4.jpg)
You can expand this block to see more content by dragging here with some browsers.
I’ve done that just so we can see more content as we learn.
![Page 5: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/5.jpg)
Notice we have several banners here (but they aren’t all online)
![Page 6: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/6.jpg)
The key is the HTML “Comment Out” tag
The idea is we can include comments in the code that won’t be displayed in the website. To start a comment out section, we use <-- and to stop the comment out section we use -->.
See all the places we used it to comment out the section different banner titles
![Page 7: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/7.jpg)
We’ve done the same thing by commenting out the buttons not currently in use.
The summer banner is currently online so it’s NOT commented outNo tagNo tag
![Page 8: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/8.jpg)
To take the Summer Banner off and put the Tag Day banner on…
Tag Day Banners is online and Summer Banners is commented out.
Cut the start and stop comment out tags from the Tag Day Banner and paste them before and after the code in the summer banner section
Scroll down the page and Submit
No tag
No tag
![Page 9: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/9.jpg)
Looks good.
Make sure the links work by clicking on the banner
![Page 10: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/10.jpg)
New banners are uploaded through an FTP client life Filezilla
Use the same file name so you don’t need to change the code.
Uploading new banners with updated dates
![Page 11: Changing the home page banners](https://reader035.vdocuments.mx/reader035/viewer/2022062410/56815b1f550346895dc8d525/html5/thumbnails/11.jpg)
Where the banner links to when clicked on is managed in the banner area in the map sections.
Updating Where a Banner Links (the page that opens when you click on it)
Where the banner links to when clicked on is managed in the banner area in the map sections.
The first part of the URL (https://www.sbob.org) is assumed. You only need to enter the part of the URL to the right of this sbob.org.
The alt text should also be updated