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

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Post Reply
Robert
Forum Members
Forum Members
Posts: 15
Joined: Fri Jun 21, 2013 8:38 pm

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

Post 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
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

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

Post by velden »

Antwoord op vraag 1: de module LISE
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

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

Post 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.
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
Robert
Forum Members
Forum Members
Posts: 15
Joined: Fri Jun 21, 2013 8:38 pm

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

Post 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}

Robert
Forum Members
Forum Members
Posts: 15
Joined: Fri Jun 21, 2013 8:38 pm

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

Post 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.
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

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

Post by Rolf »

- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
Robert
Forum Members
Forum Members
Posts: 15
Joined: Fri Jun 21, 2013 8:38 pm

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

Post 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).
Robert
Forum Members
Forum Members
Posts: 15
Joined: Fri Jun 21, 2013 8:38 pm

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

Post 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
Post Reply

Return to “Dutch - Nederlands”