Complex Layout
Hi,
I'm fairly new to Drupal, and so far I made simple sites using pre-existing themes. However I recently found a site that was designed on drupal platform and I wanted to create something similar for my wellness portal I run. (www.NYWellnessGuide.com)
( Drupal Site I want my site look similar too (miami.com) --> http://imgur.com/MRngB.jpg )
It seems pretty complex. I was wondering about process for creating something like this?
Do I need to set up regions for each box? or how do you create all these seperate sections (menu, video box, etc).
Also is there a template I need to use to start with or is it totally new theme that has to be built from scratch.
Also is there a module for drop-down menu or all the bells and whistles done through jQuery and php?
Lastly. Are there any tutorial websites someone can recommend for me to learn more advanced layout lessons to help me create something similar.
Thank you in advance. Any comments, tips, suggestions will be greatly appreciated.

...
It looks complicated but its not, don't be overwhelmed by all the styling, block and widget. Its essentially a 3 column layout with a lot of fancy block and widget styles.
Setting up the main layout will be pretty easy, either coding from scratch or using an advanced starter theme like Genesis.
You are not going to find tutorials on how to do these types of layouts in Drupal because its not Drupal specific, its just general CSS layout which you can learn anywhere, and there are hundreds of free layouts available on various sites, although starting with Genesis is going to cut a lot of time off your development.
I don't think you need to set up that many regions, although it can be useful having more regions, say sub-regions of main regions, so you can easily group styles when targeting a set of blocks. Another method is to set up block classes in a preprocess function to target a set of blocks only, and/or use block template suggestions.
Use Views, that is going to be key to building this site, it will help a lot.
You can use Nice menus for the Drop menus, which seems to be pretty standard advice, personally I use the Superfish jquery plugin - which you can steal from the Pixture Reloaded theme and refashion to suit.
Finally, like I said earlier, the layout is the easy bit, the hard bit is the long hours of theming all the individual elements, blocks, views and so on. Thats something no one can really teach you and its just hard graft.
Professional Drupal Design and Theme Services
Thank you for your input
Thank you jmburnz. I really appreciate your input. You wouldn't happen to know where I can learn about sub-regions and block classes. Anything that can help me in creating site with many information blocks.
In regards to different regions, is it easy to create new regions or just put a block in the regions. It's seems kind of overwheliming to have all the blacks, but unfortunately I have tons of info to include. I'll definitely check out Genesis template and the menu to see if I can use it. Thank you again
=-=
regions are defined in your themes .info file
they are laid out in your page.tpl.php file
they are styled in your style.css file
Great
Thank you. So much to learn. :)
...
Sub regions you might do like this, say you have a left sidebar region and inside that you want a $left_bottom region...
<?php if ($left or $left_bottom): ?><div id="sidebar-left" class="section sidebar region"><div class="sidebar-inner">
<?php if ($left): print $left; endif; ?>
<?php if ($left_bottom): ?>
<div id="sidebar-left-bottom" class="section region">
<?php print $left_bottom; ?>
</div> <!-- /sidebar-left-bottom -->
<?php endif; ?>
</div></div> <!-- /sidebar-left -->
<?php endif; ?>
This is quite similar to what i did in this theme - http://3rdworldthemes.org/theme/extreme-updates so I can style a whole group of blocks differently based purely on their region (see the left sidebar blocks are different).
Professional Drupal Design and Theme Services
Cool Bean
You made that theme? That's awesome. That's one I really liked.
I really want to change my website that I run, and make it look like Miami.com, right now it's looks too crowded and it's not dynamic, I have to update everything manually. I'm afraid I'll just get overwhelmed when I start. I think I'll give it a shot anyways.
Do you think it's hard to be able to build without knowledge of php. I'm not that great with programming. I know CSS/HTML well enough though.
What's the difference between Zen and Galaxy? I activated Galaxy on one of my sites, but it looks really rough unstyled. Nothing like the site I want to create. Is it easy to turn Galaxy into 3 column layout with multiple blocks.
...
Yes I ported the design from an HTML comp, so yea I build the actual Drupal theme.
I think you mean Genesis, which I also built. Difference to Zen, hard to say really, many differences, horses for courses you might say. I never liked some things about Zen so thats why I built my own starter theme. I'm a horse who would rather run his own course. I believe that Genesis is easier to theme and most certainly out of the box Genesis has way more layout options. It has accessibility features that no other theme has and Gpanels, which no other theme has either.
To build your theme you will need to start with a clean starter theme like Genesis - no style is the beauty of it, its a blank slate to style as you please, which is a lot easier than hacking away at a styled theme (which you need to unstyle first).
You need to dig into the documentation for Genesis (links are on the project page) which will clearly show you all the layout options.
Professional Drupal Design and Theme Services
Visual Layout
Here what I need to make. Maybe the pictures will make it easier to understand.
I basically want to create different sections that will have same layout (home page will be slightly different). Main section headers will be different (see photo below) also second and third column will pull different information blocks. But overall structure will be almost the same.
http://imgur.com/34O78.jpg
I'm kind of confused how go about creating something like that. I need a block that pulls reviews, spotlight, etc, but each section will be pulling different block info, see image above. Do I need to make different content type for each block (reviews, spotlight, etc for each section?). I can't even imagine where to start. :(
I have something similar on my current site ( http://www.nywellnessguide.com/yoga/index.php) but it's kind of ugly and manual. I basically need to make it more like the image above. Any ideas? Thank you for your suggestions. I really appreciate your help.
...
Ok, where to start... hmmm, let start with the content management, theme can wait, thats the least important bit really, getting the "output" sorted out first is most important.
You will want several additional modules:
From what I can tell there is only one content type - which would include the normal title and body fields, and to which you would add an Imagefield, and Emfiled external media field (for the videos) and possible some other fields if you need them.
You need to make a taxonomy, I would structure it like this:
Body
-- Natural Health
-- Spas
-- Yoga
-- Fitness
-- Nutrition
-- Practitioners
mind
-- Mental Health
-- Meditation
-- Self-Improvement
spirit
-- Spiritual Wellbeing
-- Buddhism
-- Practitioners
-- Retreats
Then add the content type you created earlier to the taxonomy so you can select which category the node is placed into. These taxonomy terms will be invaluable for building lists of categorised content (either pages or blocks).
Next you will want to start creating some content, but first you need to make the pathauto settings for your content type and taxonomy terms, so you can match your current URL's so you won't loose any back-links.
Taxonomy will automagically build pages of categorised content, so everything tagged with "Retreats" will appear in its own section and so on. To radically modify this page to become a custom landing page we need to turn to theming - and use a page-taxonomy.tpl.php template file OR we can use Panels to intercept taxonomy term page and build the custom layout with Panels.
I would probably use a blend of the two, and use templates and Mini panels. In this way I can gain the full power of the theme system for my layout and block placement (and other things) and get the advantage of "context" that panels provides. "Context" is easy to understand - basically it means the Mini panel will know what the taxonomy term is for the page you are viewing, and can "pull" related content with the same term.
Ok, so now we have a taxonomy, some categorised content and a layout for the taxonomy term pages (worry about the homepage later).
Next we want to show some extra blocks on the taxonomy term landing pages, such as the /mind page. This is really easy , either use the blocks system in Drupal or the Mini panel configuration to place blocks into the mini panel columns.
Maybe you want to build some contextual views to display related content in taxonomy term pages or on nodes (based on the category). Use Views to do this, and use the taxonomy term as the argument.
Now, perhaps you want to display a list of featured items, probably in a block or a view, and you want to control very precisely which items appear and in what order - you can use Nodequeue for this, its a very powerful module and easy to use.
As you will note I have skipped a lot of details, its really not possible for me to go into details without writing an entire book, and in any case those details already exist in these forums or tutorials on many other sites, for example I wrote a short tutorial similar to this (but only for a homepage, yours is more comlex requirement) http://adaptivethemes.com/take-control-of-your-homepage-with-nodequeue-v...
Someone else will probably chime in with some good ideas for you also.
Professional Drupal Design and Theme Services
Wow. :)
Thank you so much for your very detailed response, jmburnz.
I will have to save your post and re-read it few times and digest everything you mentioned. I probably also have to look up and figure out some of the terms and how to integrate them. So far I just created sites using Drupal and just adopted already made themes, so it was fairly easy. Some of the stuff you mentioned is sort of over my head at this point, but I guess it's never too late to learn.
I guess I'm going to start by reading Genesis help files and go from there.
Thank you again, your email definitely gives me a good blueprint of what path I need to take to get this thing started.
I was really hoping you would say, just press the red button in the admin panel that says, "that was easy" and the thing would build itself. Ha ha. I wish.
Since you seem so knowledgeable, jmburnz, and since your information has been so valuable, would you mind if I ask you specific questions in the future if I get stuck on some part of the development?
...
Nope, not a problem, just be aware that I'm a pretty busy person so sometimes I might not respond right away:)
Professional Drupal Design and Theme Services
Thank you.
No problem at all. :) It's going to be a long grueling battle for me. It's my personal project so it's a long term kind of thing, no deadlines and any help will be greatly appreciated, no rush.
You mentioned before I should start with content, but up to this point I worked the other way. I started using a theme and then created content for story/blog, and poll and added them though admin. Doesn't it seem more logical first to layout out a theme with regions (in this case header, footer, 3 column layout with various blocks/regions in each column) and then figure out the right way to populate each block.
Also, shouldn't there be different type of content, for example for story which is title, author, body and image and for review which will have different fields, like, name and address of the place, review, rating, etc?
Thank you again for your help jmburnz.
=-=
If you try to wait until a theme is done and perfect and you wait until you have all modules in place doing exactly what you want them to do you are essentially missing out on your most major component. Content. Content is and always will be king. Users can get past a theme they aren't happy with and still absorb content.
thus working on content while perfecting your themes and features would be a better workflow.
Beyond that, once you start adding content you begin to come up with newer/fresher ideas on how to serve that content. Which in turn can make you rethink your theme and features.
...
It doesnt really matter how you work, for example, often we are developing the output while the designer is doing her thing, then we mash it to together later on. So our raw output dev site is just using a raw unstyled Genesis subtheme which already has loads of regions, sidebars and so on, so thats no problem. I suspect this is a little bit Drupal centric way of working, since content output can constrain the design to some extent, we often wait until we see what we come up with - all projects have deadlines and budgets:)
That all said, I agree with VM, content is the most important componant and that is where the major part of the work will be, the theme can wait and often should. The point that site and design evolve is very true, what you start out with might be all wrong by the time you near completion, so you end up reworking the theme layer and its costs double...
Yes, you can use multiple content types, its quite normal to have 5 or 10 if the site demands it. I didnt dig too deep in your content so if there are content types with very different sets of fields by all means use 2 or more.
Professional Drupal Design and Theme Services
=-=
if only we have feature where we could see who was already responding to a thread :) we may not have to re-edit so much!
...
Pigs might fly one day also:) But it would be good!
Professional Drupal Design and Theme Services
Forum Features
I'm running free 3rd party forum on my site (http://www.nywellnessguide.com/forum/), and no offense to Drupal developers but it seems so much more flexible. You can direct personal replies and email notices if you like when someone replies only to you and so much other stuff that I think for now I"m going to keep that forum and just make a link to it rather try to figure out how to extend Drupal. Is there module that functions like in Drupal, that I'm not aware of?
...
theres advanced forum and about a thousand other modules you can use to extend and improve forums, Drupal is not dedicated forum software so I get a little annoyed when people say they are running simple machines or phpbb and compare it, I mean, can simple machines build Drupal.org? I dont think so. But can Drupal build a forum to rival simple machines, dam strait it can.
Professional Drupal Design and Theme Services
Hmm
I guess I don't know that much about other modules that run advance forum. I'm just comparing what I know, which is this forum and the one I have on my site. I hope it's true and there are similar advance forum modules in Drupal I can utilize in the future.
Newbie Question
This is kind of retarded question. So far I've been creating databases remotely and working on the site off FTP without any problems, but for this new site I wanted to work locally so I created database in MyPHP and Wamp and while trying to install site off www/ I put database name and user: root, no password, it's denying me access: "Failed to connect to your MySQL database server. MySQL reports the following message: Access denied for user 'root '@'localhost' (using password: NO)."
I asked this in a installation forum but no one is answering, do you happen to know why it's not letting me connect?
=-=
do you have a space after root ? 'root ' ? if so I don't know that that is supposed to be there?
that's ok
Gave up on installing locally. I will just use remote site I"m not using, for testing. Thank you.
=-=
advanced forum is a starting point for those who want an advanced forum. It's built on top of the core forum.module and other existing modules.
One of the hardest concepts to grasp early on for me was a module in the downloads area will apply to most every facet of a drupal site. You mention email notifications. Drupal has this in module form in the downloads area. it's called the notifications.module and not only will it work on forum posts but every other content type as well. All drupal modules that work with content types, will work with the forum content type. If you want email notifications and such there are modules for that in the downloads area. In most cases the modules won't be forum specific that you may be looking for. In other cases, liker permissions you may ie: forum access.module
...
Actions and triggers in core is also a good way to build notification emails, although I am not sure if ADF defines any to send emails to users.
Professional Drupal Design and Theme Services