Swecha Wiki

1. Setting up XAMPP
2. Install Drupal
3. Bluemasters theme
   1. Download
   2. Install
4. Menus
   1. Adding content
   2. Configure Drop down menus
5. Slideshow
   1. Prepare Images & Content
   2. Edit page.tpl.php
6. Blocks
   1. Creating blocks
      1. Normal blocks
      2. Blocks with Images
   2. Home page
   3. Other pages

1. Setting up LAMP (Linux, Apache, MySQL & PHP)
2. Installing Drush & Configuration
3. Install Drupal
4. Bluemasters theme
   1. Download
   2. Install
5. Menus
   1. Adding content
   2. Configure Drop down menus

• Download http://sourceforge.net/projects/xampp/files/LAMPP/0.9.4/lampp-0.9.4.tar.gz/download
• Open a terminal and type

nautilus /opt & 

• Copy lampp-0.9.4.tar.gz to /opt & Extract the files such that you have /opt/lampp finally
• Now switch back to terminal and type

/opt/lampp/lampp start  

• Go and check http://localhost in your browser to see xampp panel.
• Create a database
  • Goto http://localhost/phpmyadmin and give username as root and password hello if LAMP or blank if XAMPP
  • Enter d7 at Create new Database and click create

• Update package sources & safe upgrade your server

apt-get update
aptitude safe-upgrade

(This is safer than apt-get upgrade or apt-get dist-upgrade, because it safely upgrades your server and resolves dependencies)

• Install Apache2 and PHP5

apt-get install apache2 php5 libapache2-mod-php5

Check if apache is working

/etc/init.d/apache2 restart
nano /var/www/info.php

Copy & paste the folowing php code in the nano editor

<?php
phpinfo();
?>

Go and check http://localhost/info.php in your browser to see configuration of installed php version.

• Install Mysql and PHPmyadmin

apt-get install mysql-server mysql-client php5-mysql
apt-get install phpmyadmin

When prompted for a password enter *hello*.

• Creating a MySQL DB & user for your Drupal installation

mysqladmin -u root -p create d7

Enter hello when you are prompted for password

• Configuring Apache for Clean URLs

a2enmod rewrite
/etc/init.d/apache restart
chmod -R 777 /var/www

• Enter the below code in a terminal

su
apt-get install php5-cli
cd /usr/share
wget http://ftp.drupal.org/files/projects/drush-7.x-4.4.tar.gz
tar xvzf drush-7.x-4.4.tar.gz
chmod a+x /usr/share/drush/drush
ln -s /usr/share/drush/drush /usr/bin/drush

• To verify drush, issue the following command and see if you get a help about commands

drush

• Download http://ftp.drupal.org/files/projects/drupal-7.2.tar.gz or the latest stable version from http://drupal.org/project/drupal
• Prepare server for drupal setup
  • Copy the drupal-7.2.tar.gz file to /var/www and uncompress the files so that you get /var/www/drupal-7.2 finally
  • Rename the drupal-7.2 to d7
  • Goto d7/sites/default, create a folder called files so that you have d7/sites/default/files
  • Copy default.settings.php as settings.php so that you have d7/sites/default/files/settings.php
  • Give 777 permissions to file(apply permissions to enclosed files) & settings.php
• Install drupal
  • Goto http://localhost/d7
  • Choose Standard installation profile and save and continue
  • Leave English as is and save and continue
  • Give Database Name as d7, Database username as root & Database password as hello for LAMP or leave blank for XAMPP and Save and continue
  • configure Site information
    • Site Name your full name
    • Site e-mail address your email id
  • configure Site maintenance account
    • username as admin
    • password & Confirm password as hello
  • configure Server settings
    • Choose India under Default country
    • 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

• 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

• Issue the following command in the d7/ directory

drush dl bluemasters

• Click on Appearence in the top black menu
• Click on Enable and set default near the bluemasters theme
• Then close the Appearence window

• Click on add content in top black menu
• Then click on Basic page
• Give Title as Workshop
• Write a summary about workshop in the body
• Check the box Provide a menu link under Menu Settings below Text format group
• Give Workshop in Menu link title
• Ensure <Main menu> under Parent item
• Choose 1 as Weight and click save

Similarly create pages about Prepare your computer, Software carpentry & CMS but ensure Workshop under Parent item for the new pages

• 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

• Download some large images and resize them 930×320 resolution
• Place the images under d7/sites/default/files like d7/sites/default/files/slideshow-image-1.jpg

• Open d7/sites/all/themes/bluemasters/page.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>

1. node/1 is the url of the page which will be linked to the image
2. 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>

1. 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>

1. Based on the number of images, change value of rel attribute appropriately to maintain a numeric sequence

• Click on Structure in the top black menu & then click Blocks
• Then click Add block
• Configure block
  • About Workshop in Block description & Block title
  • Write a summary about workshop in Block body
• Then Save block

• Follow the previous mentioned steps to create a block except Block body
• Download a image, rename it to block.jpg and copy it to d7/sites/default/files
• Put the following content in Block body to put image

 <img src='/d7/sites/default/files/block.jpg' height=86 width=249>
 
 * Select **Full HTML** under **Text format**
 * Then **Save block**

• 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

• Create another block and place it under Sidebar first region to show it on pages other than home