Read About Stuff We Do. Pagelime Blog.

Content Management for Designers and Agencies.

Archive for the ‘How To’ Category

Pagelime 101: Tips for Repeating Regions

Tuesday, December 13th, 2011

One of our most popular features is the “Repeating Region”. However, it also causes quite a bit of confusion when you’re first starting out. Here are a few tips for getting everything working just like you expect.

#1 – You can make a repeating region editable!
If you place both a “cms-editable” and a “cms-repeat” on a Pagelime-able element,  you will be able to edit and repeat that piece.

Example: <div class="cms-editable cms-repeat" id="textblock1">Pagelime rocks multiple times</div>

 

#2 – Apply your styles to a class.
When we repeat a region, we need to place a new unique ID on it so that Pagelime can also target that element for editing. Because of this, any styles that you would like to see repeat, need to be attached to classes. We bring all the classes to the newly created element after a repeat action has occured

Example: <div class="thiswillbesaved blue cms-repeat" id="thiswillbechanged">Pagelime rocks multiple times</div>




#3 – Wrap everything completely

If you want to repeat a table, image, or create blog-like functionality wrap everything. Don’t do multiple repeating regions. Just take the whole set of elements wrap them in a div or span and place the editable classes on that. Feel free to make as many editable regions within there as well, but make sure to keep rule #2 in mind.




Example:
<div class="cms-repeat" id="whatever">
<p class="cms-editable" id="title">I change my mind:</p>
</div>



				


				
Tags: , , , , 
 Posted in How To, Pagelime 101, Quick hit |   No Comments »


			


				

				
Quick Hit: Setting Up A CNAME

				Tuesday, July 5th, 2011

				

					
So a lot of people, after they upgrade to Pro or Business, immediately want to setup their CNAMES. This often creates some confusion as to what a CNAME is, how to set it up, and emails to me that say “Tom, I have no idea what I’m doing here?”. Like a green Batman I’m swooping in to save the day here.


What is a CNAME?

From Wikipedia:

“A CNAME record or Canonical Name record is a type of resource record in the Domain Name System (DNS) that specifies that the domain name is an alias of another, canonical domain name. ”


From Tom’s Brain:

“A CNAME is like a subdomain, but instead of pointing to files on server, it points to a completely different domain. The big perk is that you can reference it in a URL the same way you would the original domain.”


Setting up a CNAME:

Your CNAME is setup where your nameservers are located.

 This consists of 3 parts:


    

  • Part 1 is picking the type of record, usually you get a few options: “A, MX, CNAME, etc”. Guess what? What? Pick the CNAME. Got it!
    • 

  • Part 2 is picking the hostname/alias. This is the wordyouwant.yourdomain.com. So if you want to have changeyerstuff.websitedesignkingpin.com, you would place “changeyerstuff” in this box.
    • 

  • Part 3  is the value/destination/pointing to/domain/referrer. In this case since you’re using Pagelime it will always point to “cms.pagelime.com”
    • 



Registering your CNAME with Pagelime:

Go to your Account Settings, in the CNAME box put the full CNAME record, continuing the example from above you would place “changeyerstuff.websitedesignkingpin.com” in the box below.


screen-shot-2011-07-05-at-114322-am


Some things to keep in mind!


    

  • CNAMES are just like any other DNS level change they take some time to propagate across the whole internet, sometimes as long as 48 hours, so if it’s not working just wait a little bit.
    • 

  • When it’s configured correctly the page will be light gray with your logo centered. If you’re still seeing the black and green Pagelime login screen you’re doing it wrong.
    • 

  • CNAMES are not subdomains, there are no actual files on your server there, you can’t upload other stuff to them, or try and create custom pages. It’s a pure DNS level redirect.
    • 



That’s it! Good luck.

				


				
Tags: , , , , , , , , 
 Posted in How To, Pagelime 101, Quick hit |   4 Comments »


			


				

				
Quick Hit: Optimal Logos

				Wednesday, June 15th, 2011

				

					
This comes up a lot. Whenever someone goes pro with Pagelime they always look to setup up their company logo and get their branding on. What many people fail to realize is there are a few things to keep in mind.


    

  • The background of Pagelime is not white (#fffff) it is actually slightly off white (#f9f9f9).
    • 

  • Transparency (alpha channels) do not show up, as we deal with many different browsers. We suggest everyone just sets the logo background to #f9f9f9
    • 

  • While there are no constraints on height, the maximum width is 200px. If you don’t want scaling issues or extended load times I would resize and optimize manually before uploading.
    • 

  • From a theme perspective it makes everything look more custom built if you select a color in your logo as an accent color in Pagelime. Your clients will be impressed, and everything will look more polished.
    • 



That’s it. If anyone has anything they want to add, or has any questions, feel free to leave them in the comments.


Bonus Coverage: Lime Rickey Recipe!


3/4 oz fresh lime juice

1 oz simple syrup

3 dashes Angostura bitters

6 – 8 oz club soda


Build all ingredients in a collins glass and top with soda. Garnish with a spiral of lime peel, and serve.





				


				
Tags: , , , , , 
 Posted in How To, Pagelime 101, Quick hit |   No Comments »


			


				

				
Pagelime 101: 5 Tips for Integrating a Site with the Pagelime iPhone App

				Tuesday, December 21st, 2010

				

					
blackboard1


With the launch of the Pagelime iPhone app we decided  to provide everyone with a few tips to keep in mind when integrating your sites with the Pagelime iPhone app. Don’t worry, you don’t have to learn anything new, but if you keep these tips in mind, you can get the most out of your new mobile CMS!


 (more…)

				


				
Tags: , , , , , 
 Posted in How To, Pagelime 101 |   14 Comments »


			


				

				
Pagelime Client Intro Video: White-Label Edition

				Friday, November 12th, 2010

				

					
This is a re-edited version of our previously posted video Learn How to Edit with Pagelime in under 11 minutes.


Thanks for all the feedback! Specifically @Brandon Setter! 


We’ve incorporated user suggestions, such as zooming/camera movements and removing some of the more “brandable” actions, like logging in.


The breakdown of material covered, still remains the same…


The video runs under 10 minutes and covers the basics of editing content in the CMS. Topics that are covered include:


    

  • Basic inline editing of a Header
    • 

  • basic inline editing of a p tag (main content)
    • 

  • editing of a content area with mixed styles
    • 

  • Basic use of repeating regions, both mixed styles (cms-editable-repeat) and compartmentalized (cms-editable regions inside cms-repeat)
    • 

  • Drafts
    • 

  • Publishing
    • 



This video was edited to be short and include the core necessary information for editing a site. The Site Map is still not included in this video, but may be included in the next full version of this video. In the meantime, we have planned a series of much shorter (1-2 minute) supplements about each module, such as the Site Map viewer and different enable-able site features. 


Let us know!


Site Map will be the first, but we really need your feedback on what the other tutorials should be? What features do enable the most? What features do your clients have the most trouble with? Let us know in the comments!!!


Cheers!


The Video!


This is version one of the white label video, please leave your feedback! We do this for you, and are always improving our materials, your thoughts matter!


Also note, this video is for preview purposes only. A non-watermarked version of the video is available to our PRO and Business users.


 We will be setting up a system for paid account users to retrieve materials as they are made available, however, in the meantime, if you are a PRO/Biz user and want to get a hold of the video, just email me, Adam(AT)pagelime.com.




Learn to Edit with Our CMS in under 10 minutes [white-label Sample] from PageLime on Vimeo.

				


				
Tags: , , , , , 
 Posted in Announcement, Videos, White Labeling |   1 Comment »


			


				

				
Sneak Peak—Pagelime Client Intro Video (Rough Cut)

				Thursday, October 28th, 2010

				

					
Heeellloooo out there in the Lime Kingdom! You all have been asking for it, and here it is…This morning we just finished the rough cut of our Intro video designed, not for you, but for your clients.


Learn How to Edit with Pagelime in under 11 minutes


The video runs just under 11 minutes and covers the basics of editing content in Pagelime. Topics that are covered include:


    

  • Basic inline editing of a Header
    • 

  • basic inline editing of a p tag (main content)
    • 

  • editing of a content area with mixed styles
    • 

  • Basic use of repeating regions, both mixed styles (cms-editable-repeat) and compartmentalized (cms-editable regions inside cms-repeat)
    • 

  • Drafts
    • 

  • Publishing
    • 



 (more…)

				


				
Tags: , , , , 
 Posted in Announcement, General Update, How To |   14 Comments »


			


				

				
Pagelime 101: Manually Adding CMS-Editable Class within Pagelime

				Monday, May 3rd, 2010

				

					
pagelime-101-adding-css-class


This tutorial is a supplement to our larger tutorial “How to Make a Pagelime Site with SiteGrinder 3, you can see the full tutorial here. However, this tutorial is not SiteGrinder specific and can be used by anyone who wants to learn how to manually add editable classes through Pagelime.


Ok, so you’ve just published a really SWEET website from Photoshop using SiteGrinder and you REALLY want to manage it with Pagelime, BUT, you forgot to add the CSS “editable” class tag to a region, in this case, an image, and you want to be able to edit this image using Pagelime.  Have no fear, for Pagelime can solve all of your problems (as usual). Let’s take a look at how this can be done in just a couple of steps.


 (more…)

				


				
Tags: , , , 
 Posted in Pagelime 101 |   3 Comments »


			


				

				
How to limit the number of icons/tools on the PageLime WYSIWYG editor

				Friday, October 2nd, 2009

				

					
So a lot of folks have asked us to provide some way of limiting the number of icons (tools) available in the WYSIWYG editor that pops up when you click on a green bubble in PageLime.


We’ve recently released two features that cover this request:


    

  1. You can append “-text” to your cms-editable CSS class (for example: “cms-editable-text” or “tomiscool-text“), to restrict the number of icons/tools available for that area.
    2. 

  2. You can configure what tools are available for HTML vs. Text areas in a new tab in the settings for each site.
    3. 



 (more…)

				


				
 Posted in Features, How To |   7 Comments »


			


				

				
Video: How to manage a Lightbox Image Gallery with PageLime

				Monday, September 28th, 2009

				

					
A few folks had asked us to put together a quick tutorial on how PageLime can be used to update a simple lightbox image gallery. So, one of our interns jumped to the rescue and put together this awesome video we sent out to folks who’ve asked directly. We liked it so much that we decided to post it here:




 (more…)

				


				
Tags: , 
 Posted in How To, Videos |   19 Comments »


			


		
		

			

			

		

	
	



	

		
	



			

			

				Entries (RSS)
				and Comments (RSS).
				
			

			

		

	

	
	


            

                

                    PageLime LLC 2011. All rights reserved.
                    Blog
                    Terms of use
                    Privacy Policy