Schlagwort: CSS

Möglichkeiten gegen “Editorzwang”– eine Lösung (auch) für WordPress.com User Teil 1

Als User und Blogger, welcher seinen Blog über einen sehr guten Hoster gelagert hat, kam ich mit einen Schrecken davon. Jedenfalls bis jetzt… Ein Erlebnis in mehreren Teilen. Im ersten Teil geht es NUR um eine Lösung für Leute, die wie ich ihren WordPress Blog selber hosten. In den weiteren Teilen gibt es einen NOTLÖSUNG für Nutzer die einen Blog direkt bei wordpress.com (blogxyz.wordpress.com) angelegt haben. (Also bitte lasst alles beim alten). 💡

Die Sache mit den “Gutenberg”

Vorgeschichte

Oh, sieht das schön aus. Große Initialbuchstaben für Absätze. Das lockert beim lesen doch ungemein auf. Ich begann zu schwärmen, meine Augen leuchten. Sun Die  Leserinnen und Leser werden begeistert sein. Ja. Schnell weg mit den alten – her mit den neuen Editor (das Werkzeug mit, welchen man Blogbeiträge schreibt)!Black SheepRainbow

Gesagt – getan. Als Betreiber einer Website, vorausgesetzt man hat einen guten Provider, kann man mittels CMS Tools (Inhalterstellungs und -verwaltungsprogramme) unter anderem WordPress auf ein ganzes Internetprojekt (www.projektxyz.de) oder wie es ich mache auf eine  oder mehrere Subdomains (meinwirklichgutes.projektxyz.de) einspielen. Hat man dies getan, kann man, ähnlich wie mit einen wordpress.com Blog Beiträge schreiben, editieren. Jedoch reine wordpress.com User haben nur die Möglichkeit Plugins zu installieren, wenn sie einen Bezahltarif wählen. Doch hier geht es um eine Notlösung – damit dies umgangen werden kann.

1. Erste Erfahrungen

Ja, das sieht doch toll aus. Noch ein Absatz – ich kann wählen, ob ich nochmal einen Initialbuchstaben nehme. Nein, diesmal nicht – gut so. Geht doch!Thumbs up

Jetzt der nächste Absatz, ein Bild soll rein. Möglichst rechtsbündig am Anfang. Ja der Absatz soll lang werden, also bietet sich an am Ende noch ein Bild linksbündig einzubinden. Im Quelltext kann man es ja noch besser anpassen. Mache ich später noch. Lockert das lesen auf! Halt doch nicht so… Steaming mad Was macht der verfluchte Editor? Alles ist zerschossen. Sick smile Und dann wollte ich ja noch was.. Ach Mensch, das kriege ich wieder hin. Ich weiß ja, wie man das später mittels HTML/CSS Anpassungen irgendwie noch retten kann. Vielleicht hat es was Gutes?  Mit einen Schmunzeln sich irgendwie rausretten und meine Leserschaft fragen, wie es ihnen gefällt? Frage ich doch mal ganz anonym.Thinking smile

1.1 Rettungsversuche

Wo finde ich denn die Umfrage, welche ich einbinden wollte? Auch hier Verzweiflung.Confused smile Na ja. Vielleicht bin ich ja auch nur etwas ungeschickt. Ich teste weiter. Mit jeder Minute steigt mein Frust. Mittels Quelltext kann ich ausgerechnet nicht DIESEN Absatz bearbeiten, da er mir als Fehler anzeigt, egal was mein bescheidenes Wissen hergibt. Gleich vier kleine Rechtschreibfehler und dann noch dieser riesige hässliche optische Fehler.

Weg mit dem Editor! Mit dem alten lief es einfacher und besser.Baring teeth smile Schneller Wechsel zwischen Schreib- und Quelltextebene (Ebene, wo man direkt mittels HTML Code direkt verschiedene Dinge eingeben kann) waren nicht zu unterschätzen. SO WILL ICH DAS VERDAMMT NOCH MAL WIEDER HABEN!

2. Lösungen für wordpress.org User

Googeln hilft. “Alten Editor für WordPress wiederherstellen” Und ein Eintrag auf wordpress.org gab mir Hilfe. Den “Classic Editor” wieder verwenden. Ich installierte das Plugin , aktivierte es und deaktivierte den Gutenberg. SUPER!Winking smileOpen-mouthed smileLight bulbThumbs up Aber schön wäre doch die Sache mit den Initialbuchstaben. Zum Glück hatte ich den Entwurf noch nicht gelöscht. ich wählte die Option “Beitrag bearbeiten”, schaute in den Quelltext und fand eine ganz banale Antwort – eine CSS Klasse, welche es einen ermöglicht. Wer den Gutenberg Editor noch nicht installiert hat und nur diesen einen Effekt haben möchte gehe im alten Editor in die Ebenen Text, suche den/ die gewünschten Absätze und leite diesen mit:

<p class="has-drop-cap"> ein und beende diesen gewünschten Absatz mit </p>

Anmerkung: Diese Klasse .has-drop-cap ist bereits in WordPress vordefiniert. Das außerhalb von WordPress so zu testen macht keinen Sinn. Dann sollte man seine eigenen CSS Klassen schreiben.

3. Was erzählst Du da? Ich sehe nichts.

Ja ich finde das auch “komisch”, man muss zuerst “Vorschau” auswählen, wie der Beitrag aussieht, wenn man ihn so veröffentlichen möchte und drücke NICHT auf “Publizieren” – es sei denn ihr seid mit schreiben fertig und habt alle Bilder und ähnliches eingefügt.

Ich weiß jedoch nicht, ob dies eine Dauerlösung ist. Wenn es hart auf hart kommt ist der Gutenberg Editor dann elementarer Standard von WordPress und das wäre schade!

Literatur

 
Teile es:
Weitersagen

Das HTML5 Handbuch…

Gestern habe ich es mir bestellt, das “HTML5 Handbuch” von Stefan Münz und Clemens Gull. Morgen sollte es dann im Verlaufe des Tages da sein, ich bin gespannt.

Stefan Münz begleitet mich nun schon seit dem Jahr 2000. Nicht in Person, sondern seine Werke 😉 . Über “SelfHTML (Link öffnet sich im neuen Fenster/Tabulator)” lernte ich damals mittels Quellcode Websites normgerecht zu erstellen, sodass sie möglichst Browserkonform rüberkommen und egal ob man sie mit (damals waren es hauptsächlich Internet Explorer oder Netscape Navigator, Mosaic, Opera, Conqueror…) betrachtet werden.

Mein erster Versuch 1999 eine Website mit einen Tool zu erstellen war blanke Ernüchterung. Zuhause sah alles so wunderschön aus, glühende Schattenschrift, großer Laufschrift.. doch ich sah auf anderen PC Bildschirmen, wie “unschön” es dort rüberkam. Statt glühende Schriften, schwarzer Text auf schwarzen Hintergrund, statt Fließtext – Text der den Browser unerträglich in die Länge zog – es war schlichtweg entsetzlich. Und es war auch nicht überall möglich Java Apleets dargestellt zu bekommen. Mit Java strukturierte ich mein Navigationsmenü, konnte man Java nicht installieren, kam man auch nicht weiter… Ich lebte damals in den Glauben, dass überall alles so ausieht, wie ich es zuhause entwickelte. Ein Irrglaube! HTML, CSS und Javascript so anwenden, dass es überall gleich aussieht ist eine Lernsache.

Auch wenn Stefan Münz seit 2005 sich nicht mehr an diesen Projekt beteiligt und dieser Standart sehr veraltet ist ein Blick auf SelfHTML ist immer noch lohnenswert.

HTML 5 ist jetzt neuer Standart, wurde auch Zeit, dass man mittels HTML jetzt auch als Alternative zu Fash Videos, Audios und andere Multimediainhalte auf seine Seiten einbinden kann. Die Zeit ist nicht stehen geblieben. Und so dachte ich es ist mal eine gute Investition dieses 816 Seiten starke Buch zu ergattern, auch wenn es nicht gerade sehr billig, seinen Preis aber durchaus Wert ist. Gerade wer sich verstärkt sich mit Webdesign beschäftigt, das notwendige “1*1” Schritt für Schritt lernen möchte, braucht auch Literatur jenseits des Bildschirmes, es ist aber auch in Kindleversion preiswerter erhältlich. Es braucht schon einiges an Zeit sich mit diesen Thema zu beschäftigen.
Martin Gödicke ist Teilnehmer des Partnerprogramms von Amazon EU, das zur Bereitstellung eines Mediums für Websites konzipiert wurde, mittels dessen durch die Platzierung von Werbeanzeigen und Links zu Amazon.de Werbekostenerstattung verdient werden kann.

Über das Bild können übrigens auch interessierte Leserinnen und Leser sich dieses Buch bei Amazon ordern 🙂

 
Teile es:
Weitersagen