Wysiwig; wie geht das?

Zitat von Hänsje

(...)Wie geht das? Hängt es vlt nur an den Absätzen?
a) "Neue Zeile! mit shift+Enter?
b) "Absatz mit "Enter"?
(...)

Nein, damit hat das nichts zu tun, das verhält sich so wie Du es beschrieben hast, Zeilensprung und Absatz.

Zitat

(...) Wo macht man was, nach jedem Textblock?, nach jeder Bildreihe, um "Responsive", also "anschaulich symetrisch" zu erreichen?
Oder muss man zu "Wordpress nackt" noch ein Plugin, welches, installieren, um Responsive zu erreichen? Saubere Anleitungen hierzu habe ich im www nichtgefunden. (...)

Das Problem ist, dass das mit der Bildausrichtung bzw. dem Textfluss um ein Bild herum bei mehreren Bildern nebeneinander im Zusammenhang mit verschiedenen Darstellungsbreiten mit den Bordmitteln von Wordpress nicht zufriedenstellend kontrolliert werden kann, ohne dabei direkt im Quellcode zu arbeiten oder eben Plugins einzusetzen.

Shortcode Ultimate und WP Edit hatte ich Dir ja schon genannt, beide unterstützen u.a. Funktionen um Spalten (nicht zu verwechseln mit Tabellen, aber das können sie auch) in Wordpress auch innerhalb von Seiten/Beiträgen anzulegen, welche sich auch noch responsive verhalten (sofern es das Theme entsprechend unterstützt), nur sind beide englischsprachig, setzten teilweise ein wenig "Fachwissen" voraus und benötigen etwas Einarbeitung.

WP Edit setzt auch noch etwas an Vorarbeit voraus, weil man damit den Standardeditor individuell erweitern kann, es existiert zwar eine sehr ausführliche und gut verständliche Dokumentation (http://learn.wpeditpro.com/), aber die ist mal wieder nur in Englisch verfügbar.

Versuche es aber trotzdem mal auf folgende Weise, installiere und aktiviere Shortcode Ultimate.

Lege zum experimentieren, eine neuen Beitrag an, schreibe dann einen Textabschnitt in der visuellen Ansicht mit dem ganz normalen Editor von Wordpress (Texte kannst Du übrigens auch ruhig zunächst komfortabel mit Word, dem WordPad oder irgend einer freien kostenlosen Textverarbeitung erstellen und diese Texte dann einfach direkt in die visuelle Ansicht kopieren, es werden dabei aber lediglich grundsätzliche Formatierungen übernommen, also Zeilensprünge, Absätze, Fettschrift, kursiv, unterstrichen etc. und keine Sorge, es wird bei diesem Vorgehen von Wordpress ein sauberer Quellcode erzeugt), füge im Anschluss daran mit der Returntaste (Wagenrücklauftaste) einen Absatz ein.

In die neue Zeile fügst Du dann z.B. für drei Bilder in einer Zeile folgenden Shortcode ein

[COLOR=#006400][su_row]
[su_column size="1/3"] Bild #1 [/su_column]
[su_column size="1/3"] Bild #2 [/su_column]
[su_column size="1/3"] Bild #3 [/su_column]
[/su_row][/COLOR]

[COLOR=#006400]Bild #n[/COLOR] ersetzt Du jeweils durch eine Deiner Bilddateien, die Du einfach über [COLOR=#0000cd]Dateien hinzufügen[/COLOR] aus der Mediathek von Wordpress einfügst.

Darunter dann erneut einmal die Returntaste drücken und weiter geht es mit dem nächsten Textabschnitt.

Äquivalent kannst Du natürlich auch Text an die Stelle eines Bildes einfügen und so in Spalten wie in einer Zeitung arbeiten.

Alles ist dann, wenn das Theme es entsprechend unterstützt, auch voll responsive/fluid in der Darstellung.

Für eine andere Spaltenzahl verfährst Du entsprechend

Zwei gleich breite Spalten

[COLOR=#006400][su_row]
[su_column size="1/2"] Bild #1 [/su_column]
[su_column size="1/2"] Bild #2 [/su_column]
[/su_row]

[/COLOR][COLOR=#000000]
Drei gleich breite Spalten[/COLOR][COLOR=#006400]

[su_row]
[su_column size="1/3"] Bild #1 [/su_column]
[su_column size="1/3"] Bild #2 [/su_column]
[su_column size="1/3"] Bild #3 [/su_column]
[/su_row]

[COLOR=#000000]Vier gleich breite Spalten[/COLOR][COLOR=#006400]
[/COLOR]
[su_row]
[su_column size="1/4"] Bild #1 [/su_column]
[su_column size="1/4"] Bild #2 [/su_column]
[su_column size="1/4"] Bild #3 [/su_column]
[su_column size="1/4"] Bild #4 [/su_column]
[/su_row]
[/COLOR]

Für Spalten gemischter Breite, z.B. für ein breites und zwei schmale Bilder in einer Zeile gilt dann folgender Shortcode

[COLOR=#000000]Drei Spalten im Breitenverhältnis[/COLOR] 50%:25%:25%

[COLOR=#006400][su_row]
[su_column size="1/2"] Bild #1 [/su_column]
[su_column size="1/4"] Bild #2 [/su_column]
[su_column size="1/4"] Bild #3 [/su_column]
[/su_row][/COLOR]


Und dann wieder entsprechend für andere Spaltenanzahlen und Breitenverhältnisse.

Ich hoffe, ich habe Dir damit einen für Dich gangbaren Weg aufgezeigt und vielleicht nutzt er ja auch noch anderen Wordpress Einsteigern…

Zitat von Hänsje

(...)
a) die ich wie folgt umgesetzt habe, nachdem ich Shortcode-s Ultimate installiert habe. Meldung: "Short- ... wurde installiert und ist aktiviert". Das Ergebnis ist hier: http://rb-systems.website/wanderhans/2646-2/ d h, die Bilder sind OK,nur die Code-Schnipsel müssten noch weg?
(...)

Du möchtest mich wirklich herausfordern, oder?

Nee komm, Spaß beiseite, ich selbst hatte das Problem noch nicht, habe aber schon gelesen, dass es andere hatten.

Also dann mal der Reihe nach durchchecken und testen:

- Ist das Plugin tatsächlich aktiviert?

- Füge mal den Code aus diesem Feld ein

[su_row]
[su_column size="1/3"] Bild #1 [/su_column]
[su_column size="1/3"] Bild #2 [/su_column]
[su_column size="1/3"] Bild #3 [/su_column]
[/su_row]

Funktioniert es damit korrekt?

- Die Shortcodes werden grün dargestellt, so wie in meinem Post, Dein Theme scheint das so übernommen zu haben (es hat die Formatierung auch in den Quellcode übernommen, was aber nicht so sein sollte), kopiere daher den Code aus meinem Beitrag mal über den Umweg über den Editor von Windows(!), also nur den Shortcode aus dem Posting kopieren, dann in eine leere Seite im Editor von Windows(!) einfügen, dann noch mal(!) dort markieren und kopieren und dann erst in Wordpress einfügen (damit nur die reinen Zeichen übernommen werden).

- Hilft das nicht, füge mal folgenden Code in der Textansicht des Wordpress Editors ein

<div class="su-row">


<div class="su-column su-column-size-1-3"><div class="su-column-inner su-clearfix"> Bild #1 </div></div>


<div class="su-column su-column-size-1-3"><div class="su-column-inner su-clearfix"> Bild #2 </div></div>


<div class="su-column su-column-size-1-3"><div class="su-column-inner su-clearfix"> Bild #3 </div></div>


</div>

Speichere den Beitrag ab, lass ihn Dir anzeigen, werden die Shortcode immer noch mitdargestellt?

- Schau mal in dem Menü [COLOR=#0000cd]Shortcodes -> Settings[/COLOR] nach, ob im Feld [COLOR=#0000cd]Shortcodes prefix [/COLOR]auch [COLOR=#006400]su_[/COLOR] eingetragen ist, ansonsten so eintragen und abspeichern.

- Wenn das auch nichts hilft, geh wieder ins Menü [COLOR=#0000cd]Shortcodes -> Settings[/COLOR] und nimm dort unter [COLOR=#0000cd]Custom formatting[/COLOR] den Haken raus, danach wieder abspeichern nicht vergessen.

- Hilft auch das nicht weiter, lege mal einen ganz neuen Beitrag an, klicke dann in der visuellen Ansicht des Wordpress Editors auf [COLOR=#0000cd]Insert shortcode[/COLOR] (Oben als Button neben [COLOR=#0000cd]Dateien einfügen[/COLOR]), wähle dort die Funktion [COLOR=#0000cd]Column[/COLOR] aus, bei [COLOR=#0000cd]Size[/COLOR] dann [COLOR=#0000cd]One Half[/COLOR] und füge den Shortcode mit [COLOR=#0000cd]Insert Shortcode[/COLOR] ein, den Beitrag nun abspeichern und anschauen, ist jetzt immer noch der Shortcode statt nur seines Inhaltes dazwischen zu sehen?

Weitere Ursachen könnten am Theme oder anderen Plugins liegen, aber da kann ich von außen konkret wenig helfen…

Zitat von Hänsje

(...)
Das Ergebnis ist hier --> http://rb-systems.website/wanderhans/tes…n-rausgenommen/
(...)

Mhhhh, ein Verusch noch, wenn der auch nicht klappt, dann stimmt etwas am Theme nicht oder andere Plugins schießen quer und dann kann ich allenfalls noch vom Backend aus helfen.

- Setze das Plugin Shortcodes Ultimate mit allen Einstellungen wieder in den ursprünglichen Zustand bei Installation zurück.

- Lege einen neuen Beitrag an.

- Füge die folgenden Zeilen in der Textansicht des Wordpress Editors ein

[su_row]
[su_column size="1/3"] <img src="http://rb-systems.website/wanderhans/wp-content/uploads/2015/10/demokrit2009-150x150.jpg" width="150" height="150" class="alignnone" /> [/su_column]
[su_column size="1/3"] <img src="http://rb-systems.website/wanderhans/wp-content/uploads/2015/10/demokrit2009-150x150.jpg" width="150" height="150" class="alignnone" /> [/su_column]
[su_column size="1/3"] <img src="http://rb-systems.website/wanderhans/wp-content/uploads/2015/10/demokrit2009-150x150.jpg" width="150" height="150" class="alignnone" /> [/su_column]
[/su_row]

- Speichere den Beitrag ab und rufe den erstellen Beitrag dann mit [COLOR=#0000cd]Seite ansehen[/COLOR] auf.

Es sollte nun dreimal dieses Bild

http://rb-systems.website/wanderhans/wp-…009-150x150.jpg
nebeneinander ohne irgendwelche Codeschnipsel drumherum als Beitrag angezeigt werden, wenn nicht, dann s.o. und kontaktiere mich dann dazu ggf. per PN (privater Nachricht).

Zitat von Hänsje

50 % -Erfolg: http://rb-systems.website/wanderhans/?p=2702&preview=true
2 Fotos links untereinander, 1 Foto mittig.

->
[h=1][size=10]That page can't be found.[/SIZE][/h]

Zitat von Hänsje

(...)
- Setze das Plugin Shortcodes Ultimate mit allen Einstellungen wieder in den ursprünglichen Zustand bei Installation zurück. -
Meinst Du damit: Deaktivieren + Aktivieren? (...)

Nein, das ändert i.d.R. (fast) nichts (was auch so gewollt ist), weil dabei die meisten Inhalte noch in der Datenbank gespeichert bleiben, ich meinte, die weiter oben vorgeschlagenen Änderungen in den Einstellungen wieder rückgängig zu machen.

Kleiner Hinweis: Die Menschen möchten aber in deinem Blog auf den Bildern gezeigt werden?