I'm new to Drupal. I normally update websites via CSS and HTML, php etc.

Now a client has given me access to their site through Drupal.

Where do I upload images? I need to add a couple banners on the left sidebar and add an additional navigational bar on the top of the page.

I understand the blocks now, but still can't find the area to upload photos.

I'm sure this is a common question... but I just can't find the answer!! I'll keep reading until someone can hopefully help me. :)

Thanks!

Tanya

Edited by WorldFallz - moved to appropriate forum.

Comments

vijaythummar’s picture

Tanya,

Drupal is CMS so you have to add some form to upload Images.

You can do it via Image module to upload images as content and then take a absolute path of uploaded images and create a block via admin configuration and set it on left/right.

Or also you can enable upload module and create a sample page and upload all the images to particular that sample page and take a absolute URL of that images and show in the blocks.

Else you need to create a module and create a form dynamically for the block.

Choice is yours...

Thanks,
Vijay Thummar

tanyawood’s picture

I think all of this new lingo is really confusing me. Where would I find the "image module" to upload images?

How do I know if I have all the rights to upload images in the first place?

I'm used to FTP so there is a lot of "unlearning" for me to do here.

Thank you!
tanya

splashworx’s picture

Hi, Tanya.

Welcome to Drupal and strap yourself in for a very steep (but rewarding) learning curve!

To add banner images quickly, I'd upload the banner/s via FTP to the site's images folder (via image module is just as easy but to get you sorted quickly just do the FTP way for now). Then:

1. Navigate to administer >site building >blocks
2. Click the 'Add Block' tag
3. Enter your new block's description, let's call it 'Banner LHS'
4. Within the 'Block body:' text box, enter the HTML to display your uploaded banner (such as <img width="300" hspace="10" height="452" alt="image_name" src="http://www.example.com.au/images/imagename.jpg" />) . I use the path including domain to save confusion but a system path is probably ok, e.g. /yoursite/images/yourbanner.jpg - with associated HTML that you would normally use to display an image. Make sense?
5. Click the 'Input format' region to open 3 options, Filtered HTML, PHP Code, Full HTML. Select the 'Full HTML' option.
6. Save block
7. Select your new block from the list of blocks (after clicking back on the 'List' tab) and assign it to the left sidebar region
8. Click 'save blocks'

Your banner will now appear in the left sidebar.

If you had a Flash banner, you would simply enter the necessary Flash-related HTML into the block instead of HTML to display your image. Such as:

<embed width="180" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.example.com.au/images/banner.swf"></embed>

To add, say, a primary links block to the top of a page, select the primary links block within your blocks list and assign that block to the 'content top' or 'header' region (this may differ depending on the theme that the site is using). Then navigate to administer > site building >menus.

You can then edit primary links as required. To practise, you may want to upload your own Drupal installation so that you're not running a risk of screwing something up on your client's website by accident.

Hope this helps somewhat.

Tim

splashworx’s picture

...and I just noticed that you're using Drupal 4.x - I haven't used D4 for sometime so my instructions relating to blocks may differ slightly (but I seem to recall that it's the same).

As I stated, Id install your very own test Drupal website to test things out (although you'll be uploading and installing version 6.15 most probably). D6 really is so much more than D4 as you will discover. The user interface for starters is much simpler to use in my opinion. Amongst other things!

tanyawood’s picture

Thank you for your help!

I only have access through Drupal and they won't give us FTP access. LOL.

Lame I know. Maybe this is too much for me to handle?

tanyawood’s picture

I found some info I'm going to try. This will be a learning curve for sure! One I have to get through :)

Image FUpload

The Image FUpload module is used to provide an alternate upload form to image module itself.

This is a great advantage because multiple images can be selected with one click which are automatically uploaded and processed without any further user interaction. Additionally, this module fully integrates in image module. Consequently, all settings made by image module are observed (thumb creation, file size limit etc.).

Image FUpload administration allows to define some characters which are replaced in the node title by a whitespace. In addition to that, the option can be selected to show a link to the original upload form to those users whose browser doesn't support this Flash / JS solution.

You can

* create images using F(lash)Upload at node >> create >> image.
* configure Image FUpload settings at administer >> settings >> image >> image_fupload.

For more information please read the configuration and customization handbook Image FUpload page.

hugeknot’s picture

Sorry, I might be wrong, but if you have no access to ftp, then you will have to work with the modules which are already installed. New modules have to be installed via the back door!

tanyawood’s picture

Is there anyway to roll back changes I made today.. GULP!!!

t

tanyawood’s picture

Thank you! I will check out the modules and see what I can find! :)