Page 1 of 1

Hoe kan ik de Editor ondersteunen (styles, list/detail view, herhalende secties)

Posted: Tue Dec 29, 2020 8:26 pm
by Robert
Hi allen,

Ik gebruik al zo'n 10 jaar CMSMS voor diverse websites, allemaal betrekkelijk eenvoudig. De content wordt door editors van de websites bijgehouden, ik zorg voor de rest. Nu heb ik een iets ambitieuzer project te pakken en ik loop tegen wat dingen aan waarvan ik vind dat het zou moeten kunnen, maar niet kan vinden of dat zo is.

1. Hoe maak ik een soort List / Detail view?
Wat ik voor ogen heb: alle medewerkers hebben een pagina met info en een korte samenvatting. Ik wil dan de samenvattingen op een 'List' pagina tonen en de samenvatting linkt naar de medewerker pagina. (Of vergelijkbaar: een lijst van korte omschrijving van blogpaginas die naar het volledige artikel linken).
Ik vraag me af of hier een soort standaard voorziening of aanpak voor is?


2. Ik heb layout ontworpen waarbij verschillende <section>s onder elkaar op een pagina geplaatst kunnen worden. De layout van de <section> is dmv classes geregeld. Wat is de beste manier om Editors secties te laten invoeren, met de juiste class namen? Kan dat in de TinyMCE editor?
Als dat niet lukt op deze manier, hoe zouden jullie dit dan aanpakken?

-- Robert

Re: Hoe kan ik de Editor ondersteunen (styles, list/detail view, herhalende secties)

Posted: Tue Dec 29, 2020 11:05 pm
by velden
Antwoord op vraag 1: de module LISE

Re: Hoe kan ik de Editor ondersteunen (styles, list/detail view, herhalende secties)

Posted: Thu Dec 31, 2020 3:53 pm
by Rolf
Antwoord op vraag 2: Niet helemaal hoe je het wenst denk ik maar met *template inheritance* kun je verschillende lay-out mogelijkheden voorprogrammeren. De editor kan dan in Content Manager kiezen tussen de verschillende sjablonen. Meer info op mijn blog:
https://cmscanbesimple.org/blog/the-pow ... gn-manager
Uit eigen ervaring kan ik zeggen dat het erg gemakkelijk werkt. Je moet de logica (denkwijze) ervan wel even onder de knie hebben... Ik hoop dat het goed is omschreven.

Re: Hoe kan ik de Editor ondersteunen (styles, list/detail view, herhalende secties)

Posted: Sat Jan 02, 2021 4:50 pm
by Robert
Dank @velden, LISE is een geweldige module. Ik was hem al eerder tegengekomen, maar de korte omschrijving in de Module manager maakt niet echt duidelijk hoe krachtig dit eigenlijk is. Ik vind de documentatie redelijk summier maar heb er toch al een heel aardig resultaat mee bereikt.
Ik plak mijn summary template hieronder. Is {$item->fielddefs.Naam} inderdaad de beste manier om de individuele velden te addresseren? Moet ik hier nog rekening houden met illegale invoer, en cms_escape oid. gebruiken?

Mijn Lise module heb ik 'Medewerkers' genoemd. Ik zie dat de url die er wordt gebruikt voor de linkjes naar de individuele medewerkers LISEMedwerkers in de URL hebben. Is dat eenvoudig aan te passen? (Linkjes zonder LISE)
Ik heb de pretty URLs nog niet ingesteld op mijn ontwikkelomgeving. Kan deze module ook overweg met Pretty URLS?
Het liefst zou ik: https://domein.nl/medewerkers/Jan als URL hebben...

Hieronder het (iets ingekorte) summary template voor alle medewerkers op één pagina.
Opbouwende kritiek is welkom ;)

Code: Select all

{if $items|@count > 0}
<div class="layout-grid contacts">
	<!-- items -->
	{foreach from=$items item=item}
        <!-- item -->
        {if !empty($item->fielddefs)}
            <div class="item">
                <div class="team-photo"></div>
                <a href="{$item->url}" class="contact-team inline-block">
                    <div class="paragraph-bigger">{$item->fielddefs.Naam}</div>
                    <div class="paragraph-light">{$item->fielddefs.Functie}<br>{$item->fielddefs.Rol}&nbsp;</div>
                </a>
            
                <div class="contact-team-details">
                    <a href="mailto:{$item->fielddefs.email}?subject=Informatie" class="contact-email-link">{$item->fielddefs.email}</a>
                    <div class="paragraph-light">{$item->fielddefs.tel}</div>
                </div>

        {/if}
        
        <!-- a href="{$item->url}">Lees meer</a -->
        </div>

    <!-- item //-->
    {/foreach}
<!-- items //-->
</div>
{/if}


Re: Hoe kan ik de Editor ondersteunen (styles, list/detail view, herhalende secties)

Posted: Sat Jan 02, 2021 4:57 pm
by Robert
Rolf wrote: Thu Dec 31, 2020 3:53 pm Antwoord op vraag 2: Niet helemaal hoe je het wenst denk ik maar met *template inheritance* kun je verschillende lay-out mogelijkheden voorprogrammeren. De editor kan dan in Content Manager kiezen tussen de verschillende sjablonen. Meer info op mijn blog:
https://cmscanbesimple.org/blog/the-pow ... gn-manager
Uit eigen ervaring kan ik zeggen dat het erg gemakkelijk werkt. Je moet de logica (denkwijze) ervan wel even onder de knie hebben... Ik hoop dat het goed is omschreven.
Dank voor deze link. Helaas is de site het hele jaar al niet bereikbaar ;) maar ik begrijp de strekking van het mechanisme.
Ik heb nu nog verschillende templates die in de basis kopietjes van elkaar zijn (en elke wijziging moet ik dus in meerdere bestanden doorvoeren) Ik ga binnenkort deze methodiek uitproberen.

Re: Hoe kan ik de Editor ondersteunen (styles, list/detail view, herhalende secties)

Posted: Sun Jan 03, 2021 3:31 pm
by Rolf

[solved] Re: Hoe kan ik de Editor ondersteunen (styles, list/detail view, herhalende secties)

Posted: Sun Jan 03, 2021 4:58 pm
by Robert
Dank voor de input!
Ik heb de templates opgebouwd zoals beschreven in de link van @Rolf. Ik heb zojuist de footer bijgewerkt, en kon dit gewoon op één plek doen, in plaats van knip-en-plak in verschillende templates :D

Ik heb voor mijn editor een pagina gemaakt met verschillende 'feature'' blokken die, als ze gevuld zijn, netjes met de juiste omvattende DIV, plaatjes en classes worden getoond. Op de volgende wijze:

Code: Select all

    {$content2 = "{content block='content2' label='Tweede informatie blok'}"}
    {if !empty($content2)}
    <section id="feature-section" class="feature-section">
        <div class="flex-containerr">
            <div class="feature-image">{content_image block='image2' class="image" label="Image link" }</div>
            <div>
                {$content2}
            </div>            
        </div>
      </section>
    {/if}
Ik heb inmiddels ook een Medewerkers Overzicht en Detail pagina mbv. van LISE. Dit werkt echt heel handig, op deze manier kunnen mijn editors eenvoudig (nieuwe) medewerkers opvoeren en het ziet er nog netjes uit ook.

Ik ben nog wel benieuwd of LISE ook werkt met Pretty URLs, want de linkjes naar de Medewerker pagina zien er niet zo mooi uit (maar ik heb Pretty URL niet geconfigureerd op mijn ontwikkelserver).

Re: Hoe kan ik de Editor ondersteunen (styles, list/detail view, herhalende secties)

Posted: Sat Jan 09, 2021 8:43 pm
by Robert
En om mijn eigen vraag te beantwoorden voor als iemand deze thread later nog eens tegenkomt:
Ik ben nog wel benieuwd of LISE ook werkt met Pretty URLs, want de linkjes naar de Medewerker pagina zien er niet zo mooi uit (maar ik heb Pretty URL niet geconfigureerd op mijn ontwikkelserver).
Dit werkt prima zonder aanpassing: Alle medewerkers hebben automagically een eigen URL in de vorm: https://domein.nl/team/Voornaam-Achternaam
(Waarbij /team de LISE summary en detail pagina is. Pretty URLs geconfigureerd zonder .html)
:D