Iemand die weet hoe WYSIWYG view werkt. | WordPress.org Nederlands

Jaja..
(@jaja-1)

12 jaren, 7 maanden geleden
Jesus wat zijn het drama dingen om mee te werken!

Ik wil een website kant en klaar maken voor iemand die geen verstand heeft van HTML maar wel graag met twee kolommen wilt werken binnen zijn content-entry div.

Nu had ik er een plugin voor gevonden maar die maakt natuurlijk een zooitje je broncode.

Nu heb ik het gevonden hoe je het zou moeten kunnen doen via de TinyMCE Styles.
```
function themeit_mce_buttons_2( $buttons ) {
  array_unshift( $buttons, 'styleselect' );
  return $buttons;
}
add_filter( 'mce_buttons_2', 'themeit_mce_buttons_2' );
function themeit_tiny_mce_before_init( $settings ) {
  $settings['theme_advanced_blockformats'] = 'p,a,div,span,h1,h2,h3,h4,h5,h6,tr,';
  $style_formats = array(
      array( 'title' => 'Add Columns' ),
      array( 'title' => '&larr; Column',      'block'    => 'div',  'classes' => 'content-col-left' ),
      array( 'title' => '&rarr; Column', 'block'    => 'div',  'classes' => 'content-col-right' )
  );
  $settings['style_formats'] = json_encode( $style_formats );
  return $settings;
}
add_filter( 'tiny_mce_before_init', 'themeit_tiny_mce_before_init' );
```
Deze code in je functions.php en alles werkt alleen kom ik maar niet uit de eerste kolom.
En WordPress zou WordPress niet zijn als het niet kan herkennen dat Paragrafen niet opnieuw met een Left-column zouden moeten beginnen.

Stel ik type deze content met een spatie tussen de regel.
Dus na “drukkerij- en zetterijwezen.” sluit normaal de P tag. Dan de standaard margin-bottom die aan de content P zit en dan begint een nieuwe P tag voor de onderste paragraaf.

Dit is de linker kolom, Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen.

Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.

Nu type ik dit en selecteer ik alles!
En druk dan op Styles > <- Linker kolom.
Dit werkt perfect alleen als ik in de HTML view kijk zie ik dat WordPress automatisch waar normaal de P’s zouden moeten sluiten (tussen de paragrafen) daar sluit hij de DIV van de Linker col.
Dus eigenlijk maar nu nu twee keer achter elkaar een linker kolom aan.

Zwaar irritant gewoon dat WordPress niet kan kerkeren dat er Paragrafen zijn.

Dit is nog niet het ergste stel ik heb het in orde.
Linker-kolom div is klaar dan wil ik UIT die linker-kolom div.

Om dan weer opnieuw een verhaaltje te typen en deze dan weer te selecteren en als rechter-kolom te selecteren.
Maar je komt gewoon niet meer uit die eerste linker div style.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)

Marcel Pol
(@mpol)

12 jaren, 7 maanden geleden

Is het niet gewoon eenvoudiger hier een plugin als Multiple Content Blocks voor te gebruiken?

Thread starter Jaja..
(@jaja-1)

12 jaren, 7 maanden geleden

Das allemaal niet simpel zoals ze beweren!!

Zelfs als je werkt met shortcodes dan is dat nog niet voor mensen te begrijpen!
Omdat shortcodes onthouden is al een ding apart.

Want zeg zelf, je dit kan typen vanuit je hoofd: [column=1] blablabla [/column]
Wat ben je dan opgeschoten?
Iemand die geen HTML begrijpt, snapt niet dat dit [ open ] is en dit [/ sluiten ] is en dat alles wat open gemaakt wordt dient ook weer afgesloten te worden.
En als je iemand zover krijgt om dit te begrijpen dan ben je op het zelfde punt gekomen dat je kan zeggen type gewoon even <div class=”left-column”> blablabla </div> dan ben je er ook. Dan is html net zo snel geleerd.

En andere Multi content Blocks plugins zetten stukken prefab html in je broncode omdat deze meestal geen IF en ELSE PHP script hebben, zodat je kunt zeggen IF content block 1 = gevuld plaats deze dan, IF content block 2 = empty die and do nothing.

Daarnaast krijg je vaker omdat ze met <?php het_the_cotnent (‘block-1’); ?> werken multiple content invul velden in je admin.
Kun jij iemand uitleggen dat als je op New blog post drukt dat er dan 6 content invul velden onder elkaar staan en dat elke van dezeinvul velden één kolom is? Dat is toch totaal niet logisch, dat zou het zelfde zijn als je gaat zeggen “Ja je kan naar een andere webpagina surfen maar dan moet je wel een tweede Browser openen”

En heb eens 6 van deze content invul velden in je admin scherm onder elkaar + een Excerpt veld + een SEO veld + Een Custom Fields veld + Een comments veld. En ga zo maar door.

Je krijgt pagina’s van 600 meter lang in je admin scherm das voor niemand handig en fijn werken en dat terwijl iemand alleen wat tekst wilt opdelen in twee rijen een beetje tekst links en een beetje tekst rechts.

____

Nee ik heb gezocht en TinyMCE (iets dat standaard in WordPress zit) is de oplossing, echt ik heb het al zo ver dat het werkt door gewoon te tekst te selecteren en op een knopje te drukken alleen deze stomme BUG (error) in WordPress die er voor zorgt dat alle paragrafen divs worden ipv P-tags naait me hard!

Bijv. als je iets intypt en je selecteert deze tekst en geeft deze een heading 2 (h2) dan wordt dit bold dankzij de editor-styles.css en als je dan gaat kijken in de html editor view dan zie je dat WordPress die <h2> tekst </h2> toevoegt aan de ‘Live Editor’ noem ik het maar even.
Maar selecteer je gewoon een stukje (paragraaf) tekst en je drukt dan nog eens op format > paragraaf, dan kun je drukken tot dat je versleten vingers hebt want WordPress zal nooit die <p> blabla </p> toevoegen.
Dit doet het pas zodra je op publiceren drukt, dan wrapped WordPress alles dat geen tags heeft in P-tags.

En das het grootste probleem hier!
Als al mijn paragrafen gewoon ge-wrapped worden terwijl ik type in P-tags dan is het voor mij heel eenvoudig om daarna 3 paragrafen tegelijk te selecteren en dan op Style > Kolom Links of Kolom Rechts te drukken. Want dan ziet WordPress dat alle paragrafen al zijn afgesloten en dan sluit WordPress mijn style > kolom div af aan het einde van waar ik met mijn selectie stop achter de laatste P-tag!

Ik wil zo graag weten waarom WordPress geen P-tags heeft in de visual editor en waarom deze pas wordt toegepast op moment van publiceren!

Thread starter Jaja..
(@jaja-1)

12 jaren, 7 maanden geleden

Kijk DIT is een manier hoe je dingen eenvoudig maakt voor mensen die graag zonder codes willen werken die ze allemaal moeten onthouden..

Gewoon typen wat je graag wilt en daarna op de More button drukken die al standaard in je WordPress visual en html editor zit.

Het adds een <!– More –> shortcode zonder dat je deze shortcode dient te onthouden want je hoeft alleen maar op een knopje te rammen.
En WordPress split precies op dat moment je content in het aantal keer dat je erop drukt.

Beter kun je het niet maken.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)

Het onderwerp ‘Iemand die weet hoe WYSIWYG view werkt.’ is gesloten voor nieuwe reacties.

Weergaven