CMS

CMS (WordPress) Documentation - Venice 2.0

A content management system (CMS) provides a way to create content that is displayed as part of a web site. A system of classification (Posts, Pages, keywords, tags) gives the system structure for storing and displaying information. The CMS also provides the ability to upload and display images, link to images from places like Flickr and YouTube, and also has the ability to save content as drafts for review and modification until ready for publication to the main site.
To learn how create a new WordPress site on the Venice server click here.

Creating a NEW SITE

Wordpress has a very detailed and exhaustive installation guide available at http://codex.wordpress.org/Installing_WordPress that I would highly recommend reading if you are unfamiliar with any of the below steps.

Overview

  1. Download Wordpress
  2. Extract to Destination
  3. Configure Apache
  4. Configure DNS/Hostname(s)
  5. Create Database (MySQL)
  6. Run Wordpress Configuration
  7. Select Theme

Download Wordpress

Please obtain the latest and most up to date version of Wordpress (zip or rar file) from the official site: http://wordpress.org/download/

Extract to Destination

Once you have downloaded the latest version of wordpress, you will need to extract (usually just right-click and select extract, unzip, etc) the contents to the folder on the server where the site will reside. For the most part this will be in the projects directory (/projects/) and then into sub folders for each project.

Ex. PreserVenice is located at /projects/preservenice/

I would also recommend considering an additional level to include the term so that projects will be stored as /projects/term/projectname
Ex. /projects/B08/origins

You may also need to check the permissions on the directory you are using. For ease of use they should be 777. To set the permissions run the following command:

chmod -R 777 /projects/projectname

Ex.

chmod -R 777 /projects/origins

Configure Apache

Once the directory (folder) has been created, Apache can be configured to use that directory as the source for a website. To do this you will need to edit the Apache Configuration file located at /etc/httpd/conf/httpd.conf . Inside this file look for a section about Virtual Hosts; you will be adding a new Virtual Host. Please follow the template below (replace projectname with your project's name):

# Virtual host projectname.veniceprojectcenter.org
<VirtualHost *:80>
        DocumentRoot /projects/projectname
        ServerAdmin carrera@wpi.edu
        ServerName projectname.veniceprojectcenter.org
        ServerSignature email
        DirectoryIndex index.php index.html index.htm index.shtml
</VirtualHost>

If require the use of Symbolic Links or other directives you will have to add a directory declaration:

# Virtual host origins.veniceprojectcenter.org
<VirtualHost *:80>
        DocumentRoot /projects/origins
        ServerAdmin carrera@wpi.edu
        ServerName origins.veniceprojectcenter.org
        ServerSignature email
        DirectoryIndex index.php index.html index.htm index.shtml
    <Directory "/projects/origins">
               Options Indexes Includes FollowSymLinks
            AllowOverride All
            Allow from all
            Order allow,deny
    </Directory>
</VirtualHost>

Configure DNS/Hostname(s)

TBD

Create Database (MySQL)

TBD

Run Wordpress Configuration

Point your Webbrowser to http://projectname.veniceprojectcenter.org/ and you will presented with the Wordpress Configuration. First you name the Site (Project Name) and provide an email (Team Alias). Then you will be asked for information about the Database configuration.
wp-config-database.jpg Database Name will be IQP_YEAR (Ex. IQP_2008)
User name will be projectname (Ex. origins)
Password will be projectname unless changed
Database Host will be 'localhost', DO NOT CHANGE
Table Prefix will be projectname_ (Ex. Origins_)

Install and Select Theme

Themes control the look and feel of your Wordpress site; there are hundreds of themes available at http://wordpress.org/extend/themes/. Below there is an overview of how to install and select themes; Wordpress has much more detailed information about using, installing, creating, and managing themes here: http://codex.wordpress.org/Using_Themes

  1. Download theme from http://wordpress.org/extend/themes/
  2. Extract theme to wp-content/themes directory located in the base directory of your Wordpress site
  3. Login into Wordpress (directions in next section)
  4. Click on Themes under the heading Appearance (Left side of the screen)
  5. Click of the image of the Theme you wish to use
  6. Click Activate Theme Name (Upper right hand corner of overlay)

Login

To access the administration tools for the Wordpress CMS, browse to this URL and login:

http://xxxx.veniceprojectcenter.org/wp-admin/ where xxxx would be the projectname of your CMS

Here you see all the options available for writing and editing pages and posts, moderating blog comments, modifying your personal profile. (Note: Once you are logged in, all pages on the site will display an Edit This Entry link. Clicking on this link brings you to that page within the CMS, where you can make changes and edits.)

Managing Pages

To manage pages already existing as part of the site, select from the Main Menu (light blue bar at the top of the page) Manage. The submenu (darker blue bar beneath the Main Menu) displays Posts, Pages, Uploads, and Categories.

Select from the submenu the item Pages. Here you see displayed a list of all the pages comprising your site, both publish and unpublished. For each page displayed you have the option to view, edit, or delete the page.

Choose a page and press Edit. The page opens in a series of form fields and tools. Within this page you can edit the title, the contents of the page, and also determine whether or not the page is published or is to be used as a draft.

The field labeled Page Content contains all the text and image elements comprising your chosen page. Beneath the tab labeled Visual is a WYSIWYG editor for styling your text. Your system comes with an advanced editor that provides additional tools for creating tables and selecting custom fonts and font sizes.

You can create links out of content text simply by highlighting the text and then clicking on the chain lock icon in the editing menu. Here you type in the URL of the page you want to link to and any other attributes you might want to give your link.

Once you have made changes to your page, you can press the button below the editing window labeled Save and Continue Editing. This allows you to work on your page without making your currents changes visible to the public. Just above the editing window is a linked labeled View which allows you to preview your current changes. Pressing the Save button saves your work and takes you back out to the page your site where your page is now published and available on the site.

The items to the right of the editing window are tools for adding attributes to your page. Here you can toggle the Page Status from Published to Draft to Private, apply password-only access to the page, and many other features. Generally it is best to leave these items to their defaults.

Search Optimization and Tagging

Directly beneath the editing window you find a set of form fields labeled All in One SEO Pack. These fields are used to gather the metadata of this particular page in order to provide better visibility to the search engines and thus to raise your site ranking.

Generally, you want to use the same title as your page in the Title field. Beneath this type in a Description of the page, using many of the most important points and words found in the page content. In the Keywords field select several pertinent words from your text and place them here as a comma separated list. Having applied this information to your page makes your page more searchable from both the outside search engines and the search that is native to your CMS.

Uploading Images and Files

Beneath the SEO tools you find another set of form fields with a menu comprising Upload and Browse All. These tools allow you to upload images and files to your site and also provide the ability to send those items directly into the page your are editing.

Use the Browse button to launch a window where you can select an image or file from your local machine. In the Title field, give the file a descriptive title (this is what people will see when the mouse-over the image). In the last field, provide a good description of the contents of the image or file. When you have added several images or files, you can use the Browse All menu item to see your library of digital assets.

Once you have uploaded an image you can send it into the contents of your page. To the right of the image you will see the Show options. Usually, you will select the Full size images to display on your page. Below this you will see the Link options. For most images, the image itself is what you want to present so you select None for this option. Once you have selected these options, place your mouse in the editing window to the location where you want the image placed. Then, back in the Upload section, press the Send to Editor button. Your image is now displayed among the page contents.

Clicking on the image in the editing window highlights the image and allows you to use the WYSIWYG tools to attribute it. Here you can add a link by pressing the small lock icon, give the image spacing and sizing and many other options by clicking the small tree icon.

In the same way that we have edited an existing page, we can also create new pages. By choosing Write from the Main Menu, and then Write Page from the submenu, we can use all the same directions as above.

Managing Posts

Posts in this system usually are for blog entries. However, this system is designed to use posts to be displayed as calendar and event items.

To create a new calendar event, login to the admin screens of the CMS as described above. Then, from the Main Menu, choose Write, and from the submenu choose Write Post. As with Pages, you give your event a title and then in the editing window a brief description of the event.

Now, scroll down to the very bottom of the page. You will see several closed, blue menus; select to open the one labeled Event Editor. Click on the plus sign to open the editor. Here you find fields to capture start date and time and end date and time. Use the button to the right of the fields to pop up a date and time selector. You can also choose to make this an all day event by checking the box labeled All Day. Scroll back to the top of the page and press the Publish button. Your event shows up on all the school pages now.

Profiles

Each user in the system has the ability to change his or her own profile. Choose the item labeled Profile from the Main Menu. Here you can change how your name is displayed, change your email address or instant message names, change your password, and even writing a short bio about yourself. When you are done making changes, simply press the Update Profile button to save the changes.


Adding Pages to the Venice 2.0 Archive

Login to the CMS here:

http://www.venice2point0.org/wp-admin/

Username: XXXXXXXXX
Password: XXXXXXXXX

From the Main Menu, choose Manage
From the submenu, choose Pages

Here you see all the Pages comprising the site; you also can create new Pages

To create a new Page, click Create a New Page
Add a Title to the Page
Then, in the Page Content area:

Add a picture to the top, link the project files, and create the Summary, Team, and Sponsor areas

To add a picture, scroll down to the bottom of the window where you see Upload and Browse All
Select Upload
Press Browse to locate the image on your local machine
Be sure the image is resized to 650px wide
Give the image a Title and Description
Press the Upload button
Once the image is uploaded select Full Size for Show and None for Link to
Place your cursor at the top of the edit window then press the Send to editor button
Your image should now be at the top of the new Page

Uploading project files is the same process, only at the end select Link to File to create a link to your newly uploaded file.

Create the headings for Summary, Team, and Sponsor using the Heading 2 from the format bar

Links can be create from any text using the chain link icon in the format bar
Images can be linked to text using the small tree icon in the format bar.

In the menu to the right of the edit window, open the Discussion menu
Deselect Allow Comments and Allow Pings

In the Page Parent menu, select the parent Page that your new Page maps to (Art, for example)

In the Categories menu, either select an existing Category or create a new one using the text field

Beneath the edit window add a few descriptive tags to enable better searching.

When all is done, press the Publish button beneath the edit window
At any time, you can save your work by pressing the Save and Continue Editing button

Images for Issues, Accomplishments, media, sponsors

Store images directly into server by FTP into the folder /var/www/venice2p0/wp-content/themes/techland-10/techland-10/images/
Files must have the same name as the permalink for the page to which the image is associated.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License