thema voor videoclips

Hi Herman,

Zoals je zelf al ondervonden hebt zijn er heel veel [vele 10-duizenden…] thema’s en dus echt ‘voor ieder wat wils’. Da’s mooi, maar… Dat geeft echter ‘keuze-stress’ 😉 als je niet oppast.

Ik ga ’t nog veel erger [of juist niet…] maken! ;D
Voor ALLE thema’s geldt dat je ze na installatie vervolgens naar eigen inzicht kan aanpassen. daarmee worden de mogelijkheden inderdaad letterlijk eindeloos. Zeker als je de verschillende plugins, widgets etc. ook nog in ogenschouw neemt.

== == ==
WP geïnstalleerd: en wat nu…?

1. bepaal wat voor een soort / type site je wilt hebben
2. voor wie de site bedoeld is en welke wensen en eisen je ‘gebruikers’ hebben
3. bekijk welke zaken daarbij horen / passen op het gebied van

• uiterlijk: indeling, vorm, kleuren etc.
• functionaliteit: blog, krant, webwinkel, vereniging etc.
• etc. etc.

• ga op zoek naar een THEMA dat zoveel mogelijk past bij het bovenstaande
• maak je niet druk om kleuren, lettertypen etc. Die zijn eenvoudig aan te passen mbv CSS
• richt je vooral op layout / opbouw van de pagina’s / berichten
• kijk daarna op de benodigde functionaliteit van de meest favoriete thema’s
• probeer wat thema’s uit; WP heeft vele 10.000-den gratis thema’s, die doorgaans van goede kwaliteit zijn. Begin daar maar eens mee.
• Installeer thema’s mbv je dashboard, kijk rond en probeer of ze voldoen aan je wensen, aanpasbaarheid etc.
• ben je niet tevreden? Niks aan de hand! gewoon een volgend thema installeren en activeren om te kijken of dat beter is. De INHOUD van je site blijft gewoon in orde… no worries.
• Heb je een mooi thema [definitief] gevonden? Joepie!
• installeer nu eerst een childtheme zie onderaan
• childtheme geinstalleerd? >> Tijd om de ’toeters en bellen’ te installeren zoals widgets, social media, formulieren, etc. etc. Leef je uit

EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO EXTRA INFO

== == == Heb je nog geen childtheme?

1. installeer en activeer ‘one click childtheme’-plug-in
2. activeer de originele theme
3. Dashboard > weergave > child theme
4. beantwoordt de vragen op het scherm
   >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
5. Activeer het childtheme.

==

6. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
   – Maak je aanpassingen in style.css van het childtheme;

• Gebruik een FTP-programma bijvoorbeeld filezilla om je site te benaderen
• open de map van je childtheme
• gebruik een code-editor bijv. ‘NOTEPAD++’ [gratis] om het bestand ‘style.css’ van je childtheme te bewerken
• voeg bovenstaande code toe aan ‘style.css’ van je childtheme > sla alle wijzigingen op
• UPload de aangepaste ‘style.css’ naar de map van je childtheme [en overschrijf]
• browser: druk <CTRL-F5> om je browser te verversen
• bekijk het resultaat

– mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

== == == Extra

Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen,rechtsklik en kies ‘element inspecteren’.

Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren, layout etc. aanpassen.

== == == extra:Zo werkt een [CT] childtheme…

Een CT dient er voor om het origineel te scheiden van de aanpassingen die jij als webbouwer maakt.
Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.
== == ==
Wat gebeurt er met de CSS [cascading opmaak / stijlblad] een childtheme…

In een childtheme [en CSS] geldt dat de code die als laatste wordt uitgevoerd, het uiterlijk / acties van de site bepaalt.
bijvoorbeeld:

body{ background-color: #ffffff; /*wit*/
       background-color: #000000; /*zwart*/
}

Resultaat: ‘zwart’.
Dat geldt ook als de opmaakkenmerken 100 regels verderop in het stijlbestand staan!

** ** **
Heb je een CT, dan zal EERST het origineel [parent] doorlopen / getoond worden, DAARNA de opdrachten opgenomen in het CHILDtheme. >>Dat gaat RAZENDSNEL: de site ziet er uit als bedoeld in het childtheme.

Belangrijk om te weten…
De site bestaat uit meer dan een bestand als style.css.
Wil je andere zaken aanpassen, bijv de header of footer, dan moet je mogelijk de bestanden header.php en footer.php aanpassen.
Hoe werkt dat…

LAAT de PARENT INTACT!
Kopieer het aan te passen bestand naar de map van het childtheme.
Maak dan de wijzigingen in het betreffende bestand in het childtheme.

== == ==

als ik nu iets wil toevoegen aan style.css dan zet ik dat in het childtheme ,maar als ik nu iets wil verwijderen of veranderen?

Om succesvol te werken aan een website is het belangrijk dat je de basisbeginselen onder de knie krijgt van HTML en CSS. Je hoeft geen expert te worden, maar met wat basiskennis gaat het een stuk makkelijker 😉

De stylesheet van het CT heeft in de basis alleen een ‘kop’ die de koppeling maakt met de parent [het originele theme].
Zolang er niks in staat, gebeurt er niks.

Vervolgens plaats je de gewenste wijzigingen.
Hieronder wat voorbeelden.

Parent:

body {
     font-size: 62.5%; /*grootte van de tekst*/
     background: #fff; /*achtergrondkleur*/
     background-image:url('achtergrond.gif');
        font-family: sans-serif; /*lettertype*/
     line-height: 22px; /*regelafstand*/
     color: #444; /*tekstkleur*/
}

CHILD
Vervolgens hoef je alleen DIE zaken aan te passen of toe te voegen die jij wilt.

body {
     font-size: 45.5%; /*grootte van de tekst kleiner*/
     background: #0000FF; /*achtergrondkleur veranderd*/
     background-image:none; /*achtergrond-afbeelding verwijderd*/
        font-family: universe; /*ander lettertype*/
     line-height: 12px; /*regelafstand kleiner*/
     color: #99cc66; /*tekstkleur appeltjes groen*/
        margin-left:25px; /*marge-links toegevoegd*/
}

Wil je zaken VERWIJDEREN zoals menu-balken, elementen in de lay-out, dan kijk je waar je dat het handigst doet:

• mbv CSS
• door het PHP-bestand aan te passen

Je vertelt niet wat je NIET wilt met een element, maar wat je dan wel wilt

background-image:none; /*achtergrond-afbeelding verwijderd*/

Hi Herman,

WP werkt idd heel anders dan een traditionele HTML-website.
Nou daar gaat ie dan… houd je hoed vast.
Hier een paar ‘weetjes en verschillen’:

• WP heeft een CMS [contentmanagementsysteem = dashboard] als basis.Daarmee wordt de INHOUD [jouw teksten, foto’s etc.] gescheiden van de OPMAAK=theme en techniek=wp-bestanden.

Voordelen o.a.:

1. Je kan mbv een theme, snel en relatief eenvoudig, het UITERLIJK van je site veranderen, ZONDER dat dit gevolgen heeft voor de INHOUD [jouw teksten, foto’s etc.].
2. Een ander belangrijk voordeel is dat ook thema’s, plugins, widgets etc [‘de techniek’] -omdat het gescheiden is- van de inhoud eenvoudig onderhouden en geupdate kan worden

• Zoals je wrsch weet gebruiken websites o.a. CSS-stylesheets om het uiterlijk te bepalen / veranderen. Dat geldt voor HTML en CMS-sites.
• het gekozen theme is in feite het skelet van de site. Waar dat traditioneel een zaak van HTML en CSS inkloppen was, wordt dat nu ‘achter de schermen’ verzorgd. Natuurlijk kan je dat allemaal zelf aanpassen, maar in de basis hoeft de gebruiker van WP zich hierover geen zorgen te maken…
• Heb je een theme gekozen voor je site, en wil je zaken aanpassen aan je wensen [kleur, lettertype, opmaak etc.] dan kan je dat doen door de ‘style.css’ aan te passen.
• probleem is wel, dat bij upgrades en updates van de theme-auteur zijn en jouw aanpassingen aan CSS en andere bestanden wordt overschreven. Daarom is het gebruik van een CHILDtheme heel belangrijk!

Belangrijke verschillen…

WP maakt onderscheid tussen berichten en pagina’s.
Ja ze zien er ogenschijnlijk hetzelfde uit, maar er is een belangrijk verschil… er kunnen meerdere berichten op één pagina staan… omgekeerd kan niet.

De homepage…
Ook hier zijn er twee soorten homepage:

1. statische homepage – een PAGINA met een tekst [met afbeelding /media etc.] die niet ‘vanzelf’ verandert
2. dynamische homepage – een PAGINA die -dynamisch- de meest recente berichten / video’s / foto’s etc. toont. Deze inhoud wordt dus uit de database opgevist en op de homepage getoond. De bezoeker kan doorklikken op de content van zijn keuze.

• de door jouw gekozen theme heeft -net al alle themes- beide opties
• de getoonde homepage is dynamisch / ‘blog’ ~ongeveer vergelijkbaar >> de meest recente foto’s worden getoond

== == == Hoe komen die foto’s daar dan terecht…;-)

>>Door het maken van BERICHTEN!!! [DUS NIET PAGINA’S!]
Pagina’s zijn [te] statisch..;) De meeste sites hebben allen een contact / over mij PAGINA en de rest is dynamisch…

== == == Hoe dan groeperen en sorteren… hoor ik je denken
>> door het gebruik van ‘categorieën’ en ’tags’
Maak categorieen aan om je content te clusteren van je foto’s / video’s.
Bijvoorbeeld:

• natuur
• evenementen
• hobbies
• popconcerten
• etc.

1. Maak nu je BERICHT aan
2. geef aan in welke categorieen [1 0f meer] het thuishoort = het getoond moet worden
3. geef TAGS aan het bericht, zodat het makkelijk gezocht + gevonden kan worden

Maak nu in het dashboard, menu-items van de door jou gemaakte categorieeen.
>> De gebruiker klikt het menu-item en ziet uitsluitend de berichten met die categorie

== == == jouw video-situatie…

1. maak een leuk screenshot van de video
2. maak een -reeks van- berichten: titel – verhaaltje – video
3. plaats het screenshot als ‘uitgelichte afbeelding’ (dashboard rechts-onder)… >> het screenshot wordt op de homepage getoond en boven het bericht op de berichtpagina.

Eea is in grote lijnen hetzelfde ongeacht de bron [zelf gemaakt, youtube, vimeo etc]

Je doet een localhostversie… dus ga lekker experimenteren.
Veel plezier,
Willem

Ik ben ook een nieuwe WP gebruiker en heb heel veel opgestoken van dit topic.
In een mum van tijd heb ik door bovenstaande info te lezen, heel snel door hoe WP grotendeels werk.

Ik ben eigenlijk ook op zoek naar een thema om video’s per gebruiker te kunnen presenteren. Zie topic over ‘Fitness Coach’ van enkele dagen geleden.
Fitness coach beschikt over 300-tal filmpjes en wil een persoonlijk fitness-programma per ingelogde klant/gebruiker aan de hand van deze filmpjes.

Dus als ik het goed begrijp, is in mijn geval, ieder filmpje een bericht.
Maar hoe toon ik nu bepaalde filmpjes aan een ingelogde gebruiker? Iedere gebruiker heeft een ander persoonlijk fitness-programma, maar meerdere gebruikers kunnen wel hetzelfde filmpje in hun programma hebben.

Hoe los je zoiets op?

@w.P.Ginfo,

Mijn excuses om bericht in verkeerde topic te plaatsen. Zal er in de toekomst rekening mee houden.

Bedankt voor de info.

Ergens gelezen dat je iedere pagina kan beveiligen met een wachtwoord. Dit kan een mogelijke oplossing zijn.

Christophe

Mogelijke oplossing: Als de Fitness coach (Admin) een fitnessprogramma aan de hand van een video-gallerie pagina opmaakt voor een klant en deze pagina beveiligd met een wachtwoord en vervolgens het wachtwoord van deze pagina doorgeeft aan de klant.

Er bestaan inderdaad betere en efficiëntere oplossingen, maar denk dat dit de meeste eenvoudige is.

Christophe

@willem bedankt 😉