… wissen 🙂  Beginnen wir mal mit der …

Kultur um WordPress

Es gibt zwei Versionen: WordPress.com und WordPress.ORG. WordPress.com ist ein Hosting-Service, der eine vereinfachte Version von WordPress bietet, während WordPress.org die selbst gehostete Version ist. Die Geschichte von WordPress geht zurück bis ins Jahr 2003, als es als Blog-Plattform begann und sich zu einem der am meisten genutzten CMS auf der Welt entwickelte. WordPress ist eine gute Wahl.

• WordPress.com und WordPress.ORG und ein geschichtlicher Überblick von WordPress.ORG

Als Nächstes steigen wir direkt in die Abläufe und Prozesse um WordPress ein. Da gehe ich davon aus, dass Sie schon den Ablauf der Installierung – siehe hier im Tab ‘Nachlese WP-on’ – vollzogen haben.

Nun stehen Sie am Anfang Ihrer Karriere mit WordPress und mögen mit förderlichen Tipps einen erfolgreichen Start hinlegen.

Plug-ins, das sind
die Erweiterungen für WordPress

Plug-ins sind eine wichtige Möglichkeit, um WordPress zu erweitern und anzupassen. In diesem Abschnitt stellen wir dir einige Plug-ins vor, die dir dabei helfen können, dein WordPress-Erlebnis zu verbessern und deinen Internetauftritt auf die nächste Stufe zu bringen.

Block-Editor vs. Classic Editor: Was ist der Unterschied?

Seit Version 5.0 gibt es im WordPress-Editor den sogenannten Block-Editor mit dem Codenamen Gutenberg.

Block-Editor vs. Classic Editor, letztendlich hängt die Wahl zwischen den beiden Editoren von den spezifischen Anforderungen und Vorlieben des Benutzers ab. Einige Benutzer bevorzugen möglicherweise den Gutenberg-Editor für seine Flexibilität, während andere den Klassik-Editor mit “Advanced Editor” für seine Einfachheit und Vertrautheit bevorzugen.

Obwohl dieser Editor sehr leistungsfähig ist, bevorzuge ich persönlich weiterhin den Classic Editor. Glücklicherweise gibt es das Plugin “Advanced Editor Tools”, mit dem man den Block-Editor auch gleich deaktivieren und den Classic Editor nutzen kann. Zum Plug-in selbst sieh hier dann weiter Unterhalb meine kurze Beschreibung.

Wenn du dann das Plugin installierst, hast du einen leistungsstarken Editor zur Verfügung. Du musst lediglich das Häkchen bei der Option “Ersetze den Block-Editor durch den klassischen Editor” setzen, um den Classic Editor zu verwenden. Dadurch sparst du dir die Installation eines zusätzlichen Plugins wie Classic Editor.

Der Klassik-Editor mit Advanced Editor:
Ein zeitloses Werkzeug für Deine Website!

Advanced Editor Tools – the Best

• Advanced Editor Tools

Um mit dem Advanced-Editor zu arbeiten, gibt es verschiedene Einstellungen und Tools, die du nutzen kannst. Hier sind einige Beispiele:

• Du kannst die Toolbar anpassen, um nur die Werkzeuge anzuzeigen, die du benötigst.
• Du kannst benutzerdefinierte CSS-Klassen hinzufügen, um deinen Text zu formatieren.
• Du kannst spezielle Zeichen und Symbole einfügen, die im Standard-Editor nicht verfügbar sind.
• Du kannst den Editor so konfigurieren, dass er automatisch Links, Zitate und andere Elemente formatiert.

Insgesamt bietet der Advanced-Editor eine leistungsstarke und flexible Lösung für die Erstellung von Inhalten auf deiner Webpräsenz.

Wenn es um das Schreiben geht, dann
gibt es nichts Besseres als den Klassik-Editor!

Advanced Editor Tools mit benutzerdefinierten Einstellungen!

Eine Möglichkeit besteht auch darin, folgende ZIP-Datei obigen Einstellungen herunterzuladen und über das Plug-in die Einstellungen zu importieren. Hier sind die Schritte:

1. Lade die ZIP-Datei Wegerl-TMA-settings-2021-07-09.json auf deinen Computer herunter und öffne die Datei.

2. Gehe über Dashoboard Einstellungen und öffne “Advanced Editor”, wähle dort den Reiter “Klassischer Editor” und scrolle nach unten zur Administration.
3. Klicke “Importieren” und wähle die heruntergeladene ZIP-Datei aus und importiere sie.

Nachdem du die Einstellungen importiert hast, kannst du sie immer wieder nach deinem Ermessen anpassen. Dazu verwende die Buttons zum Hin- und Herschieben, um die Werkzeuge in der Toolbar zu organisieren und die Benutzeroberfläche deinen Bedürfnissen weiter anzupassen. Der Advanced Editor mit benutzerdefinierten Einstellungen bietet eine leistungsstarke Lösung für die Erstellung von Inhalten.

Der Klassik-Editor Advanced
– bewährte Qualität, die immer überzeugt!

WordPress 5.8 ist NEU Classic Widgets

Mit der Veröffentlichung von WordPress 5.8 wurden wieder einige Änderungen an der Plattform vorgenommen, darunter die Entfernung der Classic Widgets.

Classic Widgets sind aber in einer performanteren Art anzuordnen und zu organisieren. Diese Funktion wurde jedoch mit den neuen Block-Widgets, ersetzt. Glücklicherweise gibt es auch da ein Plug-in, das diese Funktion zurückbringt. Das Plug-in “Classic Widgets” ermöglicht es Nutzern, Widgets in der gewohnten Art und Weise anzuordnen und zu verwalten.

• Das Plug-in Classic Widgets

Bring back the classic: Classic Widgets – die bewährte und performante Art der Widget-Verwaltung für WordPress.

HTML im WP-Editor:
p, span, div und ihre Bedeutung

HTML bietet verschiedene Möglichkeiten, um Inhalte auf einer Webseite zu gestalten und zu organisieren. Die Tags <p>, <span> und <div> gehören zu den grundlegenden Elementen, die dabei verwendet werden.

• Der <p>-Tag ist ein Blockelement, das bedeutet, dass es in einer neuen Zeile beginnt und normalerweise eine Leerzeile davor und danach hat. Es wird verwendet, um Absätze zu definieren und zu formatieren. Wenn der Text innerhalb eines <p>-Tags rechtsbündig ausgerichtet werden soll, kann dies mit dem Attribut style und dem CSS-Code text-align: right; erreicht werden.

<p style="text-align: right;">Bspw der Text rechtsbündig.</p>

Bspw der Text rechtsbündig.

• Das <span>-Tag hingegen ist ein Inline-Element, das bedeutet, dass es in der gleichen Zeile wie der Text angezeigt wird und normalerweise keine Leerzeile davor oder danach hat. Es wird verwendet, um Teile des Textes innerhalb eines Absatzes zu formatieren oder zu kennzeichnen. Zum Beispiel kann die Schriftgröße des Textes innerhalb eines <span>-Tags mit dem Attribut style und dem CSS-Code font-size: 28px; angepasst werden. So zum Lesen u. a. das Beste: Bereiche festlegen über <div> und <span>.

Zum Beispiel <span style="font-size: 14px;">die Schriftgröße.</span>

Zum Beispiel die Schriftgröße.

• Das <div>-Tag wird verwendet, um einen Bereich auf einer Webseite zu definieren und zu organisieren. Es ist ein Container-Element, das bedeutet, dass es den Inhalt darin begrenzt und strukturiert. Durch die Verwendung von CSS-Klassen können Entwickler bestimmte Bereiche mit spezifischen Stilen und Formatierungen versehen.

Insgesamt bieten die Tags <p>, <span> und <div> verschiedene Möglichkeiten, um Inhalte auf einer Webseite zu gestalten und zu organisieren. Durch die Verwendung von CSS können Entwickler das Aussehen und die Gestaltung dieser Elemente weiter anpassen und optimieren.

Bilder arrangieren: ein Tipp

Das Plug-in Advanced Image Styles bietet eine praktische Möglichkeit, Bilder auf Webseiten zu arrangieren und zu gestalten. Eine besondere Funktion sind die Einstellungen für die Image Margins, also die äußeren Ränder des Bildes. Durch die Festlegung von Margins kann der Abstand des Bildes zum nächsten Element auf der Webseite gesteuert werden. Auch die Einstellungen für einen Rahmen kann mit diesem Plug-in einfach und schnell vorgenommen werden.

• Advanced Image Styles

Arrangiere die Bilder wie ein Profi:
mit Plug-in “Advanced Image Styles”

Ja! – siehe da, Plug-in Advanced Image Styles. Für den Arbeitsablauf ist das mit den ‘Image Margins’ sehr hilfreich.

CSS: Wie man das Aussehen der Website ändert

CSS (Cascading Style Sheets) ist eine Programmiersprache, die verwendet wird, um die visuelle Gestaltung von Webseiten zu definieren. Mit CSS können Entwickler das Aussehen von HTML-Elementen wie Schriftarten, Farben, Linien, Höhen und Breiten definieren. CSS wurde entwickelt, um die Trennung von Inhalt und Design zu ermöglichen und somit die Wartbarkeit und Flexibilität von Webseiten zu verbessern.

CSS wird in der Regel in separaten Dateien geschrieben und von HTML-Dokumenten eingebunden. Durch die Verwendung von Klassen und IDs können Entwickler spezifische Elemente auf einer Seite identifizieren und ihnen spezifische Stile zuweisen. CSS-Regeln können auch auf verschiedene Weise kaskadiert werden, was bedeutet, dass sie in bestimmten Situationen priorisiert werden können, um das gewünschte Aussehen der Seite zu erzielen.

CSS ist ein wichtiger Bestandteil moderner Webentwicklung, da es die visuelle Gestaltung von Webseiten ermöglicht und eine bessere Trennung von Inhalt und Design ermöglicht. Es ist ein mächtiges Tool, mit dem Entwickler Websites erstellen können, die sowohl funktional als auch ästhetisch ansprechend sind.

CSS im Customizer

Wenn man das Aussehen seiner Webseite anpassen möchte, kann es manchmal schwierig sein, das gewünschte Ergebnis zu erzielen. Hier kommt der Customizer ins Spiel: Er ist ein praktisches Tool, um Änderungen am Design vorzunehmen und das Aussehen der Webseite zu optimieren, ohne dass man ein Profi-Designer sein muss. Manchmal kann es jedoch etwas dauern, bis man das gewünschte Ergebnis erreicht hat. Aber das Ausprobieren und Basteln ist ein wichtiger Teil des Prozesses, auch für erfahrene Website-Entwickler.

Die Modernisierung zum Edieren von CSS, siehe Dashboard → Design → Customizer. Oder direkt von der Taskleiste aus ‘Customizer’. Aber ab Standard-Themes Twenty Twenty-Two ist das nicht mehr integriert.

Im Customizer wird das CSS direkt eingebunden und als sog. Inline-CSS abgespeichert. Das bedeutet, dass es direkt in die Webseite eingebunden wird, anstatt aus einer externen Datei geladen zu werden.

Simple Custom CSS and JS:
Ein nützliches Plugin für Anpassungen

• Simple Custom CSS and JS

Des Weiteren von Plug-in, das Simple Custom CSS and JS ist für das CSS als auch für JavaScripts. Aber das mit dem JavaScript ist schon etwas für sehr Fortgeschrittene.

Aber hier gleich so Anmerkung: Zusätzliches Javascript ist meist für so Spielereien. Bleibt das Motto “Grundsätzlich zu viel Javascript vermeiden, da insbesondere die Zeit für den Erstaufruf der Website steigt.” – und das kann schon mit relativ von wenig Codes sein, gerade so wenn diese nicht optimal sind. Im weiter können des Javascripts mithin in der functions.php mit dabei sein, so die Programmierung dazu passt.

Das, welches der Pro-Version hier des Plug-ins so von Vorteil, das ist das mit den Code-Revisionen. Aber die sind für sich auch doppelt abzuspeichern und so hat man die Reserve.

functions.php

Was ist das und wie wird es verwendet? Die Themes functions.php ist zur Funktion des Themes und kann auch individuell erweitert werden. Betreffende PHP-Snippets ist das folgende Plug-in ein ideal.

Das Plug-in Code Snippets

• • Code Snippets

Ein hilfreiches Plugin für WordPress-Entwickler ist ‘Code Snippets’. In meinem Artikel über Code Snippets wird beschrieben, wie dieses Plugin verwendet werden kann, um Code-Schnipsel sicher und einfach zu verwalten.

Besonders für Anfänger kann dies eine nützliche Lösung sein, da man hier eine gute Übersicht hat und Fehlermeldungen vermieden werden, wenn Code nicht richtig funktioniert.

Das Erstellen eines Childs-Themes kann ein weiterer Schritt für die Weiterentwicklung der Website sein. Dabei werden die Theme functions.php, style.css, .js (JavaScript) und eventuell die header.php und mehr individuell angepasst.

Childs-Theme

Eine Alternative zu Plug-ins wie ‘Simple Custom CSS and JS’ und ‘Code Snippets’, – das Childs-Theme.

Ein Child-Theme ist eine Art Unterthema, das auf dem bestehenden Theme der WordPress-Site basiert. Es ermöglicht einem, das Erscheinungsbild und Verhalten des Themes anzupassen, ohne das eigentliche Theme zu ändern. Dies hat den Vorteil, dass man Updates des Hauptthemes durchführen kann, ohne dass die eigenen Anpassungen verloren gehen.

Die Erstellung eines Child-Themes erfordert jedoch einige technische Kenntnisse, und es ist daher empfehlenswert, sich im Vorfeld genau über die erforderlichen Schritte zu informieren.

WordPress-Childs-Theme Funktionen, JavaScript Stylesheet

Durch die Verwendung eines Child-Themes kann die Performance einer Website verbessert werden. Dies ist eine fortgeschrittene Lösung, die jedoch eine gewisse Kenntnis voraussetzt. Es ist wichtig, sich zuvor mit den Gründen für diese Entscheidung auseinanderzusetzen, um die bestmögliche Wahl für Ihre Internetpräsenz zu treffen.

^Werbung

Back-up der Datenbank

Wenn man regelmäßige Back-ups der Datenbank seiner WordPress-Website erstellt, kann man sicherstellen, dass man bei Datenverlust oder anderen Problemen schnell wiederherstellen kann. Hierfür gibt es verschiedene Möglichkeiten, wie beispielsweise das Verwenden eines Plugins wie BackWPup.

S. hierzu den Beitrag Back-up für WordPress Website

Nun vorab gleich mal die einfachste Lösung. Nach dem aktivieren des Plug-ins ist unter BackWPup › Dashboard auch ‘Ein-Klick-Backup’ zu erstellen. Das Backup kann dann unter “Downloads” auf dem eigenen Computer gespeichert werden.

Wie man Menüs dupliziert

Bei größerem Umfang von Menüs kann es von Vorteil sein, die Menüs zu duplizieren. Also für den Fall, dass mal etwas schiefgeht. So sind diese dann gleich wieder herzustellen.

S. zum Plug-in Duplicate Menu.

Widgets sichern

… mit dem Plug-in Widget Importer & Exporter

Dieses Plugin ermöglicht es, Widgets von einer WordPress-Site auf eine andere zu übertragen oder einfach nur zu sichern. Nach der Installation und Aktivierung ist es im Dashboard → Werkzeuge zu finden.

Export der Widgets

Um die Widgets dann zu exportieren, ist die Auswahl “Exportieren von Widgets” und so ist die Datei auf den Computer zu laden.

Import der Widgets

Falls der reguläre Import der .wie-Datei nicht wie erwartet funktioniert, gibt es eine alternative Importmethode.

1. Öffne die exportierte .wie-Datei auf dem Computer in einem Texteditor und kopiere den Inhalt.
   
2. Zurück im Widget Importer klicke auf den Link Kopieren und Einfügen unterhalb des Upload-Feldes. Dadurch wird ein Textfeld geöffnet, in das der Inhalt der .wie-Datei einzufügen ist.
3. Klicke auf die Schaltfläche “Widgets importieren” und die Widgets werden wie gewohnt platziert.

Wie man hier WordPress lernt

Um Fragen zu reflektieren, ist es hilfreich, sich die Beiträge von Wegerl.at anzusehen oder nach Begriffen zu suchen. Am Anfang kann es schwierig sein, die richtigen Suchbegriffe zu finden.

Verlauf der Erstellung von Wegerl.at

Während der Erstellung meiner ersten Internetseite wurde das Theme “Twenty Fourteen” verwendet und durch einige Erweiterungen (Plug-ins) ergänzt, um zusätzliche Features zur Internetpräsenz hinzuzufügen. Die Beiträge in der Kategorie EWP (Effizienz WordPress) dokumentieren den Fortschritt meiner Website-Erstellung von Anfang an bis heute.

Der Hinweis-Link Des Moments, fast zwei Jahre danach – hinter den Kulissen einer Website zeigt, wie es mir am Anfang der Erstellung ergangen ist.

Menüs

Menüs sind nicht so performant wie die Navigation durch Begriffssuche auf der Website, welche die Suche nach bestimmten Inhalten deutlich erleichtert.

Die Plug-ins (Erweiterungen) sind der Webseite Features. – zumindest geht mein Versuch voraus.

😀 Das Schönste mit WordPress sind die…

Website-Inhalte

Die Erstellung von Website-Inhalten ist an und für sich eine Sache für sich. Es ist empfehlenswert, auf fehlerfreie Texte zu achten. Der nette Spruch “Wer Fehler findet, darf sie behalten” ist keine Dauerfreikarte.

Nach Erstellung eines Textes folgt ein kleiner Workflow:

Die Duden Textprüfung ist eine nützliche Aufgabe für das iPad/Tablet-PC, insbesondere die Verwendung von Duden Mentor! Hierbei sollte der Text Absatz für Absatz überprüft werden, um Rechtschreib- und Grammatikfehler zu finden.

Die Schreibweise sollte präzise sein und leicht zu lesen, damit der Wert des Inhalts nicht beeinträchtigt wird. Das Motto ‘Schreibe, wie du sprichst’ kann helfen, die Lesbarkeit des Textes zu verbessern. Es ist auch wichtig, auf die Wortstellung zu achten und gegebenenfalls passende Synonyme zu verwenden, da einfacher oft besser ist.

Das Plug-in Yoast SEO ist ein wertvolles Tool zur Textüberprüfung. Die Verwendung von SEO-Meta-Tags kann zum Erfolg eines minimalen SEO-Code beitragen. Duden-Mentor online und Yoast-Textprüfung sind eine perfekte Kombination für die Überprüfung des Textes. Die Yoast-Textprüfung kann hilfreiche Vorschläge zur Verbesserung der Lesbarkeit liefern, einschließlich der Verwendung von Übergangswörtern, siehe Übergangswörter heißen faktisch Konnektoren.

Bildliche Illustration

Für bildliche Illustrationen gibt es im Web Bilderdienste zur Verfügung.

Textprüfung-tools online

Da ist dann gleich mal der Beitrag Tools für bessere Lesbarkeit: Schreiben mit Komfort.

Aber ich folge vorerst dem Folgenden.

WP-Editor-Visuell

Um den korrigierten Text in den WP-Editor-Visuell einzufügen, sollte das Text-Symbol (T) aktiviert werden oder der Text direkt im Editor-Text eingefügt werden. Andernfalls werden durch die Fehlerhervorhebung unnötige HTML-Codes in der HTML-Ansicht (Text) eingefügt.

Textprüfung-tool <span class="hiddenSpellError">korrekturen.de</span> ist <span class="hiddenSpellError">MACs</span> und PCs in Kopie von überprüften Text – bestimmte, belassene Schreibweise, welche als Fehler hervorgehoben sind …

Fehler allgemein: Textt-Feler sogleih ausbeßern, ds ansonstn Feler siich  heufen.
–Ungeprüft.

Logische und SEO*-orientierte Reihenfolge bei Überschriften

Es ist wichtig, sicherzustellen, dass das HTML-Dokument semantisch korrekt strukturiert ist, um die Lesbarkeit und Barrierefreiheit zu verbessern. Zum Beispiel sollten Überschriften verwendet werden, um die Struktur des Dokuments zu definieren, und nicht einfach nur größeren Text darzustellen.

Die Überschriften sollten in einer logischen Reihenfolge angeordnet werden, um dem Leser eine klare Übersicht zu geben und für SEO-Relevanz zu sorgen. Die erste Überschrift im Textinhalt sollte h2 sein, gefolgt von h3-Überschriften, die sich inhaltlich auf die h2-Überschrift beziehen. Es ist wichtig, dass die Überschriften miteinander kommunizieren und eine klare Hierarchie bilden. Die Reihenfolge sieht wie folgt aus:

• h1 ist der Titel des Themas (die Hauptüberschrift).
• h2 ist die erste Überschrift im Inhaltsbereich (Content).
• h3-Überschriften folgen einander entsprechend der Hierarchie des Inhalts und werden für passende Inhalte der h2-Überschrift verwendet. Ähnlich sollten h4-Überschriften passenden Inhalten der h3-Überschrift zugeordnet werden, usw.
• Wenn es mehrere Schwerpunkte gibt, kann eine zusätzliche h2-Überschrift für jeden anderen Fokus verwendet werden. Es ist jedoch wichtig, h2-Überschriften sparsam zu verwenden.”

* SEO heißt Suchmaschinen-Optimierung, in englisch search engine optimization (SEO). Webseiten deren Inhalte werden im organischen Suchmaschinenranking (Natural Listings) auf angemessenen Plätzen erscheinen –. So, die positive Erwartung des Anwenders.

Anmerkung zur obigen Trennlinie durch <hr />-Tag: Das <hr />-Tag ist ein nützliches Werkzeug, um den Inhalt in sinnvolle Abschnitte zu unterteilen und die Lesbarkeit zu verbessern. Es sollte jedoch mit Bedacht und in angemessener Weise eingesetzt werden.

Der <hr />-Tag eine nützliche Möglichkeit ist, um einen klaren visuellen Abschnittswechsel im Text zu markieren, wenn kein geeigneter Überschriftentag vorhanden ist oder verwendet werden soll. Dies kann dazu beitragen, den Text übersichtlicher zu gestalten und dem Leser eine klare Strukturierung des Inhalts zu vermitteln.

Allerdings ist es wichtig zu beachten, dass das <hr />-Tag nicht immer erforderlich ist und nicht zu häufig verwendet werden sollte, um den Inhalt nicht unnötig zu unterbrechen.

Text in Fettschrift

HTML-Tag <strong> oder <b>.

Es ist korrekt, dass der <strong>-Tag für die Hervorhebung von wichtigen Inhalten verwendet wird, die für Leser und Suchmaschinen gleichermaßen relevant sind. Der <b>-Tag hingegen wird für die Hervorhebung von Text verwendet, der für den Leser interessant sein kann, aber nicht unbedingt für Suchmaschinen relevant ist.

Es ist jedoch wichtig zu beachten, dass Suchmaschinen heutzutage sehr intelligent sind und in der Lage sind, den Kontext und die Bedeutung von Inhalten zu verstehen, unabhängig davon, ob sie in <strong> oder <b> Tags platziert sind. Es ist also immer noch wichtig, dass der Text auf natürliche Weise geschrieben wird und nicht nur für Suchmaschinen optimiert ist.

Editierung eines Textes

Wenn ein Text aktualisiert oder überarbeitet werden muss, sollte man in der Regel die alte Beschreibung löschen und durch die neue ersetzen. Wenn es jedoch relevante Informationen im alten Text gibt, die für den Leser nützlich sein könnten, kann man sie in den neuen Text integrieren oder darunter anfügen.

Kategorien und Schlagwörter (Tags)

Es ist wichtig, Schlagwörter im Beitrag sorgfältig zu verwenden, um eine klare Struktur zu gewährleisten und Duplikate zu vermeiden. Während Kategorien einfacher zu handhaben sind, können Tags hilfreich sein, um spezifische Themen hervorzuheben. Allerdings sollten zu viele Tags vermieden und sinnvolle Schlagwörter gewählt werden. Zum Beispiel können WP-Plug-ins in einer Kategorie sein und durch Tags wie “Plug-in Backend” oder “Plug-in Frontend” differenziert werden. Es ist wichtig, daran zu denken, dass weniger oft mehr ist.

Bevor so loszulegen ist zu lesen Der richtige Umgang mit Kategorien und Tags / Schlagwörter.

Kommentar

Kommentare sind eine wertvolle Möglichkeit, um eine aktive Community auf einer Webpräsenz aufzubauen und die Interaktion zwischen Autoren und Lesern zu fördern. Durch Kommentare können Leser ihre Gedanken und Meinungen zu einem bestimmten Thema teilen, was oft zu interessanten Diskussionen führt und das Engagement der Leser erhöht.

Es ist jedoch auch verständlich, dass einige Autoren Kommentare lieber vermeiden möchten, um negative oder kontroverse Kommentare zu vermeiden, die möglicherweise den Zweck des Artikels oder des Auftrittes untergraben könnten.

Darüber hinaus können Kommentare auch ein Indikator dafür sein, wie gut ein Artikel von den Lesern aufgenommen wurde. Es liegt letztendlich im Ermessen des Autors zu entscheiden, ob Kommentare erlaubt werden sollen oder nicht, und gegebenenfalls sollten unangemessene Kommentare gelöscht werden.

Smileys

Zur Verwendung von Smileys siehe zum Codex WP Verwenden von Smileys. Mit Smileys darauf achten, dass sie den Text nicht übermäßig beeinträchtigen oder unprofessionell aussehen lassen.

Smileys vs. Emojis

Darüber hinaus sollten beim Einfügen von Emojis aus der Desktop-Taskleiste Vorsichtsmaßnahmen getroffen werden, da sie möglicherweise nicht auf allen Geräten und Plattformen korrekt angezeigt werden und Probleme bei der Datenbanksicherung verursachen können. D.h. nach dem Einspielen der Datenbank sind dann statt der Emojiy nur mehr so Fragezeichen zu sehen. Es ist ratsam, stattdessen auf in WordPress integrierte Emoji-Sets oder auf Icons aus einer zuverlässigen Quelle wie Font Awesome zurückzugreifen.

Hier Welchen Text gebe ich ein, um Smileys zu erstellen? – so ist man auf der sicheren Seite. Es gibt ein kleinen Plug-in von TinyMCE-Smiley-Button, das die 22 Smileys folgender Tabelle anzeigen kann.

icon	text	text	full text	icon	full text
🙂	:)	:-)	:smile:	😆	:lol:
😀	:D	:-D	:grin:	😳	:oops:
🙁	:(	:-(	:sad:	😥	:cry:
😮	:o	:-o	:eek:	👿	:evil:
😯	8O	8-O	:shock:	😈	:twisted:
😕	:?	:-?	:???:	🙄	:roll:
😎	8)	8-)	:cool:	❗	:!:
😡	:x	:-x	:mad:	❓	:?:
😛	:P	:-P	:razz:	💡	:idea:
😐	:|	:-|	:neutral:	➡	:arrow:
😉	;)	;-)	:wink:		:mrgreen:

Es gibt auch weitere Plugins, die die Verwendung von Emojis und Icons erleichtern können. Es ist jedoch wichtig, sicherzustellen, dass sie gut getestet und zuverlässig sind, um Probleme zu vermeiden.

Insgesamt sollten Smileys und Emojis mit Bedacht verwendet werden, um sicherzustellen, dass sie den Inhalt des Artikels verbessern und nicht beeinträchtigen.

Kontinuität: Und wieder Zurück zum Anfang? 😆

Zum Überblick WP Multisite

Um einen Überblick zu geben, möchte ich auf ein fortgeschrittenes Thema eingehen: WordPress Multisite. Für eine ausführliche Recherche empfehle ich eine Suche im Netz.

Meine Überlegung

Es ist möglich, eine WordPress-Installation mit Multisite vorzubereiten, um zukünftige Entwicklungen zu ermöglichen. Für den Einstieg empfehle ich jedoch, mit einer einfachen Installation zu beginnen und evetuell auch dabei zu bleiben!

Mit der einfachen Installation anfangen. So gereichte es auch mir zum Erfolg. Mit andrer Art von Multiblog sind der Einfachen Installation auch in sich geschlossene Beiträge/Blog-Projekte möglich. Siehe Vorheriger/Nächster Beitrag gleicher Kategorie. Des Letzteren sind aber die Suchergebnisse in Suchmaschinen zusammengefasst. Dies kann sich des unterschiedlichen Fokus weniger gut im SEO-Ranking auswirken. Hingegen mit Multisite und einer Subdomain (kultur.deinedomain.net) lesen die Suchmaschinen die Sub-Domains als eigenständige Domain.

Mein Fazit: Die Zeilen zur Multisite stellten sich nach gewisser Zeit. So einfach es gern dargestellt wird, ist das Ganze nicht.

Coach zur Webpräsenz

Suchmaschinen können eine sehr wertvolle Ressource sein, wenn es darum geht, Antworten auf technische Fragen zur Erstellung von Websites zu finden. Durch das Durchsuchen von Foren, Blogs und anderen Online-Ressourcen können Sie schnell auf eine Vielzahl von Informationen zugreifen, die Ihnen helfen können, Ihre Website zu erstellen und zu verbessern.

Tipp: Es ist immer eine gute Idee, zuerst in Foren oder in der WordPress-Dokumentation nach Antworten zu suchen, bevor man eine Frage stellt. Wenn man keine Ergebnisse findet, sollte man versuchen, seine Frage so klar und präzise wie möglich zu formulieren.

WordPress dreht im WordPress Codex
(Wer hatte das gedacht).
^Wegerl

Themenwechsel

Schnell mal das Theme wechseln?!
WordPress Theme Wechseln ist ganz einfach
… Prinzipiell stimmt es. Mit wenigen Klicks hast Du dir ein neues WP Theme geholt und aktiviert.

Dessen Zeilen sind zu beherzigen! Der Themenwechsel ist Dashboards → Design → Themes recht einfach. – ja, am Beginn einer Website ist das richtig. Bestehender Website kann das konträr ausfallen. Themes haben ihre Eigenschaften und passen meist nicht ursprünglichen Erstellung des Themes zusammen. Immer noch Danksagung und +1 Monika.

Beim Wechseln eines Themes auf einer bestehenden Website können Kompatibilitätsprobleme und Verlust von Widgets oder anderen Einstellungen auftreten. Es ist wichtig, sicherzustellen, dass das neue Theme mit den Plugins und Funktionen der Website kompatibel ist, bevor man es aktiviert.

Im Heute ist da unter Design → Themes → Mouseover/Live Vorschau. Die Live-Vorschau-Funktion ist dabei sehr hilfreich, um zu sehen, wie das neue Theme auf der Website aussieht, bevor man es aktiviert. Es ist auch eine gute Idee, vor dem Wechseln ein Backup der Website durchzuführen, falls es während des Prozesses zu Problemen kommt.

Backend  – wp-admin – Frontend

Das Backend bezieht sich tatsächlich auf die Struktur und Technik im Hintergrund, einschließlich der Datenbank, der Serverkonfiguration und der Software. Der Begriff wp-admin oder einfach Admin bezieht sich auf den Administratorbereich in WordPress, der Teil des Backend ist.

Das Frontend ist der Teil der Webpräsenz, der von den Besuchern gesehen wird. Der Administratorbereich von WordPress, auch bekannt als das Dashboard, ist der Bereich, in dem der Website-Inhalt und die Einstellungen bearbeitet werden können. Die veröffentlichten Beiträge der Website sind für den Administrator in der ‘Backend-Ansicht’ oder ‘Dashboard-Ansicht’ sichtbar.

Der Administratorbereich ist im Backend der Website zu finden, während das Frontend der Bereich ist, der öffentlich zugänglich ist und von den Besuchern gesehen wird.

Task

Ein Task ist eine in sich geschlossene Aufgabe, die innerhalb eines Programms oder als ein ganzes Programm implementiert sein kann. Ein Task wird normalerweise ausgeführt, um eine bestimmte Funktion auszuführen oder ein bestimmtes Problem zu lösen.

Tipp zu den Menüs

Um Menüs in WordPress zu bearbeiten, navigiere zum Dashboard → Design → Menüs. Nachdem du Menüpunkte hinzugefügt hast, warte bitte einen Moment und speichern Sie dann ab. Wenn du größere Änderungen am Menü vornnimmst, ist es ratsam, schrittweise zu speichern, um mögliche Verluste zu vermeiden.

Ein empfehlenswertes Plugin zur Vermeidung von Menü-Verlusten ist Duplicate Menu. Dieses Plugin kann eine Kopie des aktuellen Menüs erstellen, so dass du im Falle eines Verlusts schnell auf das Duplikat zurückgreifen kannst.

Browser-Tabs

Für Admin-Aufgaben ist es meist sinnvoll, mit mehreren Browser-Tabs zu arbeiten. So können verschiedene Aufgaben gleichzeitig erledigt und schnell zwischen ihnen gewechselt werden.

Browsers “in­ko­g­ni­to”

Für die Überprüfung der live Website kann es nützlich sein, ein inkognito-Fenster zu öffnen oder die Website in einem anderen Browser zu öffnen, um sie ohne die Anmeldedaten anzuzeigen. Andernfalls müsste man sich vom Dashboard abmelden, was umständlich sein kann. Dieser Bedarf ist jedoch selten, da die Vorschau in der Regel ausreichend ist.

Spezifisch Mac & iPad

Wenn es um die Entwicklung von Websites geht, gibt es spezifische Programme für das iPad und den Mac, die in der entsprechenden Kategorie zu finden sind. Wenn Sie sich in das Thema einarbeiten, ist es wichtig, langsam vorzugehen und sich schrittweise mit den technischen Details vertraut zu machen. Schließlich können Sie mit Tab 4 zum eigentlichen Inhalt Ihrer Website übergehen.

Nun zurück in die Zukunft 😉

Einstieg WordPress.org

Der Aufbau zur Registrierung des Webhostings, die Verwendung des FTP-Dienstes am Host, die Installation von WordPress und andere Schritte zum Erfolg sind sehr wichtige Grundlagen für die Erstellung einer Website.

Ich konnte meinen Einstieg in die Erstellung meiner ersten Website mithilfe einer App namens “Deine erste Website” reibungslos gestalten. Die App bot Schritt-für-Schritt Anleitungen für den Aufbau meines Internetauftritts, von der Registrierung des Webhostings bis hin zur Installation von WordPress mithilfe von FTP-Diensten und Programmen auf meinem Computer.

Die oben genannte App gibt es inzwischen nicht mehr, so habe ich eine ausführlichere Ressource gefunden, die diese Schritte zum Erfolg beim Webhosting detaillierter erklärt.

Webhosting leicht gemacht! – zum erfolgreichen Start

Die Schritte zum erfolgreichen Webhosting sind im obigen Link ausführlicher beschrieben als in der damaligen App. Obwohl ich meine Umschreibung der App-Anleitung nicht als besser bezeichnen würde, konnte ich durch die Vorschau der Fragen und Lösungsansätze, die auf dem Weg zum Erfolg zu erwarten sind, sebst ein besseres Verständnis für den Prozess des Webhostings gewinnen.

Die erste Dateistruktur

Nachdem man das WordPress-Archiv von wordpress.org heruntergeladen und die zip-Datei entpackt hat, findet man den Ordner wordpress. Darin sind alle Dateien von WordPress enthalten. Beim Hochladen auf den Server ist es wichtig zu beachten, ob man den Ordner wordpress oder alle Dateien und Unterverzeichnisse innerhalb des Ordners wordpress hochlädt.

Wenn man die Website unter http://domainname.at aufrufen möchte, sollte man nur die Dateien und Verzeichnisse innerhalb des wordpress-Ordners hochladen. Wenn die Website jedoch unter http://domainname.at/wordpress/ zu finden sein soll, muss man den gesamten “wordpress”-Ordner hochladen.

• Es ist sehr ratsam, den gesamten wordpress-Ordner hochzuladen, auch um spätere Probleme beim Erstellen weiterer Websites zu vermeiden. Dazu sollte man zunächst eine eigene Domain erstellen und dann das Verzeichnis wordpress auf die Domain leiten. Dadurch wird die Website direkt unter http://domainname.at erreichbar sein und das Verzeichnis wordpress wird im Pfad nicht mehr angezeigt.

Siehe: Info zum Verzeichnis und Domain

Das Schönste, die Errors

Zum Beispiel siehe Parse error: syntax error, […]

Jeder von uns hat schon einmal Fehler gemacht, und das ist normal. Besonders in der Anfangszeit sind Fehler unausweichlich und können sogar frustrierend sein. Aber das Wichtigste ist, daraus zu lernen und sich weiterzuentwickeln.

Genau wie beim Klettern nach der Drei-Punkt-Regel* ist es wichtig, in kleinen Schritten vorzugehen und sich Zeit zu nehmen, um sich an die Herausforderungen zu gewöhnen. Aber mit der Zeit wird man immer sicherer und erfahrener, und das Schaffen einer erfolgreichen Internetseite wird einfacher.

Wenn man sich auf den Prozess konzentriert, statt auf den endgültigen Erfolg, kann man auch mehr Spaß dabei haben. Wichtig ist es, geduldig zu bleiben und sich selbst immer wieder herauszufordern. Denn nur so kann man wachsen und sich verbessern.

^{*Wikipedia, Drei-Punkt-Regel}

Stammverzeichnis und Dateistruktur

Es gibt zwei Szenarien: Im ersten Fall befindet sich WordPress mit allen Verzeichnissen und Dateien im Verzeichnis (Ordner) wordpress, während im zweiten Fall die Verzeichnisse und Dateien lose auf dem Web-Host-Server liegen. Letzteres führt zu einer unübersichtlichen Struktur. Daher zur Klarstellung: Der Inhalt des gesamten Ordners wordpress bzw. das gesamte Verzeichnis sollte ins Stammverzeichnis hochgeladen werden, in einen neu erstellten Ordner (zum Beispiel wordpress oder mit einer eigenen Namensgebung).

Weitere Vorteile ergeben sich aus der Strukturierung der Verzeichnisse und Dateien. In WordPress befinden sich alle Verzeichnisse und Dateien im Ordner wordpress, und der anderen Version sind die Dateien locker verteilt. Dies kann die Übersicht erschweren. Daher sollte der gesamte Ordner wordpress in das Stammverzeichnis des Web-Host-Servers geladen werden.

Ein Beispiel:

• Der Web-Host-Server “bplaced” hat standardmäßig im Server-Stammverzeichnis (Server-Rootverzeichnis) einen Ordner bzw. Verzeichnis namens www.
• In diesem Ordner befindet sich WordPress im Verzeichnis wordpress mit allen weiteren Verzeichnissen und Dateien.
• Alles, was online sein soll, muss in das Verzeichnis www geladen werden.

Übrigens ist “Verzeichnis” der gebräuchliche Fachbegriff in der Informationstechnik, während “Ordner” eher im Alltag verwendet wird.

Domain

Ein weiterer wichtiger Aspekt ist die Wahl der Domain. Zum Beispiel stellt domainname.hostname.net eine Sub-Domain dar.

Meierei

Eine kreative Lösung für die Subdomain wurde mit kilobyte.bplaced.net gefunden. Diese (Sub)Domain passt sehr gut. Solche Beispiele findet man gelegentlich im Netz. Eine mögliche Nachahmung wäre bit.bplaced.net, aber das bit ist bereits im Anfangsbuchstaben des Kürzels “b” enthalten, welches für “Bit” steht. “Placed” bedeutet platziert, untergebracht, vermittelt oder auch “placed[order]erteilt [Auftrag]comm.placed”. Eine Alternative wäre “byte.bplaced.net”. In jedem Fall gilt es, kreativ zu sein und die passende Subdomain zu finden oder eine eigene Domain zu bestellen.

‘bplaced’ originär: Die englische Aussprache von „bplaced“ steht für das phonetisch gleichklingende „be placed“ – also etwa „sei platziert“ – einfach „hab‘ einen Platz für deine Website gefunden“.

Es ist empfehlenswert, die Domain ohne www zu erstellen, da dies die Erstellung von Wildcard-Subdomains und WordPress-Multisite-Subdomains durch den Registrarprovider ermöglicht. Eine Anleitung dazu findest du unter Domain Aufschalten (vom Domainregistrar auf den Web-Host-Server). Es ist einfacher, wenn der Host dieselben Domains anbietet wie der Web-Host-Server, wie es bei bplaced der Fall ist. Dort kannst du Shared-Webhosting-Services nutzen.

Neben dem Forum bietet bplaced auch ein Ticket-System an, über das sich die Mitarbeiter speziellen Anfängerfragen* annehmen.

* Personen, die am Beginn einer Aufgabe stehen oder wenig Sachkenntnis besitzen.

WAMP für Windows oder MAMP für Mac

Die Erstellung hier des Internetauftritts habe ich online bewerkstelligt. Erst nach drei Jahren bin ich auf WAMP für Windows bzw. MAMP für Mac gestoßen und habe mir hiermit eine lokale Entwicklerumgebung auf meinem Computer installiert. Weitere Informationen sind in meinem Beitrag WAMP for Windows MAMP for Mac.