Naar inhoud springen

FR Columns/en: verschil tussen versies

Uit KB Van Loenhout
Geen bewerkingssamenvatting
FuzzyBot (overleg | bijdragen)
Bijgewerkt vanwege een nieuwe basisversie van de bronpagina
Regel 17: Regel 17:
[[File:Columns.png|left|387x387px|Columns]]
[[File:Columns.png|left|387x387px|Columns]]


'''Title:''' Provide a short, clear title
'''Column title:''' Provide a short, clear title


'''Contents:''' Use the [[Special:MyLanguage/WYSIWYG editor|WYSIWYG editor]] for formatting, text, images, etc.
'''Column content:''' Use the [[Special:MyLanguage/WYSIWYG editor|WYSIWYG editor]] for formatting, text, images, etc.


'''Page link:''' If desired, you can create a page link in this column
'''Page link:''' If desired, you can create a page link in this column
Regel 38: Regel 38:


[[File:Styles.png|left|399x399px|Styles]]
[[File:Styles.png|left|399x399px|Styles]]
'''Font:''' Choose from the included fonts
'''Font family:''' Choose from the included fonts


'''Font size:''' Choose from the available sizes; clear a selected size to display the drop-down list again
'''Font size:''' Choose from the available sizes; clear a selected size to display the drop-down list again


'''Text color:''' Click the color swatch, select a color, or enter a (hex) value. Also specify the level of transparency. Or use the default.
'''Font color:''' Click the color swatch, select a color, or enter a (hex) value. Also specify the level of transparency. Or use the default.


'''Font weight:''' Choose from the available weights; clear a selected weight to display the drop-down list again
'''Font weight:''' Choose from the available weights; clear a selected weight to display the drop-down list again
Regel 51: Regel 51:


'''Text alignment:''' Choose one of the provided options.
'''Text alignment:''' Choose one of the provided options.
<div lang="nl" dir="ltr" class="mw-content-ltr">
=== Voorbeeld ===
In onderstaand voorbeeld is FR Columns gebruikt voor een portfolio pagina. Elke kolom bevat een link naar een foto album, gemaakt met FR Gallery.
</div>
<div lang="nl" dir="ltr" class="mw-content-ltr">
[[Bestand:Portfolio.png|alt=Portfolio: FR Columns + FR Gallery|920x920px]]
</div>

Versie van 18 jul 2026 08:37

FR Columns is a module that allows you to create multiple columns within a page section.

You can use a column for formatted text, or as an entry point to, for example, a photo gallery.

For each column, you can also specify a header and a link to an internal page.

You can configure the styles on three different levels:

  • globally, across the entire website;
  • by section;
  • by column.

Columns

Columns
Columns

Column title: Provide a short, clear title

Column content: Use the WYSIWYG editor for formatting, text, images, etc.

Page link: If desired, you can create a page link in this column

Link text: Enter a short, clear link text

Style overrides:​​​​​​​ If desired, you can set a different style for this column

Styles

You can configure the styles on three different levels:

  • Global, website-wide: In the section screen, select the Open Global Settings button;
  • Per section: In the section screen, go to the Section Styles section;
  • Per column: In the section screen, open the desired column or create a new one, and go to the Style Overrides section.
Styles
Styles

Font family: Choose from the included fonts

Font size: Choose from the available sizes; clear a selected size to display the drop-down list again

Font color: Click the color swatch, select a color, or enter a (hex) value. Also specify the level of transparency. Or use the default.

Font weight: Choose from the available weights; clear a selected weight to display the drop-down list again

Background color:Click the color box, select a color, or enter a (hex) value. Also specify the level of transparency. Or use the default.

Padding: Choose from the provided distances; clear a set distance to display the selection list again.

Text alignment: Choose one of the provided options.

Voorbeeld

In onderstaand voorbeeld is FR Columns gebruikt voor een portfolio pagina. Elke kolom bevat een link naar een foto album, gemaakt met FR Gallery.

Portfolio: FR Columns + FR Gallery