Showing posts with label CMS. Show all posts
Showing posts with label CMS. Show all posts

Wednesday, 30 March 2011

Client Project - Mobileok

As I'm still currently working on adapting my template for a mobile website before i proceed with adding it in to my CMS. I thought it would be a good idea to validate my website in a mobile checker via W3C. The results were surprising. Without adapting any of my code, my website is at 64%. This is a good start and I'll be looking further into this at a later stage.

Thursday, 10 March 2011

Client - CMS Testing

So whilst I'm in the process of creating my website in Dreamweaver i am now going to experiment using Modx (CMS) so i can get used to using the terminology. Below is the process of me installing a 'component' into the template. The component I'm trying out is the 'Navigation' snippet called 'Wayfinder'. Wayfinder comes with Modx as a 'Package' installer which is quite easy to setup. The main problem I'm going to incur is with the styling of the forms boxes and implementing the code into my own style sheet.






The next step I'm updating the 'Header' text in HTML and inserting Modx commands.



I have now setup the Header elements and have inserted my first module 'Snippet'!!!! wooop. Now i get how Modx uses these snippets to control external elements. This changes my plan for structuring the HTML. One div box will be just text; this will be linked with the TinyMCE editor so my client can format text to her own pleasing, the other box will be the 'Snippet'. The next step is to integrate my style sheet into this...



My Snippet Working!!!

Wednesday, 2 March 2011

CMS - Research

To begin understanding the way CMSMS works i have compiled a list of the common tags i will be using for Palmhives website...
{sitename}
- will add the sitename you can set in the Global Settings

{title}
- will be replaced by the title of the content (You can set title when creating content pages).

{stylesheet}
- This must be between the tags. It links all the stylesheets that you have attached to your template. If you forget this your page will appear without styles. If you rather want to use external stylesheets you can add a normal tag in the header.
{metadata}
- will add the meta data you can set in the Global Settings
{content}
- This will be replaced by the real content of the selected page, the content that you edit for each page in Content -> Pages (use {content block='another_content_area'} to add another editable area to the template). Some other info how to add multiple content blocks and modify your template to show block only if it has text.

{content_image}
- This will be replaced with the Image selected in the Edit Page window, at the bottom of the screen with the block name you specify (i.e. MyImage). (use {content_image block='MyImage' dir='images'} for immediate results).

{$content_obj->GetPropertyValue('image')}
- This will be replaced with the image filename selected on the Edit Page screen under Image. (use GetPropertyValue('image')}" /> for immediate results.).

{breadcrumbs}
- Will be replaced by a path to the selected content.

{menu}
- This is one of the most common menus. The entire menu will be automatically generated from your pages, where you put this placeholder. This tag can also take parameters, depending on how you want to display the menu. For example {menu collapse='1'} to collapse the sub items in the menu, so that only the sub items of the current menu item are shown.

Thursday, 27 January 2011

Client - Got CMS Installed

Just installed my first CMS alongside WAMP!!!! took me ages, but i can now start playing around with customising templates.