Becky Bertram has a nice post on how to create custom SharePoint 2010 Page Layouts via Visual Studio but my googling didn’t yield any walkthroughs on how to do this via SharePoint Designer. So let’s take a crack at this…
Scenario:
You’re working with the Enterprise Wiki Site Template and you don’t really like where the “Last modified…” information is located (above the content). You want to move that information to the bottom of the page.
Option 1: Modify the “EnterpriseWiki.aspx” Page Layout directly.
Option 2: Create a new Page Layout based on the original one and then modify that one.
We’ll go ahead and go with Option 2 since we don’t want to modify the out of the box template just in case we need it later on.
How To:
Step 1
Navigate to the top level site of the Site Collection > Site Actions > Site Settings > Master pages (Under the Galleries section). Then switch over to the Documents tab in the Ribbon and then click New > Page Layout.
Step 2
Select the Enterprise Wiki Page Content Type to associate with, give it a URL and Title. Note that there’s also a link on this page to create a new Content Type. You might be interested in doing this if you wanted to say, add more editing fields or metadata properties to the layout. For example if you wanted to add another Managed Metadata column to capture folksonomy aside from the already included “Wiki Categories” Managed Metadata column.
Step 3
SharePoint Designer time! Hover over your newly created Page Layout and “Edit in Microsoft SharePoint Designer.”
Step 4
Now you can choose to build your page manually by dragging your SharePoint Controls onto the page and laying them out as you’d like…
… Or you can copy and paste the OOB Enterprise Wiki Page Layout. I think I’ll do that. 🙂
Step 5
Alright, so you’ve copied the contents of the EnterpriseWiki.aspx Page Layout and now it’s time for some customizing. I found the control I want to move, so I’ll simply do a copy or cut/paste to the new spot.
Step 6
Check-in, publish, and approve the new Page Layout. Side note: I like to add the Check-In/Check-Out/Discard or Undo-Checkout buttons to all of my Office Applications’ Quick Access Toolbars for convenience.
Step 7
Almost there! Navigate to your publishing site, in this case the Enterprise Wiki Site, then go to Site Actions > Site Settings > Page layouts and site templates (Under Look and Feel). Here you’ll be able to make the new Page Layout available for use within the site.
Step 8
Go back to your site and edit the page that you’d like to change the layout for. On the Page tab of the Ribbon, click on Page Layout and select your custom Page Layout.
Et voila! You just created a custom Page Layout using SharePoint Designer 2010, re-arranged a SharePoint control and managed to plan for the future by not modifying the out of the box template. That was a really simple example but I hope it helped to give you some ideas on how else you can customize Page Layouts within SharePoint 2010!
fgghgh
zomg!!!
Hi!
My “New” button is disabled in Step 1 and I can follow “New > Page Layout” !
Would you please tell me what could be the problem?
Thanks.
Sorry for misspell >> “I Can’t”
I am not able see the Pagelayout Icon in my ribbon(it is not there), I see only preview button.
I have tried googling folowed steps, still no icon next to preview button
Help me out
Thank you
Neel
use this i hope it will helpful for you
Go SiteAction ->Site Settings -> Page Layout and Site Template Settings
goto —> New Page Default Settings choose Your published PageLayout then Your New Page is default for all pages
Had the same problem (icon disabled). You need to enable Publishing infrastructure feature (site collection) and publishing feature(web).
thanks bill.
Hi,
Can you help how to make it more user friendly by setting that the new page will be open directly and user won’t need to pass through choosing page layout page?
Thank you.
I [heart] you!
I followed your instructions, but when i open the new Page Layout, I get the following message “This page does not contain any regions that you have permission to edit” any ideas why this would occur? i am the Site collection admin and the server admin has enabled Edit Master Page and Page Layout option.
TIA
Dean
it is a very helpful to beginner
Thanks for this how-to! You mention what I exactly want to do: I want to display resp. edit metadata in a wiki. But I don’t have SP Server, but SP Foundation and I work on that simple non-Entreprise Wiki. Should this be running in my environment as well? Thank you.
Markus
Hi, I have a permission issue, only site collection administrator can create or edit my page layout, a user with full control get access denied.
Any idea ?
Thanks
I’m having the same issue.
Do you have a solution for this yet?
Thanks.
I need to customize the ribbon of a sharepoint 2010 site, having a bit of trouble, any help?
This worked perfectly for me. I need to create multiple custom page layouts for an enterprise wiki site and created the first one in minutes using your instructions.
Thanks much!!!!
Matt
Hi,
Nice post! Thanks for the valuable info.
If any one looking for tutorials on Sharepoint 2010/Sharepoint 2007 then please visit
http://www.tutorialsdirect.com
Best Regards
Amit
Here is a link for creating content type
http://www.fewlines4biju.com/2011/05/create-content-type-using-visual-studio.html
All right, that works perfectly to update an existing layout and refresing 1 existing content page… but, Is there a way to update or refresh say for example 300 existing content pages?.. I mean.. is not very friendly to go on those 300 pages one by one and changing the layout in SPD right (step 8)?… Do you have any automated process to acomplish this?
Hey Yvan, it’s probably possible to PowerShell script that. 🙂
Great post! It was very easy to follow and I got a better view in how to create new page layouts for my publishing site.
Hi,
Can anyone tell me how o change the layout thumbnail in sharepoint 2010
Thanks, Henry – that was very straight-forward and easy to understand. Oh, and useful, too.
Thank you so much for this helpful tutorial. It works perfectly. The only question that I have is once I have included the new template on each page, I can’t seem to add content to each page through SharePoint itself. Is this because it is a custom template? By content I mean I want people to be able to add text, images and links and such through SharePoint and not have to use Designer which would change the template.
Stupendously simple solution to a challenge I had this very week. Great article! Thanks for the efforts.
This is one of the best articles so far I have read online. No crap, just useful information. Very well presented.
Thanks for sharing with us. check out the following link, its having nice post and explained very well about create site in SharePoint.
http://mindstick.com/Articles/ac6359c5-7359-470b-8ab8-c40416960d34/?How%20to%20create%20a%20Site%20in%20SharePoint%202010
Thanks Everyone!!
Thank you so much for this. I’ve been looking everywhere for a detailed tutorial on how to create my own template and this is perfect.
I created the layout, but when I tried to do step 3 (open in SharePoint Designer) I got an error message saying the layout didn’t exist or was unavailable. What am I doing wrong?
Hi,
I liked this article.
I’d like to know how to change the master page off this new page layout…
Hi,
Excellent article with clear explanations with image.
I have one more requirement like along with the modified by user name i want to show the user’s photo from My Site.
Any idea on this ?
Thanks,
Dhileep
Good article… How do you pre-populate the Page Content e.g. with headings, images, tables etc. so then the user creating the page can just fill in the blanks?
I have a problem that I have created a custom page and I can see the image I added but I can’t see it if I publish the page.
I can see the image in edit but not published.
This problem only exist for my page and not the out of box publish pages. What could I have forgotten.
It is not:
– site collection feature
– no a site feature
– not css
Rocking cool post Thanks!!
I constantly emailed this blog post page to all my friends, because
if like to read it after that my friends will too.
Thanks a lot its really a helpful article .Highly recommended for beginners .
Fantastic blog! Do you have any suggestions for aspiring writers?
I’m hoping to start my own website soon but I’m a little lost on everything.
Would you suggest starting with a free platform like WordPress or
go for a paid option? There are so many options out there that I’m totally overwhelmed .. Any ideas? Thanks!
Excellent post. I used to be checking continuously this
weblog and I am impressed! Very helpful info specifically the last phase 🙂 I
deal with such info much. I used to be looking for this certain info for a very lengthy time.
Thanks and good luck.
Hi i am kavin, its my first occasion to commenting anyplace, when i read
this piece of writing i thought i could also create comment due to this good
paragraph.
Hi, very nice Tutorial. Thx a lot! Is it possible that the new Template has other permissions? I created a new template and choose it as the new default template but I’m the one an only which can write on this page. Other users get a white site and they cant’t edit this page…
whats wrong?
Thx a lot and best regards
Hi there to all, how is all, I think every one is getting more
from this site, and your views are fastidious for new users.
Good article. I absolutely love this website. Keep it up!
I do not know whether it’s just me or if perhaps everyone else
encountering issues with your website. It seems like some of the written text on your
posts are running off the screen. Can someone else please comment
and let me know if this is happening to them too?
This might be a issue with my web browser because I’ve had this happen
before. Thanks