Adding extra links in the menu ( breadcrumb ? )

JWebb

I would like to add some more links to the menu in my gallery ( are they called Breadcrumb ? ).

Currently I am running a slightly modified basic gallery with a menu in the format
Home> gallery>sub gallery> large image.

http://www.webbaviation.co.uk/zen/England/Norfolk/Oxburgh_Hall_jc20790.jpg

I would like to add some extra links to already existing html webpages. ( eg a link to my prices page and a link to my copyright page ) I did this with gallery 2 and want to achieve the same with my new zen gallery looking as close as possible to this old gallery 2 installation-

http://www.webbaviation.co.uk/gallery/v/wales/conwy/BodnantGarden/RiverConwyBodnantGardensic32210.jpg.html

Ideally I would like the gallery link to also point at an html web page rather than the zenphoto highest level gallery.

I have the menu manager but understand this is not compatible with the basic theme and I may need to install a different theme, however non of the themes I have tried look like what I am trying to achieve. Is it possible to change the menu and stick with the basic theme?

I did a similar change with Breadcrumbs with my gallery 2 but cant find where breadcrumb is located in zen.

Unfortunately, I am only a photographer with very little experience of coding so any help is much appreciated.

fretzl

Some explanation of what a "breadcrumb" is:
https://en.wikipedia.org/wiki/Breadcrumb_(navigation)

You can use menus created with the menu-manager anywhere you like.
`<?php printCustomMenu("name-of-your-menu"); ?>`

In your case you would have to create a menu with "Custom links"

JWebb

Thanks I will have a go )

JWebb

I am making some progress on this. I now have all the links I want in the right font and colour, however the menue manager links each appear on a new line. I want everything to run along one line, left to right at the top of the page. Any idea how I might fix this?

What I have:-

http://www.webbaviation.co.uk/zen/England/Norfolk/

wheras what I would like is the same as what I had on my old gallery 2 installation:-

http://www.webbaviation.co.uk/gallery/v/cheshire/

fretzl

Your custom menu is output as an unordered list
`

• ...
• ...
• ...

`
It's up to you to style it with CSS.
There are tons of examples/tutorials on the web that can help you.

Just one possible example to start with is adding these lines to tour CSS:
`
ul {
list-style: none;
}

ul li {
display: inline-block;
}
`

JWebb

Hi, thanks for the pointer, I will get googling )

JWebb

Done it !!!! I now have the menu I want which is a very simple plain link accross the top of the page which incorprorates the breadcrumbs and links to fixed html pages.

If anyone else is reading this and wondering how I did it, I did the following.

I copied all the desired links into the menu manager. For fixed html pages I used "custom link" and then for the php bits such as breadcrumbs image title ect I selected " function" and then copied the php line used on the album.php. ( I had to figure out what each line did with a bit of trial and error )

I added the following line to album.php and image.pho which causes the custom menu to display:-

<h3>

<?php printCustomMenu("jonny-menu"); ?>

</h3>

I had called my custome menu jonny-menu and I had chosen h3 ( heading 3 ) as a suitable font size for the menu text.

As I am useless at coding, I did it one bit at a time with lots of trying very small changes to see what happened. I built up my links in menu manager which at first had them all doubled up. I then edited out the extra unwanted versions from album.php and image.php until all that was left was the custom menu above.

I used fretzls css suggestion above by simply adding it to the bottom of the common.css file and it worked perfectly putting all my menu items in a nice long line.

acrylian

If I may note: `

` is an semantinc element and not to be used to get a "font size" actually. A menu list is most certainly not a heading semantically.

If you need a bigger font size you should change that on the menu itself via CSS. The proper element to wrap a navigation/menu is `` (HTML5 nowadays that is).