Person tippt auf Laptop

Website aufsetzen

Sie betreiben ein wenig Heimatkunde? Sie sammeln Geschichten von früher bei den Senioren? Sie tippen das Kirchenbuch ab? Sie sammeln Zeitungsausschnitte als Chronist Ihres Ortes? Sie schreiben ab und an einen Artikel über die Geschichte der Eisenbahn im Landkreis? etc.

Dann sollten doch möglichst viele Menschen etwas davon mitbekommen. So kommt das Wissen unter die Leute. Und es finden sich auf diesen Weg vielleicht sogar Gleichgesinnte.

Für alle Projekte, die länger als 2 Jahre existieren (könnten), ist eine eigene Webseite empfehlenswert. Für Laien ist WordPress als Basis zu empfehlen (leicht zu verstehen, sehr viele Hilfeseiten die beim Googeln erscheinen und die Seiten passen sich an die Bildschirmbreiten von PCs und Handys automatisch an). IONOS als Anbieter ist zu empfehlen, weil er günstig ist und in der Vergangenheit sehr kurze Antwortzeiten beim Seitenaufbau hatte.

Beim ersten WordPress-Projekt muß man sich aber einige Stunden hinfuchsen, viele Hilfetexte lesen, viel Googeln und immer wieder mal jemanden fragen.

Grundgerüst der ersten Webseite aufbauen

Wenn Sie für ein Projekt selbst eine Webseite aufsetzen wollen, wie diese hier, dann gehen Sie folgt vor:

  • Bestellen Sie bei der Firma 1&1 IONOS (https://www.ionos.de ) diesen Tarif: WordPress Hosting Business (https://www.ionos.de/hosting/wordpress-hosting?ar=1#packages)
    Das kostet Sie 84 € pro Jahr.
  • Installieren Sie auf der WordPress-Dashboard-Seite unter Design/Themes dieses “Theme”: Astra (die kostenlose Variante)
  • Installieren Sie auf der WordPress-Dashboard-Seite unter Plugins/installieren dieses Plugin: Starter Templates von Brainstorm Force. Aktivieren Sie dieses Plugin gleich.
  • Auf dem WordPress-Dashboard taucht nun unter Plugins das “Starter Templates” auf. Klicken Sie dort auf “See Library”
  • Wählen Sie den “Block Editor” (bzw. Gutenberg-Editor), um die Auswahl einzugrenzen.
    Grund: Es könnte sein, dass die anderen Editoren in einigen Jahren nicht mehr fortgesetzt werden, da der “Block Editor” mittlerweile so mächtig geworden ist.
  • Suchen Sie eine Web-Site, die Ihren Vorstellungen entspricht. (Für diese Website wurde “Gardening & Landscaping” gewählt.)
    Laden Sie diese komplette Website herunter.
  • Installieren Sie auf der WordPress-Dashboard-Seite unter Plugins/installieren dieses Plugin: Yoast Duplicate Post
    Damit können Sie Seiten duplizieren.
  • Passen Sie auf dem WordPress-Dashboard das Menü an unter Design/Menüs
  • Ändern Sie nun die heruntergeladenen Seiten. Ersetzen Sie die Photos. Fügen Sie Ihr Projekt-Logo ein.
  • Gehen Sie auf https://www.e-recht24.de/ und lassen Sie dort ein Impressum und eine Datenschutzerklärung erzeugen. Erzeugen Sie dafür zwei Seiten mit jeweils einem HTML-Block und fügen Sie die Texte dort ein. Beide Seiten müssen in der Fußzeile jeder Seite verlinkt sein (Design/Customizer).

Plug-Ins

WordPress ist ein Rahmen, in den man hilfreiche Plug-Ins einfügen kann. Diese Plug-Ins werden auf dieser Website verwendet:

PlugInAufgabeBemerkungKategorie
Advanced Editor Tools (vormals TinyMCE Advanced)Erweitert und bereichert den Block-Editor (Gutenberg) und den klassischen Editor (TinyMCE). Vermutlich überflüssigEditor
Antispam BeeAntispam-Plugin mit einem hochentwickelten Tool-Set für effektive tägliche Kommentar- und Trackback-Spam-Bekämpfung. Entwickelt mit Blick auf Datenschutz und Privatsphäre. Erkennt Spam in Kommentaren und blockiert diese Kommentare dannSicherheit
Astra WidgetsThe Fastest Way to Add More Widgets into Your WordPress Website. Editor
BackWPup – WordPress-Backup-Pluginsichert die gesamte Website in DateienVerwaltung
Broken Link CheckerÜberprüft deine Website auf fehlerhafte Links und nicht-vorhandene Bilder und benachrichtigt dich im Dashboard, wenn welche gefunden werden. Sehr komfortabel. Gelegentlich bekommt man ein Mail, daß ein Link nicht mehr funktioniert.Inhalte optimieren
BSK PDF Manager ProVerwaltet PDFs. Man kann Links auf Einzel-PDFs oder Listen von PDFs darstellen (per „Shortcut“-Code im Webseitentext). Jedem PDF kann man mehrere Kategorien zuweisen und so z. B. beim Ort Jesenwang automatisch immer alle PDFs der Kategorie „Jesenwang“ darstellen.Kostenpflichtig – aber sehr hilfreichPDFs
CC Child PagesShow links to child pagesDamit kann man eine Liste von Unterseiten einbauen (die immer automatisch aktuell ist)Editor
Easy Table of Contents Fügt eine benutzerfreundliche und vollautomatische Möglichkeit hinzu, ein aus dem Seiteninhalt generiertes Inhaltsverzeichnis zu erstellen und anzuzeigen. Erstellt ein Inhaltsverzeichnis der Überschriften auf dieser Seite (also nicht der Unterseiten)Editor
GutenbergDer neue Standard-Editor mit Blöcken in WordPress Editor
Icegram Express – Email Subscribers, Newsletters and Marketing Automation Plugin Füge Abonnementformulare der Webseite hinzu, sende HTML-Newsletter und benachrichtigen Abonnenten automatisch über neue Blogbeiträge, sobald diese veröffentlicht werden. Etwas komplex. Aber es funktioniert, wenn man so vorgeht:
Man legt in Kampagnen/Verwalte Vorlagen ein neue Vorlage
Dann in Kampagnen/Erstelle Beitragsbenachrichtigung eine neue Abo-Möglichkeit schaffen. Dabei die vorher angelegte Vorlage auswählen und die Beitrags-Kategorie auswählen.
In Zielgruppe/Verwalte Listen eine neue Abonnentenliste anlegen
In Formulare ein neues Formular erzeugen. Dabei auch die Abonnentenliste angeben
im Seitentext diesen Shortcut einfügen:
[ email-subscribers-form id=”2″ ]
Feedback
IONOS AssistantDer IONOS Assistant hilft dir, die Ersteinrichtung deines WordPress schnell und einfach durchzuführen. Er unterstützt dich dabei, für deine WordPress-Installation ein Theme und Plugins für den gewünschten Verwendungszweck zu finden. Ersteinrichtung
IONOS HelpThis plugin links provides you with information and guidance to help you navigate through WordPress administration and find support available at IONOS. The complete set of information is available with activated IONOS login to fetch information form IONOS Help Center. Verwaltung
IONOS LoginIONOS Login erlaubt dir die Anmeldung in WordPress mit den Zugangsdaten für dein IONOS Kundenkonto. Dadurch kannst du schnell zwischen WordPress und Kundenkonto springen.Verwaltung
IONOS NavigationMit IONOS Navigation öffnest du direkt deine persönlichen IONOS Kundenkonto-Inhalte, wie z. B. Rechnungen und Vertragsdaten und wechselst schnell zwischen deinen Managed WordPress-Instanzen. Verwaltung
IONOS PerformanceIONOS Performance verwendet einen Cache, um von WordPress generierte HTML-Inhalte zwischenzuspeichern. Sie können diesen Cache nutzen, um die Leistung Ihrer Website zu verbessern, ohne dass eine umständliche Konfiguration erforderlich ist, indem Sie dieses Plugin aktivieren. Performance
Kadence Blocks – Gutenberg Blocks for Page Builder Features Advanced Page Building Blocks for Gutenberg. Create custom column layouts, backgrounds, dual buttons, icons etc. Bietet ein paar brauchbare Elemente für Webseiten (Tabulatoren, Spalten etc.)Editor
Limit Login Attempts Reloaded Blockiere übermäßige Anmeldeversuche und schütze deine Website vor Brute-Force-Angriffen. Einfache, aber leistungsstarke Werkzeuge zur Verbesserung der Website-Performance. Funktioniert. Sperrt bei den regelmäßigen Angriffswellen tatsächlich IP-Adressen.Sicherheit
Mammoth .docx converterMammoth converts semantically marked up .docx documents to simple and clean HTML. Unverzichtbar. Importiert Word-Dateien in den Editor in exzellenter Qualität.Tool
Page-list[ pagelist], [ subpages], [ siblings] and [ pagelist_ext] shortcodesDamit kann man eine Liste von Unterseiten einbauen (die immer automatisch aktuell ist)Editor
Real Cookie Banner (Free) Hole DSGVO (GDPR) und ePrivacy (EU Cookie Law) konforme Opt-in Cookie Einwilligung ein. Finde Cookies und trage alle rechtlichen Informationen in deinen Cookie Banner ein. Mehr als nur ein Cookie-Hinweis! Der lästige automatisch einblendende Button, den jeder Nutzer mit „Ja“ beantworten muß. Ist wohl unbedingt nötig.Sicherheit
Regenerate Thumbnails AdvancedRegenerate thumbnails fast and easy while removing unused thumbnails of existing images; very useful when changing a theme. ?
RelevanssiDieses Plugin ersetzt die Suchfunktion von WordPress mit einer nach Relevanz gewichteten und sortierbaren Suchfunktion. Wird empfohlen. Aber ob es wirklich nötig ist?Suche
Shariff WrapperShariff stellt Teilen-Buttons bereit, die die Privatsphäre der Besucher schützen und im Einklang mit der Datenschutzgrundverordnung (DSGVO) stehen. Benutzer können so Seiten über Facebook etc. teilenFeedback
SpectraThe Spectra extends the Gutenberg functionality with several unique and feature-rich blocks that help build websites faster. Editor
Starter TemplatesStarter Templates is all in one solution for complete starter sites, single page templates, blocks & images. This plugin offers the premium library of ready templates & provides quick access to beautiful Pixabay images that can be imported in your website easily. Ersteinrichtung
StatifyKompakte, anwendungsfreundliche und datenschutzkonforme Statistik für WordPress. Ein Ersatz für Google-Analytics (mit leider nur 10 % der Informationen)Verwaltung
Table of Contents Plus Ein leistungsstarkes und benutzerfreundliches Plugin, welches automatisch ein Inhaltsverzeichnis erstellt. Zusätzlich verfügt es über eine Sitemap-Ausgabe mit allen Seiten und Kategorien. Inhaltsverzeichnis für einzelne HTML-Seiten und Sitemap für mehrere Seiten mit Shortcuts, wie [ sitemap_pages], [ toc], [ sitemap], etc.Editor
TablePressTablePress ermöglicht das Erstellen und Verwalten von Tabellen in Beiträgen und Seiten, ohne dafür HTML-Code nutzen zu müssen, und fügt für die Besucher nützliche Funktionen hinzu. Exzellente, sehr funktionsreiche und schnelle TabellenEditor
The Events CalendarEvents Calendar ist ein sorgfältig entwickeltes, erweiterbares Plugin, mit welchem Du einfach Veranstaltungen teilen kannst. Editor
Ultimate MemberDer einfachste Weg, leistungsstarke Online-Gemeinschaften und schöne Benutzerprofile mit WordPress zu erstellen Verwaltung
WordPress ImporterImportiert Beiträge von anderen WordPress-Blogs. Leider funktioniert es nur schlecht (Bilder gingen z. B. verloren)Ersteinrichtung
WPFormsEinsteigerfreundliches WordPress-Kontaktformular-Plugin. Benutze unseren Drag-and-drop-Formular-Builder, um deine WordPress-Formulare zu erstellen.Rückmelde-Formulare in die Seite einbauenFeedback
Yoast Duplicate PostDas Tool zum Duplizieren von Beiträgen und Seiten, inklusive der leistungsstarken Funktion „Überarbeiten und Wiederveröffentlichen“.Erleichtert es Blog-Beiträge oder Seiten zu schreiben, die ähnlich aussehen sollen, wie bereits bestehendeVerwaltung
Yoast SEODie erste echte All-in-One-SEO-Lösung für WordPress, einschließlich On-Page Inhaltsanalyse, XML-Sitemaps und vielem mehr.Bitte echt hilfreiche Analysen der Seiten mit Tipps, wie man sie lesefreundlicher machen kannInhalte optimieren

Bilder

Achten Sie immer darauf, daß Sie die Bildrechte an einem Bild auf Ihren Seiten haben! Schauen Sie also vorher auf die Webseite der Bildquelle – meist steht dazu etwas. Ansonsten müssen Sie in einem Mail um die Abdruckrechte bitten (erwähnen Sie, daß es für nicht-kommerzielle, heimatkundliche Zwecke ist.) Viele Rechteinhaber verlangen bestimmte Quellen-Angaben. Die sollten sie genau so unter Ihr Bild einfügen.

Bei eigenen Photos und Zeichnungen haben Sie alle Rechte. Seien Sie doch so nett und geben Sie diese Illustrationen frei für alle. Schreiben Sie dazu unter das Photo: CC BY-NC-SA 3.0 DE

Kostenlose Photos finden Sie bei https://www.pixabay.com/

Blöcke ausblenden

Wenn Sie denken, daß Sie einige der Blöcke von Musterseiten später vielleicht mal benötigen, dann können Sie sie ausblenden. Fügen Sie dazu unter Design/Customizer/Zusätzliches CSS diesen Code ein:

/* Einen Block verstecken - unter erweitert: */
.inhalt_verstecken {
    display: none; 
}

Bei jedem Block, den Sie ausblenden wollen, schreiben Sie in die Blockeigenschaften bei Erweitert/Zusätzliche CSS-Klasse(n) diese Zeile:

inhalt_verstecken

Achtung: Überschriften in ausgeblendeten Blöcken sollten Sie in normale Absätze umwandeln. Sonst tauchen sie in Inhaltsverzeichnisblöcken auf.

What Our Clients Say

Let real testimonials do the speaking! Pick the best and display them in this section.


If you are looking for some awesome, knowledgeable people to work with, these are the guys I highly recommend. Their friendliness and result-driven approach are what I love about them.

Nadine Berger
Fashion Designer

If you are looking for some awesome, knowledgeable people to work with, these are the guys I highly recommend. Their friendliness and result-driven approach are what I love about them.

Nadine Berger
Fashion Designer

If you are looking for some awesome, knowledgeable people to work with, these are the guys I highly recommend. Their friendliness and result-driven approach are what I love about them.

Pascal Haas
Entrepreneur

If you are looking for some awesome, knowledgeable people to work with, these are the guys I highly recommend. Their friendliness and result-driven approach are what I love about them.

Carmen Haas
Freelancer

Let’s Bring Nature Into Your
Lovely House

Use these paragraphs to focus on the topic in the headline. Make sure you
keep it short and attractive.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Cookie Consent mit Real Cookie Banner