Motus – Free SharePoint 2013 Theme
Motus is a minimally designed responsive mobile friendly Landing page with Video Background theme for SharePoint 2013 Publishing Sites. The theme is Bootstrap based and contains an easy to customize video background in the top section and five more editable sections.
Motus theme is intended to help SharePoint 2013 newbies with the site branding and customization of public-facing websites. More work might be necessary if not required.
Installation
Download the Motus.zip and extract the files.
Assuming you already have a SharePoint 2013 Publishing Sites created and accessible using an URL path that looks like this http://YourSite.com/sites/Motus/, go to Site Settings and under “Web Designer Galleries” area click on “Master pages and page layouts”. Create a new folder called Motus and under it create four more sub-folders: css, fonts, images and js.
First, upload the master page motus.master right under the main Motus folder, provided in the Motus package, by selecting Files tab on the ribbon and then “Upload Document”. On the pop-up window make sure you select “ASP NET Master Page” for the Content Type, give your master page a name and a title, select version 15 and hit Save button. Make sure you publish the master page.
Next, upload the page layout motus-Home.aspx under the same Motus folder. Click on the Files tab on the ribbon, and click “Upload Document”. On the pop-up window select “Page Layout” Content Type, give your page layout a name and a title. For the Associated Content Type select “Page Layout Content Types” for the Group and “Article Page” for Content Type Name.
Next, upload the css, fonts, images and js files provided in the package under the newly created sub-folders. Make sure you publish all the files.
Once you’re done uploading all the files go to “Site Settings” and under “Look and Feel” click on “Master page”. On the “Site Master Page Settings” make sure you have Motus master page selected as Default and click OK button. I don’t recommend changing the System Master Page, just leave the default on.
Now, head over to “Site Settings” and under “Look and Feel” click on “Page layouts and site templates”. Make sure you have Motus Page Layout on the right side of the Page Layouts templates.
To assign Motus page layout, edit your page and from the “Page Layout” option under Page tab select the Motus Page Layout.
Once the Motus Page Layout has been selected, fill out the necessary sections with the mock-up content provided in the html folder. So, for the About Section use the home-about.html and for Projects Section use the home-projects.html and so on. Add Content Editor web part for each section so you can Copy&Paste the HTML code provided for each section.
Background Video
To change the background video open motus-Home.aspx and modify line 76. Plug your YouTube video ID in the videoURL property: videoURL:’BsekcY04xvQ’. To pick a starting point for video use the startAt:30 where 30 is the 30 seconds into the video. To end the video use stopAt:60 where 60 is the 60 seconds into the video. So, the video background is set to loop from second 30 through second 60.
Map
To change the map displayed in the footer, open motus-Home.aspx and modify line 127.
If you like the theme don’t forget to leave a comment or maybe you would like to show your appreciation and buy me a beer! Thank you and stay tuned for more SharePoint branding goodies!
Theme Features:
– Landing page with Video Background
– Modern and Responsive Web Design
– 1 custom Master Page
– 1 custom Page Layout
– Bootstrap and jQuery javascript
– Font Awesome Icons
– 6 HTML Page Templates for sections
– Ideal for any screen resolution (automatically adjusting to different screen resolutions)
– Simple & Easy to Deploy and Customize
– Compatible with modern browsers (tested successfully on Chrome, Safari, Firefox, IE9+)
– Developed for SharePoint 2013 Publishing Sites
Download Motus Theme for SharePoint 2013 Publishing Sites
Loading ...
Ahhh very very good, will get you a beer or three tomorrow, I promise…
Hi Luis,
do you know how can I disable the default Sharepoint toolbar (The blue one that is right below the “Motus” logo), so the page could look like the one displayed in the image above.
Tks.
the line between ribbon in the masterpage needs to be commented out
This is a great theme. I’ve found it quite easy to use the new templating methodology with the linked html files yet most of the templates I can find still use only the .master and .aspx approach. Is it personal preference, learning curve or is there another reason?
I want to make sure my projects are easily upgradable to O365 and SP2016 when the time comes, hence my preference for the new method.
Comments and ideas are most welcome.
Cheers, Sean
Works with SharePoint 2016? I had tested.. but…
I’m having issues with the video on working in Internet Explorer 11. It works in all other browsers. I have it running in SharePoint 2013 . It just has the gray background like its not respecting the z-index or something.
Thanks.
Hi Luis,
Apologies, kind of a dumb question, but i can’t seem to find where to change the background color for the header (behind the logo). I’ve tweaked a variety of other colors to suit my adaptation of the template, but can’t seem to find that one –
I’ve managed to get most of the way thru the above instructions… however, the bit about changing the page layout has me stumped. I don’t see the “page layout” option available when I go to edit the page itself.
Any ideas what I’m doing wrong?
You must click on the cog, edit page, the page layout icon is in the “page” section of the ribbon
I am having the same issue, I have attempted to do it this way too, and I do not see page layouts either. I have actually ran into this once before and just gave up… Did you ever figure out how to see it?
Great theme, Ill be dropping you money cause this template is epic!
Customizing is easy, here is additional notes
Video, you can start the video at the millisecond such as startAt:30.2
SharePoint Bar, remove it by commenting out the line after
Map, you must use the embedded code from the map service (google, bing, etc)
When I am trying to upload the motus.home, my options on the content drop down , does not include Page Layout. Nor do I have the option for APS Net Masterpage, only Master Page.
Thoughts? Total share point newbie here.
I’m not a newbie and I’m running into the same issue. I have loaded by following the directions and by dumping it into the design file folder directly – and both times I can get the template files to show up for selection with oslo/Seattle. Any suggestions?
I’m having the same issue as Kelly. I do not have the options “ASP Net Masterpage”, only Master Page, and there is no Page Layout Option. I have the following options:
Master Page
Master Page Preview
JavaScript Display Template
Document
Display Template Code
Design File
Any help would be greatly appreciated. I am a complete newbie too. I am running SharePoint 2013.
Hello to Kelly, Chris, and Arman
I’ve also run into the same problem.
The solution is to activate the Sharepoint Server Publishing Site Infrastructure.
You activate it by going into:
Site Settings -> Site Collection Administration -> Site Collection Features,
and then Activate the Sharepoint Server Publishing Site Infrastructure
Wait as it takes a while to activate
After that, we’re not done yet.
Still in Site Settings, go to Site Actions -> Manage Site Features, then Activate SharePoint Server Publishing
Once you’re done with that, the Master Pages in Web Designer Galleries becomes Master Pages and Page Layouts.
Also the content type of ASP Net Master Pages and Page Layout are now there.
Cheers!
Wow, awesome run through of how to get to all of these options. As someone completely new to SP, this kind of information is priceless. Thank you so much!!
I followed the guide completely and have server publishing turned on. but when I get to “Site Master Settings” I only have the option of “olso” and “seattle”
Hi there,
if i try to upload the Master-Page.ASPX as a page layout, Sharepoint told me that a list, is still missing. Can someone help me please.
Cheers,
Fabian
I guess these themes are for more advanced SharePoint developers. I’ve gone through the steps three times and the results are messed up and look nothing like the screenshots provided. First, the stipulation that you should select a publishing site and not a collaboration site should be made up front and not picked up through the comments. And second, I’d recommend a screenshot of what to expect after the master page is selected and the page layout is selected (that is before, “now you can mock up the content…”
I followed your instructions, but when I get to the Site Master Page Settings, the theme is not an option to select (only Seattle or Oslo).
on site master page settings, i cannot select the default to Motus, how can i do this? I only have two options: seattle and oslo.
Does this work on SharePoint 2016. I tried to upload the page layout and I got a message saying that “The page you selected contains a list that does not exist”. Did anyone ever figured that one out?
I’m having the same issue as well : on site master page settings, i cannot select the default to Motus, I only have two options: seattle and oslo.
I cannot get the input to specify the title of a page that i want to create.
Hi this is a great theme and it seems to work and is beautiful, a great selling point for SP. The only thing I ran into was the Testimonials slider under Services only shows 2 items and displays one (text). Any ideas what is causing this?
Hello, I’m writing this note for a problem changing the master page. I have trouble using your template with sharepoint 2016, especially when I try to make it easier for myself with sharepoint designer 2013. On the master page, I have no access yet I am the only administrator. Please help me to use your template, notifying me with the details to solve this problem.