Support » Algemeen WordPress » thema voor videoclips

  • Ik ben nieuw op WP en zoek naar een thema voor een website waarin ik meerdere (zelfgemaakte) videoclips kan afspelen en daarbij (of via een link) ook een toelichting (en evt. foto’s -galerij-) kan toevoegen. De videoclips wil ik embedded plaatsen (bvb: Youtube, Vimeo).
    Afspelen op mobieltjes en tablets is belangrijk (heet dat responsive?).
    Het mag relatief simpel zijn maar de presentatie moet wel ‘strak’ (gelikt) zijn.
    (ik zoek dus geen blog-thema)

    Ik heb een beetje rondgekeken welk thema hiervoor geschikt kan zijn (o.a. bij fotografie) maar er zijn er wel erg veel.
    Uiteindelijk kwam ik op 2 mogelijkheden: ‘Selecta’ (eenvoudig) en ‘Twenty Fourteen’ (magazine-achtig).
    Ondanks dat ik de bijgevoegde info van diverse thema’s heb gelezen, heb ik weinig idee (ervaring) in hoeverre ik de thema’s zelf nog kan aanpassen (bvb breedte/hoogte van menu’s). Heb wel redelijke kennis van html, css, etc.)

    Concreet: Voor diegenen die wat bekender zijn met de vele thema’s: Heb ik nog een ander geschikt thema (video, responsive) over het hoofd gezien?

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • 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. ==

    7. 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*/

    Thread starter Herman99

    (@herman99)

    Bedankt voor je uitvoerige informatie WP Ginfo.
    Sorry voor de late reactie ik was een beetje druk ivm met een deadline. En zoals je ziet leef ik nog 🙂 .

    Ik heb het globaal doorgenomen maar nog geen tijd gehad je info uit te proberen in mijn WP. Ik ben o.a. benieuwd hoe ik de html en css kan benaderen. Die staan dus ergens in een map. Veranderen zal waarschijnlijk geen probleem zijn.
    Die “childtheme-plug-in” lijkt me wel belangrijk. Daar moet ik dus eigenlijk mee beginnen.

    Vooraf:
    Ik heb er voor gekozen om op mijn eigen PC te werken en heb daarom een lokale server geinstalleerd (incl. PHP en MySQL). En daarop vervolgens WP. Ik ben overigens bekend met FTP en gebruik ook Filezilla. Ook weet ik redelijk wat van HTML en CSS. Ik heb eerder mijn eigen site gebouwd en het is flink wennen met WP. Vooral het Dashboard is voor mij nog tamelijk vaag. Ik vraag me bvb af hoe ik een structuur van de site moet opzetten en hoe je dat dan met ‘linken’ doet (ik maakte altijd eerst een schema van de pagina’s met de ‘linken’ -en het menu- op papier). Die structuur kan ik met het Dashboard niet voor ogen krijgen.
    Het is een totaal andere manier van denken, structureren en werken en ik voel me er nog tamelijk ongemakkelijk bij 🙂
    Maar dat is waarschijnlijk een kwestie van tijd.

    Thema:
    Inmiddels heb ik al een beetje gespeeld met WP en diverse manuals doorgelezen die op WP staan.
    Daarna heb ik flink wat thema’s bekeken en uiteindelijk gekozen voor het thema Fifteen (Inkhive) vanwege diverse functionaliteiten, o.a. responsive. Visueel vond ik vooral de layout van de voorpagina met zijn 9 vensters (zie de demo: http://demo.inkhive.com/fifteen/) passen bij wat ik wil presenteren: nl mijn eigen videoclips.
    (ik wil eigenlijk geen blogsite maar een ‘statische’ site)

    Onder de 9 vensters (na klikken) staan in de demo foto’s en er is plaats voor tekst. Ik vroeg me dus af of ik daar met veranderingen in de html (en de css) ook mijn videoclips die ik via Vimeo wil embedden kon plaatsen. Dat wilde ik eerst zeker weten voordat ik er aan begon.
    Aangezien ik er niet uit kwam heb de vraag aan Inkhive gesteld en die gaf me het volgende antwoord:
    “Videos can be embedded in the posts of the theme with a link at the homepage.”

    Probleem;
    Eigenlijk snap ik dat niet goed (lees: helemaal niet 🙁 ). Betekent het dat ik mijn eigen video’s moet posten en dat ik dus de blogfunctie moet behouden? Met mij als enige blogger als het ware. Dat wordt nog gezellig ;).
    Maar goed, als dat ergens in te stellen is, is dat voor mij geen probleem.

    Heb jij zin en de tijd om daar eens naar te kijken?
    Als je wilt kan ik je ook een link sturen naar mijn zelfgemaakte, huidige (nu non-actieve) website. Dan krijg je een idee wat ik voor ogen heb en wat ik doe.

    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

    Thread starter Herman99

    (@herman99)

    Dank je Ginfo.
    Ik heb m’n hoed stevig vastgehouden, moest ook wel met dat stormachtige weer.
    Ik ga er aan werken.

    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?

    @ctuxboy, FYI, het is gebruikelijk eigen vragen in een eigen thread te stellen. Dat maakt beantwoording eenvoudiger en voorkomt verwarring 😉

    Er zijn vast veel verschillende manieren om dit op te lossen… dit is wat ik denk..
    Ik ben geneigd met lijstjes van links / thumbnails te starten.
    Dat is heel gebruikelijk in youtube en dus vertrouwd voor gebruikers.
    Voordeel is verder bijv. Dat gebruikers in één oogopslag zien ‘waar ze zitten’ in het programma. Verder kunnen ze teruggrijpen naar eerdere en vooruitspringen naar volgende items… Ik verwacht dat met gebruik van cookies het mogelijk moet zijn bij te houden voor elke klant wat ze eerder hebben bekeken…

    @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

    Da’s ook een mogelijkheid van WP, maar ik zie niet zo direct hoe dat jouw vraag beantwoord / probleem oplost.

    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

    @christophe, Veel succes. Willem

    @willem bedankt 😉

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Het onderwerp ‘thema voor videoclips’ is gesloten voor nieuwe reacties.