Stijlzicht

Dit is een overzicht van de vormgeving zoals die op deze website is toegepast.

Koptekst 1

Alinea of paragraaf, gevuld met Lorem Ipsum tekst. En een afbeelding. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Koptekst 2

Alinea of paragraaf, gevuld met Lorem Ipsum tekst. En een ongeordende lijst.
Stijl van de broodtekst:
lettertype: ‘Droid Sans’, Arial, sans-serif; standaard
lettergrootte: 13px | regelhoogte: 1.4 em;
kleur: #000000; (zwart)

  • lijst: ongeordend
  • lijst padding
  • lijst marge
  • item padding
  • regelhoogte

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Koptekst 3

Alinea of paragraaf, gevuld met Lorem Ipsum tekst. En een geordende lijst. Lorem ipsum dolor sit amet, consectetur adipisicing elit,

  1. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  2. Ut enim ad minim veniam,
  3. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Koptekst 4

Alinea of paragraaf, gevuld met Lorem Ipsum tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Koptekst 5

Alinea of paragraaf, gevuld met Lorem Ipsum tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Koptekst 6

Alinea of paragraaf, gevuld met Lorem Ipsum tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Breedte broodtekst = 450 pixels


Testen van shortcodes
De plugin Shortcodes Ultimate voegt een hoop mogelijkheden toe om de layout van een pagina aan te passen. Hieronder staat een overzicht.

[US] all

Beschikbare opties op 6 july 2016 (klikken toegestaan)

Deze opties zijn ook nog met CSS vorm te geven. Die CSS vormgeving werkt natuurlijk voor de hele site, niet per pagina. Later meer over het stijlen.

Onderstaande shortcode is de Accordion, handig voor overzicht waar veel informatie geboden wordt.

Hoe shortcodes te gebruiken
[US] voeg inBoven het werkvenster staan een knop om een keuze te maken uit de vele mogelijkheden. Dit is handig voor shortcodes die klaar zijn voor gebruik.

In het linker menu (Dashboard) is het item ‘<> Shortcodes’ te vinden. Hierin staan , voorbeelden en andere uitleg. Het is nog niet duidelijk welke WordPress rollen die menu-item kunnen zien.

Shortcode vormgeven

Zie menu-item <> Shortcodes.

Er zijn veel instellingen uitgewerkt, die makkelijk kunnen worden gekopieerd en geplakt. In deze Accordion zit de variatie bijvoorbeeld in: style=”fancy” icon=”caret”

CSS stijlen toevoegen

Komt…

Kader maken
Er zijn verschillende opties voor een kader. 
Plugins en Widgets

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

  • Tweets [plugin Twitter of plugin Twitter Widget Pro] MensenrechtenHU + 303504734747234304 +
  • Over ons: info
  • Zoeken
  • Laatste nieuws: 10 berichten
  • Tags
  • Inloggen
Openingspagina

De vormgeving: een front page, met rubrieken (rond een zestal thema’s) met de headlines en intro’s van de verhalen en audio- en videoproducties, zodat je erop kan klikken – en het laatste nieuws binnen iedere rubriek prominent.

Ook een aparte sectie met algemeen nieuws over mensenrechten, dus korte nieuwsberichten. Er komt ook nog een rubriek met Opinie (stellingen). En wellicht nog een met ‘wie is wie?’ in mensenrechtenland (organisaties e.d., met weblinks). Dus totaal zitten we dan wel aan de negen a tien rubrieken / categorieën. Ik leg het zo gedetailleerd uit, vanwege de vormgeving. Het lijkt logisch dat nieuws er anders uitziet dan opinie, qua kleur, lettertype e.d.

Je kent het idee wel: alles is zo makkelijk te vinden op de voorpagina. Het laatste nieuws krijgt wat meer aandacht, maar de oudere producties zijn niet ondergesneeuw en onvindbaar.
Ook een aparte Engelstalige rubriek met de vertaalde grote verhalen van de studenten.

Vormgeving
  • Theme: silver MR [toont verschillende rubrieken op openingspagina]
  • [child theme van silverOrchid]
  • Featured Category 1: binnenland
  • Featured category 2: buitenland
  • Featured category 3: column
  • Featured category 4: achtergrond
  • Featured category 5: organisaties
  • Het template is ingericht op minimaal één (uitgelichte) afbeelding per artikel.
Redactie
  • docenten: redacteur
  • actuele redactie: redacteur
  • ex-redactie: schrijver
Plugin/ReadMe

=== Shortcodes Ultimate ===
Contributors: madfork, gn_themes
License: GPL
Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=MMA2VA7JDXWDY
Tags: shortcode, shortcodes, short code, video, responsive, responsive video, youtube, vimeo, audio, mp3, tab, tabs, button, buttons, jquery, box, boxes, toggle, spoiler, column, columns, services, service, pullquote, list, lists, images, image, links, fancy, fancy link, fancy links, fancy buttons, jquery tabs, accordion, slider, plugin, admin, gallery, bloginfo, list pages, sub pages, navigation, siblings pages, children pages, permalink, permalinks, feed, document, member, members, guests, membership, documents, carousel, rss, touch, icon, icons, trl, right-to-left, multilingual, lang, international
Requires at least: 3.5
Tested up to: 4.5
Stable tag: trunk

Supercharge your WordPress theme with mega pack of shortcodes
== Description ==

[Shortcodes Ultimate](http://gndev.info/shortcodes-ultimate/) is WordPress plugin that provides mega pack of shortcodes. This is really premium plugin that you can get absolutely for free!

With this plugin you can easily create tabs, buttons, boxes, different sliders, responsive videos and much, much more. Turn your free theme to premium in just a few clicks. Using Shortcodes Ultimate you can quickly and easily retrieve premium themes features and display it on your site. See screenshots for more information.

= Premium Add-ons =
* [Extra Shortcodes](http://gndev.info/shortcodes-ultimate/extra/) – 15+ additional shortcodes
* [Additional Skins](http://gndev.info/shortcodes-ultimate/skins/) – 60+ additional skins for plugin shortcodes
* [Shortcode Creator](http://gndev.info/shortcodes-ultimate/maker/) – allows you to create your own custom shortcodes
* __[Add-ons Bundle](http://gndev.info/shortcodes-ultimate/add-ons-bundle/)__ – All-in-one, $15 OFF!

= Features =
* 50+ amazing shortcodes
* Shortcode Generator
* Modern design
* Fully responsive
* CSS3-powered
* Custom CSS editor
* Custom widget
* Multilingual
* RTL support
* Works with any theme
* Easily extendable

= Never stop learning =

* [40+ Reasons Shortcodes Ultimate Is A Must Have Plugin](http://www.the-best-web-hosting-service.com/blog/2014/01/ultimateshortcodesreview/)
* [Show Me the Shortcode](http://thewpchick.com/show-shortcode/) + Video
* [Shortcodes Ultimate: Ultimatize your written content](http://wisdmlabs.com/blog/how-to-style-wordpress-themes-with-shortcodes-ultimate/)
* [Shortcodes Ultimate Plugin Review](http://kevindankowebdesign.com/shortcodes-ultimate-plugin-review/)
* [Add 4s0+ New Layout Features To WordPress with Shortcodes Ultimate](http://www.makeuseof.com/tag/add-40-new-layout-features-wordpress-shortcodes-ultimate/)
* [Shortcodes Ultimate – Free Shortcode Plugin For WordPress](http://www.wordpress-masterclass.com/shortcodes-ultimate-free-shortcode-plugin-for-wordpress/)
* (Video) [Supercharge WordPress With A Mega Pack Of Shortcodes!](https://www.youtube.com/watch?v=h5hlJb0mSSY)
* (Video) [Shortcodes Ultimate Tutorial](http://www.youtube.com/watch?v=IjmaXz-b55I)
* (Video) [How to use special widget](http://www.youtube.com/watch?v=YU3Zu6C5ZfA)
* (Video) [How to create image gallery](http://www.youtube.com/watch?v=kCWyO2F7jTw)
* (RU) [Обзор плагина Shortcodes Ultimate](http://rad-dom.ru/shortcodes-ultimate/)
* (RU) [Shortcodes Ultimate — плагин неограниченных возможностей](http://altacademic.ru/shortcodes-ultimate/)
* (RU) [Шорткоды WordPress](http://somemoreinfo.ru/shortkody-wordpress-ot-anoxina/)

= Requirements =
* WordPress 3.5+
* PHP 5.1+

= Got a bug or suggestion? =
* [Support forum](http://wordpress.org/support/plugin/shortcodes-ultimate/)
* [Documentation](http://gndev.info/kb/)
* [Contact author](http://gndev.info/feedback/) (please *DO NOT* use this form for support requests)

Vragen, op- of aanmerkingen?

Plaats een reactie.