To change the design I'd recommend taking a look at the Plone Theming Training.
That is the hero unit which is only available on the fronpage. If you edit the frontpage and look at the source code (in TinyMCE editor select
Tools and then
Source code), you can see this at the top:
<p><a class="context" href="http://plone.com" target="_blank">Learn more about Plone</a></p>
There is a diazo rule in the barceloneta theme which moves this part into the hero unit:
<!-- move hero to top -->
<replace css:theme-children="#hero .gigantic" css:content-children=".hero"/>
<drop css:theme="#hero" css:if-not-content=".hero" />
<drop css:content=".hero" />
The footer in Plone 5 is created out of portlets. To change it (while logged in into the Plone site):
- Go to the the front page of your Plone site
- Click on
Plone Footerportlets in the
Manage portlets section in the edit bar
- Click the
go here link to get to the Plone root (otherwise you edit the portlets for the frontpage only)
- Hide the footer portlet.
- Add a new
Static text portlet
- Add your custom footer content
- Make sure the option
Omit portlet border is selected (otherwise you have to write some CSS to hide the portlet header)
- Click Save.
- Move the new portlet to the position were you want it to be.