« MOD: Journal Title that's always visible »
+With jQuery it's possible to insert new content into your Squarespace template anywhere you want. Here is one example how to do this:
As of Squarespace 5.0, when you add a Page Title to the Header of your Journal section, it only shows on the front / overview page, and not on full/single article pages. Here is a little jQuery script that adds a Title to the top of the Journal section that will be visible on all pages, it even works as a navigation link to return to the front / journal overview page.
STEP 1: Add the Title Script -- Add the following script into the <head> code injection point (make sure to have a proper reference to jQuery and enclosing script tags, read jQuery Setup Basics for more info):
$('<div class="pageTitle"><a href="/link/">Title Text</a></div>').insertBefore('#modulePage1234567 #content');
* Replace "/link/" with the correct path to your Journal Overview page (ie: /blog/).
* Replace "Title Text" with the text you would like to use for your title.
* Replace 1234567 with the unique identifier number for the journal your would like to add the title to.
STEP 2: Style the Title -- Using CSS you can style the title any way you like, for example:
.pageTitle a { font-size: 14px; font-family: Georgia; color: #333333; background: #cccccc; padding: 10px; }
Conclusion: There are tons of other things that can be done using the same technique, ie:
- instead of just title text, insert an image to use as a title or as a banner image
- inject content into other areas of the layout!
Enjoy! 
Reader Comments