Photo Sizes

One of the first things you should do when setting up a WP site with WPPA+ is decide what the size will be of the largest photos you want to show to your visitors.

Usually you will use the width of the content area of your theme. If your theme supports a page template without sidebars, you might want to use that for the generic photo album.

In the case of WPs default theme (as per WP version 3.0) TwentyTen the width of the content column is 640 pixels for both the template with and without sidebar.

This site uses a modified version of a daughter theme named ThirtyTen. As there are two sidebars, there is a difference between the width of the content column of the standard and the no-sidebars templates. The sizes are 450 and 640 pixels respectively. (In the un-modified ThirtyTen theme it is 460 pixels.)

So, the widest content area where I will display photos is 640 pixels.
Therefor in the Photo Albums -> Settings admin page I have set Column Width to 640 pixels.

I have also set Full Size to 640 pixels. In rare cases you might wish to set the full size smaller than the column width, for instance when you want to display your standard photos neatly in the center of the column, while they are smaller than the column width.

So, if I put %%wppa%% %%slide=2%% in the text of a post or page, i get the display of the full size images of album #2 in the lay-out of 640 pixels wide. That’s ok as far as i do this on a wide-column template based page. If i want to display it on a narrow-column based template (like the frontpage on this site) there must be something done to force wppa+ to display the whole thing on 450 pixels wide.
Well add %%size=450%% to the command above, and it is automatically scaled to 450 pixels wide, including the fullsize images, while they keep the correct aspect ratio!

In fact, the code on the front page, although not mentioned there, contains also: %%size=450%%

So far, so good. Too many words, now an example:
This line follows:
%%wppa%% %%slide=1%% %%size=250%% %%align=left%%
(You see, it may be on one line, as long as you keep the sequence intact: first %%wppa%% then %%album= or cover= or slide= %% and then %%size=250%%)
It displays the full-size images of album #1, scaled to the virtuel column width of 250 pixels (too small for the page, but as an example how it works).

WPPA+ Tutorial Photo Sizes Eerste album DiavoorstellingMiniaturen
Dit is de beschrijving van het eerste album
Gem. waardering  1 2 3 4 5  U moet ingelogd zijn om te stemmen
«   »

Just like normal inserted photos, you can have text around the display area.

There is an automatic margin between the WPPA+ display frame and the text.
You want it centered on the page? Ok, here is the code:

%%wppa%% %%slide=2%% %%size=300%% %%align=center%%

WPPA+ Tutorial Photo Sizes Tweede albumMiniaturen
Zomaar een ander album
Je kan hier zelfs een link hebben!
Gem. waardering  1 2 3 4 5  U moet ingelogd zijn om te stemmen
«   »

Yet another album!
Gem. waardering  1 2 3 4 5  U moet ingelogd zijn om te stemmen
«   »


Or right aligned? Here we go:

%%wppa%% %%slide=16%% %%size=300%% %%align=right%%

If you’re not dizzy from the three slideshows running at the same time (you can even run them on different speeds…),
have a break befor you continue!

« Previous pageNext page »