Header - Shape - Source HTML - Point to Image in Drupal Files |
|
kjv1611
|
Here's an update on how I'm currently doing this - hint: I'm not using Artisteer at all, I'm strictly using Drupal + downloaded themes + modules.
1. Download and install modules for better control: Panels, Context (minimum) - with Panels, go ahead and enable page manager besides the base panels module.
2. Create a content type to contain the header images - make sure you have a long text field type, such as the default "body" field.
3. For any header image you want, insert an image into the content "body" or whatever you call your field, and make sure you're using "full html" html format, unless you've already created your own html format (or whatever the correct term is - I'm not looking directly at the site as I'm typing this).
4. Add a link to your image. If you're using WYSIWYG or CKEditor modules, then this should be super simple. If not, you can always use raw HTML to do so.
5. Save your content type
6. Create a view or block, or however you want to get it into the header (these days, you can do it just about anyway you want. If setup right, you can just create a new block, possibly.
7. Using your block for your content type, view, whatever, you'll see the image(s) in the header region. But at first, if you're wanting them side-by-side like I did, you may be dissapointed, but don't worry, you're not finished.
8. If you have the Context and Panels modules installed, (and skinnr, possibly as well, I forget at moment), you can click the little gear that shows next to the block while looking at it, or else go to the context or panels admin page, and find the block and edit there...
9. What you want to do is change the column width for that item... you can change it to whatever you think it should be, there's a drop-down to help keep everything lined up correctly. So set it for whatever you need.
10. Save the changes, and go preview - if not how you want, go back and edit until it is. When I made the changes, there were 2 settings - one for a "full" screen, such as desktop mode, and one for a smaller mode... so I just had to modify each to what I guessed I'd want..
(oh - one more point... what I used theme-wise for now is Aquia-Marina which is a Fusion based theme. I'd suggest either Fusion, AdaptiveTheme, Omega, or possible Bootstrap as a base, so it's easier to do the sort of thing I'm mentioning.)
in the end... try not to get frustrated with the little things, and just have fun - don't be afraid to tinker, if not a production site, and also particularly if you have backed up your site.
|
| |
|
|