NuDisplayTM Webpage Display System

Understanding How the Page Display System Works

This application is run by a page display system called NuDisplayTM. This system was created in the Summer of 2009 to make it easy for webmasters to use their page layouts to display the content output by this application. The system separates content from layout. This structure contains these important elements:

  • ezseo
  • content
  • choice of page layout
By separating the content from the layout you may use any page layout you wish. Your layout may be adapted for use in the entire application with just a few simple changes.

Overview

The system collects SEO and content information. This is displayed in a selectable page layout. You may change the page layout with one line of code. The result is the ability to create almost any PHP page and to be able to render that page content in a switchable page layout structure. You can bring the content into a page you create.

EZSEO

EZSEO lets you easily tune your website pages to be SEO friendly. The SEO may be tuned precisely to your likes. EZSEO is an easy way to change SEO page meta data. A page may use optionally use this component. To use EZSEO please click on the EZSEO link and locate the reference documents on this section. Existing application pages typically already contain the EZSEO formatting. Changing these existing SEO tags is as simple as point and click using the EZSEO tool.

Content

Content for your page can be anything from simple text, html, php, javascript, images, flash or what have you. Enter the content in the sequence you want it displayed. For example, in about.php you would edit the page in your html editor and add any information you wish, then save about.php back to your server.

Choice of page layout

The page layouts that come with this software contain these features:
  • NO CSS hacks
  • SEO friendly
  • No Images
  • No JavaScript
  • Cross-browser & iPhone compatible
The page choices allow you to switch or use different numbers of columns and different column locations for the content you are displaying. Available page layouts are saved in /templates/pages/ . To use a different page layout for any page content, just edit the page with your html editor and find the one line - near the bottom of each page - that says:


include ( INSTALL_DIR . "templates/pages/2_column_left_menu.php" ); // display $my_buffer


For example, by changing the filename from 2_column_left_menu.php to 3_column_left_menu.php it changes the number of columns shown on the displayed page. You can tweak this as needed, with CSS or by coding in the page itself. You could also create brand new pages from your own layouts, or use other layouts already made - see below.

Use your own page layout

To apply a new layout you will need to code PHP to echo the $seo_title, $seo_description, $seo_keywords and $my_buffer to your new page layout. Look at /directory/templates/pages/3_column_left_menu.php to see how this is done.

Further reference

The page layouts were adapted from the excellent work of Matthew James Taylor. Why re-invent the wheel? Visit James site to locate variations on the basic layouts offered here.