This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
cms1 [2011/06/23 07:11] siva_epari |
cms1 [2012/06/01 05:46] siva_epari |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ==Links== | ||
+ | |||
+ | *Content Management System | ||
+ | * [[cms1|Content Management System(Focus On Drupal), Day1]] | ||
+ | * [[cms2|Content Management System(Focus On Drupal), Day2]] | ||
+ | * [[cms_faq|Frequently Asked Questions, CMS]] | ||
+ | |||
+ | ===Content Management System(Focus On Drupal), Day1=== | ||
+ | |||
===Overview=== | ===Overview=== | ||
- | - [[#Setting up XAMPP|Setting up XAMPP]] | + | - [[#Setting up LAMP (Linux, Apache, MySQL & PHP)|Setting up LAMP (Linux, Apache, MySQL & PHP)]] |
- [[#Install Drupal|Install Drupal]] | - [[#Install Drupal|Install Drupal]] | ||
- | - [[#Bluemasters theme|Bluemasters theme]] | ||
- | - [[#Downloading Bluemasters theme|Download]] | ||
- | - [[#Installing Bluemasters theme|Install]] | ||
- [[#Menus|Menus]] | - [[#Menus|Menus]] | ||
- [[#Adding content|Adding content]] | - [[#Adding content|Adding content]] | ||
- | - [[#Configuring Drop down menus|Configure Drop down menus]] | ||
- [[#Slideshow|Slideshow]] | - [[#Slideshow|Slideshow]] | ||
- | - [[#Prepare Images & Content|Prepare Images & Content]] | ||
- | - [[#Edit page.tpl.php|Edit page.tpl.php]] | ||
- [[#Blocks|Blocks]] | - [[#Blocks|Blocks]] | ||
- [[#Creating blocks|Creating blocks]] | - [[#Creating blocks|Creating blocks]] | ||
- [[#Normal blocks|Normal blocks]] | - [[#Normal blocks|Normal blocks]] | ||
- [[#Blocks with Images|Blocks with Images]] | - [[#Blocks with Images|Blocks with Images]] | ||
- | - [[#Home page|Home page]] | ||
- | - [[#Other pages|Other pages]] | ||
- [[#Contact form|Contact form]] | - [[#Contact form|Contact form]] | ||
- [[#Search|Search]] | - [[#Search|Search]] | ||
Line 23: | Line 24: | ||
==Setting up LAMP (Linux, Apache, MySQL & PHP)== | ==Setting up LAMP (Linux, Apache, MySQL & PHP)== | ||
- | * Add the following line to /etc/apt/sources.list and put **#** before all existing lines in the file | + | * If you have Debian OS installed in your system, add the following line to /etc/apt/sources.list and put **#** before all existing lines in the file |
- | deb http://ftp.us.debian.org/debian testing main contrib non-free | + | deb http://ftp.us.debian.org/debian testing main contrib non-free |
- | * Update package sources & safe upgrade your server | + | In place of **testing** in the above line replace it with your current flavor of OS like **stable**, **unstable**, **lenny**, **sid** |
+ | |||
+ | * Update package sources | ||
apt-get update | apt-get update | ||
Line 36: | Line 39: | ||
apt-get install apache2 php5 libapache2-mod-php5 php5-gd | apt-get install apache2 php5 libapache2-mod-php5 php5-gd | ||
+ | chmod -R 777 /var/www | ||
Check if apache is working | Check if apache is working | ||
Line 66: | Line 70: | ||
a2enmod rewrite | a2enmod rewrite | ||
- | /etc/init.d/apache restart | + | /etc/init.d/apache2 restart |
chmod -R 777 /var/www | chmod -R 777 /var/www | ||
| | ||
Line 93: | Line 97: | ||
* Choose **Asia/Kolkata: Tuesday, June 21, 2011 - 14:51 +0530** under **Default time zone** and **Save and continue** | * Choose **Asia/Kolkata: Tuesday, June 21, 2011 - 14:51 +0530** under **Default time zone** and **Save and continue** | ||
* Now click on **Visit your new site** | * Now click on **Visit your new site** | ||
- | |||
- | ==Bluemasters theme== | ||
- | |||
- | ==Downloading Bluemasters theme== | ||
- | |||
- | * Download http://ftp.drupal.org/files/projects/bluemasters-7.x-1.1.tar.gz into d7/sites/all/themes | ||
- | * extract bluemasters-7.x-1.1.tar.gz so that you have d7/sites/all/themes/bluemasters | ||
- | | ||
- | ==Installing Bluemasters theme== | ||
- | |||
- | * Click on **Appearence** in the top black menu | ||
- | * Click on **Enable and set default** near the bluemasters theme {{:bluemasters.png|}} | ||
- | * Then close the **Appearence** window {{:appearence-close.png|}} | ||
==Menus== | ==Menus== | ||
Line 121: | Line 112: | ||
Similarly create pages about **Prepare your computer**, **Software carpentry** & **CMS** but ensure **Workshop** under **Parent item** for the new pages | Similarly create pages about **Prepare your computer**, **Software carpentry** & **CMS** but ensure **Workshop** under **Parent item** for the new pages | ||
- | |||
- | ==Configuring Drop down menus== | ||
- | |||
- | * Click on **Structure** in the top black menu and then click **menus** | ||
- | * Then click **list links** near **Main menu** | ||
- | * Then click **edit** near **Workshop** | ||
- | * Check the box **Show as expanded** and then **save** | ||
==Slideshow== | ==Slideshow== | ||
- | ==Prepare Images & Content== | + | ==Install colorbox module== |
- | + | ||
- | * Download some large images and resize them 930x320 resolution | + | |
- | * Place the images under d7/sites/default/files like d7/sites/default/files/slideshow-image-1.jpg | + | |
- | + | ||
- | ==Edit page--front.tpl.php== | + | |
- | + | ||
- | * Open d7/sites/all/themes/bluemasters/page--front.tpl.php in gedit text editor | + | |
- | * Edit the file as following | + | |
- | + | ||
- | <div id="banner"> | + | |
- | <?php print render($page['banner']); ?> | + | |
- | + | ||
- | <div class="main_view"> | + | |
- | <div class="window"> | + | |
- | <div class="image_reel"> | + | |
- | ... | + | |
- | ADD IMAGES HERE | + | |
- | ... | + | |
- | </div> | + | |
- | <div class="descriptions"> | + | |
- | ... | + | |
- | ADD IMAGE DESCRIPTIONS HERE | + | |
- | ... | + | |
- | </div> | + | |
- | </div> | + | |
- | + | ||
- | <div class="paging"> | + | |
- | ... | + | |
- | ADD IMAGE NUMBERS HERE | + | |
- | ... | + | |
- | </div> | + | |
- | </div> | + | |
- | </div><!--EOF:banner--> | + | |
- | + | ||
- | * Add a image using the following syntax | + | |
- | + | ||
- | <a href="<?php print url('node/1'); ?>"><img src="<?php print base_path() . 'sites/default/files/slide-image-1.jpg'; ?>"></a> | + | |
- | + | ||
- | - **node/1** is the url of the page which will be linked to the image | + | |
- | - **sites/default/files/slide-image-1.jpg** is the path to the image | + | |
- | + | ||
- | * Add a image description using the following syntax | + | |
- | + | ||
- | <div class="desc" style="display: none;">About Bluemasters</div> | + | |
- | + | ||
- | - **About Bluemasters** is the image description which will appear on the image in the slideshow | + | |
- | + | ||
- | * Add a Image number using the following syntax | + | |
- | + | ||
- | <a rel="1" href="#">1</a> | + | |
- | - Based on the number of images, change value of **rel** attribute appropriately to maintain a numeric sequence | + | * Download http://drupal.org/project/colorbox |
+ | * Extract colorbox-7.x-1.3.tar.gz under /var/www/drupal-7.14/sites/all/modules directory | ||
+ | * Download http://www.jacklmoore.com/colorbox/colorbox.zip | ||
+ | * Create directory /var/www/drupal-7.14/sites/all/libraries | ||
+ | * Extract colorbox.zip to libraries directory | ||
+ | * Click "Modules" from top menu, check "Colorbox" & "Save configuration" | ||
+ | * Click "Structure" from top menu, "Content types" and "Manage Display" for "Article". | ||
+ | * Choose "Colorbox" under "Format" for "Image" & Save. | ||
+ | * Again "Structure", "Content types" and "Manage fields" for "Article" | ||
+ | * Click "edit" under "Operations" for "Image" | ||
+ | * Check "Enable Title field" under "Article settings" | ||
+ | * Change "Number of values" under "Image field settings" to "Unlimited", scroll down & "Save settings" | ||
+ | * Click "Structure" from top menu, "Content types" and "Manage Display" for "Article" | ||
+ | * Click Gear wheel at the extreme right for "Image" | ||
+ | * Choose "thumbnail" in "Node image style" and click "Update" | ||
==Blocks== | ==Blocks== | ||
Line 206: | Line 154: | ||
* Select **Full HTML** under **Text format** | * Select **Full HTML** under **Text format** | ||
* Then **Save block** | * Then **Save block** | ||
- | |||
- | ==Home page== | ||
- | |||
- | * Click on **Structure** in the top black menu & then click **Blocks** | ||
- | * Search for **About Workshop** Block and change the **Region** to **Home area 1** | ||
- | * Then **Save blocks** | ||
- | * Similarly create two more blocks and place it under **Home area 2** && **Home area 3** | ||
- | |||
- | ==Other pages== | ||
- | |||
- | * Create another block and place it under **Sidebar first** region to show it on pages other than home | ||
==Contact form== | ==Contact form== | ||
Line 238: | Line 175: | ||
* Then goback to **Indexing status** and ensure **100%** | * Then goback to **Indexing status** and ensure **100%** | ||
+ | ==Links== | ||
+ | |||
+ | *Content Management System | ||
+ | * [[cms1|Content Management System(Focus On Drupal), Day1]] | ||
+ | * [[cms2|Content Management System(Focus On Drupal), Day2]] | ||
+ | * [[cms_faq|Frequently Asked Questions, CMS]] |