Free: Drupal for Designers!
I have a wonderful free gift to you designers! I see way too many people building their portfolio websites out of blogging platforms, and it makes me queasy. Wordpress is awesome, for sure, but it's certainly not ideal for displaying your portfolio! So, I have taken the liberty of packaging up a Drupal install which contains a fairly decent structure and layout for portfolio websites - it's what this site is using. I also created a plain vanilla black-and-white theme for you to mess with and make look beautiful!
Drupal is not just for the huge and complicated websites! Drupal is for YOU!
How to set this up:
- Download the attached zip and unpack it
- Create a new database on your server
- Using PHPMyAdmin, import the attached database.sql file to your new database
- Upload the contents of the “Drupal” folder to your host
- Edit the sites/default/settings.php file to have the correct database username, password and database name, and reupload that file to your server
- go to your new website’s login page (ex: www.yourdomain.com/user) 6. Login as John Doe, password test123
- Edit the account and change the name to your name, password to your password and fill in all the other information.
- Start editing and adding your own content!
This is a mostly barebones install which will work for most people! You may want to have a fancier text editor for your blog and other areas, so go check out http://drupal.org/project/fckeditor. Another popular option is WYSIWYIG-API + ImageAssist. Personally, I did not feel I needed it, since I prefer to just write out the proper HTML straight into the text box. I personally just added TinyMCE+ImageAssist. Also, you may want to change some settings and require people to register to make comments, or install a spam filtering module like Mollom (http://drupal.org/project/mollom). Lastly, make sure that you have ImageMagick or GD toolkit set up on your host, and that Drupal is properly set up to speak to it, or adding images to the portfolio won’t work.
About theming your new Drupal install: You can edit the Headliner2 theme which I created for you. The most important files you might want to edit are: 
Screenshot of included theme
- style.css
- page.tpl.php
- block-right.tpl.php (right sidebar)
- node.tpl.php
I hope this is a great starting point for you designers looking to get your hands dirty with Drupal! Check out a screen shot of the Headliner2 theme included in this package.
Enjoy!
| Attachment | Size |
|---|---|
| Drupal_for_Designers.zip | 5.35 MB |
Comments
Oops! I forgot to mention some important details! (Thanks Paris!)
Drupal: 6.13
MySQL: 4.1.21
PHP: 5.2.9
hi there, i will check this out. extracting at the moment, anyway, tnx a lot
Very thnks, its pretty Cool!!
You are good designer thnks for sharing.
Thanks again.
what should i do if my hosting do not have ImageMagick or GD toolkit ?
normally,ImageMagick or GD toolkit come with hosting service?
Tanks
GD comes included with ImageCache module (I think - maybe Image?). If not, ask your host and see if they can set it up for you.
this looks awesome! can't wait to give it a whirl, once Acquia Drupal updates their stack controller for Snow Leopard.
Great! Your website look cool and Drupal is best CMS what can you get ...
Howdy!
Very nice contribution for the community. I took a look through your package and I just wanted to make a note that it best practice to put contrib modules (i.e. add-on modules) in the
sitesfolder and not in the root modules folder (this is usually reserved for core Drupal modules that come in a release).Generally, you can put contrib modules in one of the following
sites/all/modulessites/default/modulessites/domain.com/modulesThe reason this is best practice is it makes updating the core drupal easier since all you have to worry about is backing up and not overwriting your sites directory
Themes are kept in a similar manner (e.g.
sites/all/themes)This is why I love drupal... so modular and cascading!
Makes sense! The modularity is truly one of the great things about Drupal!
Hi, thank you very much for sharing! This is exactly what I was looking for but as a newbie Drupal user, I'm having a little issue with the Portfolio page. It's showing two rows of images (Sample Portfolio Image) and text where I'm assuming the carousel should be? I also noticed the JCarousel module was empty after downloading your zip and wondering if this has something to do with it. Is this how the Portfolio page should look or there something else I need to change/activate?
2nd question, was this sample site supposed to show the mouseover/active top menu links as well (like your website)? I'm also interested in how that was done (I see the styles for it in styles.css) but it's not showing on the page (just has text links).
Thx and thanks again for sharing!
JCarousel is not used. I had tried it, first, and then uninstalled, but apparently the folder stayed there. Out of the box, the carousel should be working like this: http://09.headlinercreative.com/portfolio
Mouseovers and active link styling are left to you do in your CSS. I left my own code in there but commented it out to make it easier for you. But you will have to create your own navigation images which you would plug in.
Hope that helped!
Please do change it to 6.14 as it contains many bugs and fixes , many of the designers may not be knowing about it.
Have a great day . N joy Drupal
Thanks for the tip. I will not, however change it, as this package is a zip of complete databases and settings. People should install this and then run update.php for the latest version.
Upgrading is very easy (although drupal.org will make it sound really complicated). After installing, put your site into maintenance mode (site configuration > Site maintenance). Then, replace all the system modules folders with the 6.14 versions. Do the same for the other system folders (includes, misc, profiles, scripts, but not your files or themes folders). Run update.php and Bam. Done.
(If you're a hardcore drupaler and you have a problem with that method of updating, I don't care!)
I know updating Drupal . But just want to make sure that the newbie may not be aware . ie all .
Since you have shared it in the comments it will be helpful to them :) .
Thanks for this!
Sorry man, the link you posted to drupal.org doesn't work for me... Maybe it's just a problem of my corporate proxy but anyways maybe there is an alternative one? Thanks in advance
Which link are you referring to? www.drupal.org is the main site url, and if you can't get there, then there must be something wrong with your connection.
Thanks for your information.... I use it and all is working..... :)
Post new comment