Suche
Suche
Close this search box.
Professionelle Homepage ohne Coding

Pro Website ohne Coding

tl;dr: Kann man ohne Coding eine Professionelle Website erstellen? Ja, aber ohne Coding heisst nicht ohne Know-How. Welche Tools (Spoileralarm: WordPress und Elementor) man benötigt und wie es geht erfährst du hier im Überblick.  

Inhalt

Es geht darum eine professionelle Homepage zu erstellen. Es geht aber nicht darum, HTML, CSS, JavaScript oder Programmieren zu lernen.  Es geht auch nicht darum Baukästen zu benutzen und eine (ungenau passende) vorgefertigte Schablone zu verwenden. Das Ergebnis muß eine einmalige, genau zugeschnittene Lösung sein. 

Zu den Begriffen:

Was ist eine Professionelle Website?

Damit man von einer Pro-Website sprechen kann sollten folgende Anforderungen erfüllt werden:

  • Der Inhalt wurde sorgfältig erstellt und wird regelmäßig gewartet. SEO ist Teil davon.
  • Die Webseite ist technisch aktuell, wird regelmäßig upgedatet.
  • Backups und Sicherheit sind alltägliche Routine.
  • Das Webdesign folgt Gestaltungsrichtlinien die mit dem Corporate Design des Projektes zu tun haben.
  • Die Struktur folgt den Anforderungen des Inhaltes und nicht den Möglichkeiten des CMS.

Was bedeutet ohne Coding?

Es gibt immer noch jede Menge Webdesigner und Schulungseinrichtungen die behaupten, ohne Kenntnisse in HTML und CSS kann man keine ordentliche Website erstellen. Wer sich damit auskennt hat sicher kleine Vorteile bei manchen Details, wer nicht kann aber genauso schnell gut funktionierende Lösungen erstellen – mit dem richtigen Know-How, den richtigen Tools und dem Wissen darüber, wie man diese Dinge verbindet.

Du wirst viel lernen um eine Pro-Website zu erstellen, aber keine Dinge, die Programme besser erledigen können als du. 

Welche Tools braucht man dazu?

Wie lerne ich das jetzt?

Ich biete dir 3 verschiedene Wege an wie du zu deiner Pro-Website kommen kannst. 

  1. Kostenlos: das Selbststudium. Das Elementor Pro Skriptum ist eine Lernhilfe die du dir herunterladen kannst und die dir helfen soll, deine Schritte zur Website mit Elementor zu lernen. Geeignet für alle Menschen mit Selbstdisziplin, wenig Geld und Geduld, die Freude am basteln haben und für die jedes Scheitern eine Chance bedeutet (Anm: ich selber lerne so am liebsten 🙂 ).
  2. Am Wifi Linz. Ich biete die notwendigen Inhalte in Form eines Kurses an: Professionelle Webseiten ohne Coding erstellen. Die nächsten Termine sind im Oktober 2022 und März 2023. 8 Abende á 4 Einheiten. Geeignet für alle die gerne in Kleingruppen lernen und persönlichen Live-Kontakt mit dem Trainer bevorzugen. 
  3. Als Webinar oder Privatschulung auf Stundenbasis. Besonders geeignet für Menschen mit Vorkenntnissen oder auch für Einzelgänger, die gerne ganz genau für ihren Bedarf ein Angebot suchen. Normalerweise finden diese Schulungen über Zoom statt, sie sind eine Mischung aus Vortrag, Übungen und Umsetzungen. Oft direkt am Projekt. 

Die Inhalte

Obwohl es je nach Anforderung verschiedene Schwerpunkte gibt ist die Basis für die meisten Trainings und Kurse sehr ähnlich:

  1. Grundlagen von WordPress mit Elementor. Was ist wofür zuständig? Wir funktionieren die Werkzeuge? Wie bekomme ich Inhalte auf die Webseite? Welche Basisfunktionen haben die Widgets? Wie gestaltet man eine statische Seite? Die wichtigsten Widgets, die 404-Seite.
    [ Artikel hierzu: Elementor Einstellungen ]
  2. Gestaltung und Struktur: was sind Seiten, Beträge, Attachments? Die Arbeit mit Abschnitten/Containern. Die wichtigsten Abstände und Ausrichtungen. 
    [ Artikel hierzu: Elementor mit Abstand ausgerichtet, Elementor Container,   ]
  3. Der Theme Builder. Wie man konsistente Sites mit Headern, Footer und den weiteren Templates erstellt. 
    [ Artikel hierzu: Elementor Templates, Header mit Elementor, Bessere Footer mit Elementor]
  4. Webdesign: Typographie, Farben und Responsive Design näher betrachtet. 
    [ Artikel hierzu: Schriften mit Elementor, Responsive Design -Layout mit Elementor ]
  5. Archive und Single. Posts. Das Arbeiten mit Beiträgen und eigenen Post-Typen /CPT UI). Die interne Suche. 
    [ Artikel hierzu:  Archive mit Elementor, Suchen und Finden mit Elementor]
  6. Formulare und Loops (Ele Custom Skin oder dynamic.ooo), Shortcodes
    [ Artikel hierzu:  Formulare mit Elementor. Elementor und Shortcodes
  7. Dynamische Inhalte, eigene Felder mit ACF, Globale Widgets, Globale Abschnitte
    [ Artikel hierzu: Dynamische Inhalte mit Elementor, Eigene Felder und Posttypen mit Elementor]
  8. Effekte, Animationen und Design

Fazit

Wer glaubt einen professionellen Webauftritt einfach zusammenklicken zu können irrt. Aber mit den richtigen Tools WordPress und Elementor und einer intensiven Auseinandersetzung mit deren Möglichkeiten kann man  das Umsetzen einer wirklich guten Website in wenigen Tagen lernen.