-
Posts
-
Hallo, ich habe Probleme bei der Darstellung meiner Texte.
Unsere Texte sollen, aus ästhetischen Gründen, als Blocksatz dargestellt werden. Das funktioniert auch ganz gut. Jedoch werden (ja nach Browser und Bildschirmgröße) die Zeilen unvorteilhaft dargestellt. So dass manchmal riesige „Löcher“ entstehen. Z.B. bei der mobilen Ansicht auf Handys. Die Texte sind dann nur sehr schlecht lesbar und alles andere als ästhetisch.
Nun habe ich was von “­“; gelesen. Hm. Ich habe aber keine Ahnung wie und wo ich das anwende. Kann mir bitte jemand eine Schritt-für-Schritt Anleitung geben. Ich krieg das nicht hin.
Vielen Dank für die Hilfe,
KerstinHallo MichaelVoglfinestfolia,
Ich bin mir nicht sicher, ob ich genau verstehe, was Sie auf Ihrer Website ändern möchten. Könnten Sie bitte versuchen, dies etwas näher zu erläutern? Was ist “& shy”?
—Translation—
I’m not sure I understand exactly what you would like to change on your site, could you try to explain a bit further please? Also, what is “& shy”?
LG,
RikardHallo Rikard,
hm ich dachte eigentlich dass ich mein Problem recht deutlich beschrieben hatte. Okay, ich versuche es erneut;-)Auf den beiden Seiten, die ich unter “Private Data” hinterlegt habe, sind Texte zu sehen, die als “Blocksatz” dargestellt werden sollen. Das klappt auch ganz gut. Jedoch werden (ja nach Browser und Bildschirmgröße) die Zeilen unvorteilhaft dargestellt. So dass manchmal riesige „Löcher“ entstehen. Z.B. bei der mobilen Ansicht auf Handys. Die Texte sind dann nur sehr schlecht lesbar.
Beispiel auf der Seite “Marken und Shops”, “Alphashield” 5. Zeile von unten “verschiedene Kfz-Schlüssel”. Zwischen dem Wort “verschiedene” und “Kfz-Schlüssel” ist eine große Lücke. Diese würde ich gerne so anpassen, dass je nach verwendeten Browser, die Lücke kleiner wird, dafür vielleicht die Laufweite der Schrift größer, oder ein anderer Zeilenumbruch verwendet wird. Damit das ganze schön ausschaut und die Lesbarkeit gegeben ist.
Hierzu benötige ich bitte Hilfe in Form einer Schritt-für-Schritt Anleitung, wie ich das beheben/korrigieren kann.Ich kann auch gerne Bildschirm Bilder zur Verfügung stellen um das Problem zu verdeutlichen. Wohin soll ich diese schicken?
Zum “­“; Befehl. Meine Recherche im Internet, zu dem obigen Problem, hat ergeben, dass man dazu diesen “­“; Befehl verwendet (in html). Das war also nur etwas das ich als Lösungsansazt gefunden habe, weiß aber nicht was ich damit anfangen soll. Ist aber auch nicht so wichtig.
Ich hoffe, das ich mein Problem nun besser erklären konnte.
Vielen Dank im Voraus für die Hilfe!Manuelle bedingte Textumbrüche gibt es in vielen Layout Programmen, und soweit ich weiß, auch Word hat soetwas im Programm.
Die automatische Silbentrennung in Browsern funktioniert zwar, ist sogar viel besser geworden, aber selbst die Trennung gemäß Duden ist leider nicht immer schön zu nennen – orthographisch richtig aber unschön.
Ich war überrascht wie dudenkonform die Browser (Test erfolgte mit Firefox) zB: “Aufmerksamkeitsdefizit-Hyperaktivitätsstörung” das trennen.Nun der Ausweg – dear Rikard – ist bedingte Silbentrennungen manuell zu setzen : softhyphen – daher auch das html entity: &s hy; (
­) natürlich ohne leerstelle – aber die Boardsoft würde das wahrscheinlich sofort umwandeln.
Leider ist es so, dass viele der ALB (Advanced Layout Builder) Element Eingabefelder die Funktion zwar erhalten, aber deren Sichtbarkeit im Backend obfuskieren.Eine Lösung ist das wunderbare Tool ( Plugin ) von Günter zu nutzen und um einige html entities zu erweitern. Ausserdem habe ich das Plugin von Günter dahingehend noch verändert nicht mehr 3# vor und nach dem Ersatzcode zu setzen sondern nur eines:
Original File: auf Enfold Github
Edited File : https://pastebin.com/RfmWQRvNIst das Plugin aktiviert kann man dann statt :
­#shy# setzen.
Diese Einsetzungen in Worten bleiben auch im Backend sichtbar erhalten und sind somit auch editierbar/verschiebbar etc.Das oben erwähnte Wort würde man als zB entsprechend setzen:
Aufmerksamkeits#shy#defizit-Hyper#shy#aktivitäts#shy#störung________________
Manual conditional text breaks exist in many layout programs, and as far as I know, Word also has something like that in its program.
The automatic hyphenation of browsers works, has even become much better, but even the separation according to Duden is unfortunately not always nice to call – orthographically correct but unattractive.
I was surprised how the browsers (test was done with Firefox) separate e.g.: “Aufmerksamkeitsdefizit-Hyperaktivitätsstörung” in conformity with Duden.Now the way out – dear Rikard – is to set conditional hyphenation manually : soft hyphen – hence the html entity: &s hy; (
­) of course without a space – but the boardsoft would probably convert that immediately.
Unfortunately, many of the ALB (Advanced Layout Builder) element input fields preserve the function but obfuscate its visibility in the backend.One solution is to use the wonderful tool ( plugin ) from Günter and extend it with some html entities. In addition, I have the plugin from Günter still changed to no longer put 3# before and after the replacement code but only one:
Original File: on Enfold Github
Edited File : https://pastebin.com/RfmWQRvNIf the plugin is activated you can then put #shy# instead of :
­.
These insertions in words also remain visible in the backend and are thus also editable/moveable etc.One would set the word mentioned above as e.g. accordingly ( German long Word ):
Aufmerksamkeits#shy#defizit-Hyper#shy#aktivitäts#shy#störung.Nächste Anmerkung:
Ein sehr schönes Plugin, welches eine automatische Siilbentrennung mit einem etwas anderem Algorithmus beinhaltet ist: Hyphenator ( Arnold Schwarzenegger läßt grüßen )
Ist aber performance intensiv und sollte nicht auf die Komplette Webseite genutzt werden. Obwohl es nun schon 5 Jahre nicht mehr aktualisiert wurde läuft es noch immer. Eventuell findet man auf dem dort genutzten Algorithmus mittlerweile akutellere Programme.Ich begnüge mich mit der manuellen Setzung und dem Plugin von Günter. Es ist übrigens so ziemlich die einzige Chance Zeichen wie größer, kleiner, größer-gleich etc oder eckige Klammern einzusetzen. Denn diese werden sofort als tags interpretiert, was teilweise sogar die ganze Seite sprengt.
______________Next comment:
A very nice plugin, which includes an automatic hyphenation with a slightly different algorithm is: Hyphenator ( Arnold Schwarzenegger sends his regards ).
But it is performance intensive and should not be used on the complete website. Although it has not been updated for 5 years now, it still runs. In the meantime, it may be possible to find more up-to-date programmes on the algorithm used there.I am content with the manual setting and the plugin from Günter. By the way, it is about the only chance to use characters like greater than, less than, greater-than etc or square brackets. Because these are immediately interpreted as tags, which sometimes even blows up the whole page.
Empfehlen kann ich auch das Plugin wp-Typography: https://de.wordpress.org/plugins/wp-typography/
Hallo,
vielen lieben Dank für die zahlreichen Inspirationen. Ich komme leider frühestens nächste Woche dazu, die Vorschläge auszuprobieren und hoffentlich von einem Erfolgserlebnis zu berichten. Daher bitte nicht wundern, wenn ich mich erst nächste Woche wieder zu “Wort” melde.
Nochmals vorab vielen Dank für die Lösungsvorschläge.Hi,
Thanks for helping out, and for the great explanations @guenni007 and @christian.wien :-)
We’ll leave this thread open for you @MichaelVoglfinestfolia.
Best regards,
RikardHallo Gunniy007,
vielen lieben Dank für deine Vorschläge. Ich muss aber ehrlich sagen, ich kriegs nicht hin. Ich habe das Plugin Github installiert und auch aktiviert. Aber ich verstehe leider nicht ganz was die “Anpassung” angeht und wo ich diese vornehme. Wenn ich, ohne die von dir vorgestellte Anpassung, an die jeweilige Stellen in meinem Text setze, steht der “Befehl” mit in meinem Fließtext.Kannst du mir bitte erklären, wie ich das Plugin korrekt anwende?
Dankeschön im Voraus!
Hallo christian.wien,
vielen Dant für den Hinweis mit wp-Typography. Hiermit konnte ich meine Probleme lösen. Ist zwar noch nicht perfekt, aber es schaut deutlich besser aus als vorher.Vielen Dank dafür!
- You must be logged in to reply to this topic.