Ondersteuning » Algemeen WordPress » WYSIWYG Editor optie

  • Hallo,

    Ik zit met een klein probleempje.
    Ik heb een thema gemaakt voor iemand en deze persoon heeft verder geen verstand van html-/css en dit wordt zijn eerste keer met WP dus is hij aangewezen op de WYSIWYG Editor (view) in het admin gedeelte.

    Geen probleem dacht ik zo, ik heb al veel van de codes zo aangepast dat hij zonder mijn hulp straks overal pagina’s, blogposts, afbeeldingen en teksten kan gaan toevoegen door enkele simpele stappen uit te voeren in het admin gedeelte.

    Alleen er is één klein probleempje, waar ik miss. overheen kijk omdat ik zelf nooit met deze WYSIWYG editor werk maar in HTML view.
    Ik wil de content div ( .entry-content ) opdelen in twee kolommen en het liefst wil ik dit handmatig doen in het admin gedeelte.
    Zodat de gebruiker kan kiezen hoeveel content in de linker kolom komt en hoeveel aan de rechter kant.

    Niet elke pagina is het zelfde in de breedte, de ene pagina is maar één content kolom breed en de andere is 2 kolommen breed. (zoals in de image hieronder)

    Dit is het voorbeeld van 2 kolommen die ik gemaakt hebt.
    image

    Code ziet er zo uit.

    <div class="content-col-left">
    <p>teksten aan de linker kant</p>
    <p>blablabla</p>
    <p>ladida ladida</p>
    </div>
    
    <div class="content-col-right">
    <p>teksten aan de rechter kant</p>
    <p>meer teksten..</p>
    </div>
    .content-col-left { float: left; width: 265px; margin: 0 35px 35px 0; }
    .content-col-right { float: right; width: 265px; margin-right: 35px; }

    Wat ik nu graag wil is in de WYSIWYG editor een button maken waarop deze persoon kan klikken en dat er dan in zijn input veld <div class=”content-col-left”></div> terecht komt zodat hij tussen deze div’s in met een P zijn content kan plaatsen.

    Wie iemand hoe ik dit voor elkaar krijg?
    Ik heb al eens naar de plugin’s zitten kijken en kwam uit bij deze plugin.
    TinyMCE
    Maar na activeren heeft dit zoveel opties dat ik totaal niet zie wat ik nu wel of niet moet selecteren.
    Ik zeg wel dat deze een table tag heeft met een pop-up zodat je met row span en col span kan werken, als we dit zelfde nu eens hadden maar dat met div stijlen zou me dat heel erg blij maken..

    Iemand een idee?
    Alvast bedankt voor het lezen van deze lap tekst.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Ik zou de plugin Multiple Content Blocks gebruiken, en een template maken met een kolom, en een template met twee kolommen.

    Thread starter Jaja..

    (@jaja-1)

    Oke,

    Dat klinkt handig ja..

    Ik ga het eens uitzoeken, bedankt..

    Thread starter Jaja..

    (@jaja-1)

    Dit is jammer deze content blocks code mag je niet gebruiken inside the loop.

    Het wekt wel er buiten..

    Wat ik ook gevonden had waren custom-posts of zoiets.
    Maar het nadeel is dat als je via dat soort trucjes bepaalde stukken code in gaat laden dat je dan niet meer binnen-in-die code kan typen.

    Laten we zeggen ik ga dit stukje html-code inladen <div class=”left”>12345</div> dan kom ik daarna nooit meer op de plek terecht waar 12345 staat om content toe te voegen.

    Wat ook jammer is van die TinyMCE Advanced plugin de functie “Insert predefined template content” er niet in zit terwijl je die wel op de site van MCE kan testen en dat is precies wat ik nodig heb.

    Klein handig pop-up gevalletje op een zelfde manier als dat je aan table gaat toevoegen alleen met diva’s.
    MCE
    onderste rij – 4de van rechts dat is de functie die ik nodig denk te hebben.

    Thread starter Jaja..

    (@jaja-1)

    Voor mensen die met het zelfde probleem zitten..

    Dit is de oplossing!

    Secondary HTML content Plugin
    Dit is een plugin die je in staat stelt om t/m 5 extra content invoer blokken toe te voegen aan zowel pages als posts pagina’s in je admin gedeelte.

    Ik heb het alleen nodig voor de pages, omdat alle blog-posts pagina’s maar single column zijn.

    Maar dit is ver weg de meest simpele oplossing en de beste!

    <div class="entry-content">
    <?php the_content(); ?>
    
    <?php the_secondary_content(1); ?>
    <?php the_secondary_content(2); ?>
    <?php the_secondary_content(3); ?>

    Met deze code heb ik 4 invoer blokken in mijn admin. Precies zoals ik graag wilde..
    Top!

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘WYSIWYG Editor optie’ is gesloten voor nieuwe reacties.