Selbst-gehostete-Webseite, erste Schritte

Collage drei Vektorgrafiken (63 KB) von Ditmar; SVGs, pixabay
Die Website selbst hosten? Dazu ist im Beitrag hier die Beschreibung zur Anmeldung am Web-Host-Server und WordPress.org Installation. Was ist WordPress? – das ist eine benutzerfreundliche Software mit der Websites und Blogs zu erstellen sind. Somit in Erklärung von nur drei Lektionen. Im Motto: Newcomer zum Erfolg.
Weiter wie dasselbe siehe auch Ditmar’s bplaced.net-Wiki.

Erste Lektion
Am Host Webspace oder Webhosting registrieren und Datenbank anlegen.

Zweite Lektion
FTP Dienst am Host und FTP-Programm am Computer einrichten.

Dritte Lektion
WordPress anlegen und die 5-Minuten-Installation.



Erste Lektion

Für „WordPress.org “ braucht es als Erstes so genannt Webspace. Zur ersten Bekanntschaft eignete sich das Webhosting von bplaced freestyle. Der Umstieg auf bplaced pro* ist jederzeit möglich. Die Illustration ist hier mit Freestyle.

*Empfehlung! – bplaced pro bietet voll funktionelles WordPress ebd. mit Socketfunktionen (welches für WordPress wichtig ist).

… und lass dich vom Fachjargon und der Einstellungsmöglichkeiten am Web-Host-Server nicht irritieren! –, follow me :-)

Content-Management-Systeme (kurz CMS, deutsch Inhaltsverwaltungssysteme) mit bplaced von Drupal 8, Joomla, Koken (Fotografie-CMS), Matomo, MediaWiki, PhpBB 3.2, Typo3 CMS und WordPress oder Shopsystem mit OpenCart, Prestashop und Shopare, ebd. Installationen beschrieben im bplaced Support Wiki, s. Inh.-Verz. CMS und Shopsysteme.

Webhosting/Webspace registrieren

the place for your webspace

die Location für dein Webhosting

Anmeldung

  1. Für bplaced: freestyle Jetzt anmelden anklicken.
  2. Konkrete, korrekte E-Mail-Adresse eingeben, Sicherheitscode eingeben und Anmelden.
  3. (Ohne Bild.) Mit Anklick' der Schaltfläche Hier gehts weiter geht’s zur „Anmeldeseite“. Das über E-Mail zugesandte Passwort unter der E-Mail-Adresse eingeben und auf Anmelden klicken.
  4. Willkommen! – nur noch wenige Schritte …
    • Kontodaten/Heimverzeichnis: (In Beispiel) deinedomain
      [„deinedomain“, stellt sodann den Benutzernamen + Name der (ersten) Datenbank + (Sub)Domain deinedomain.bplaced.net].
    • Optional, Beschreibung des Kontos.
    • Wahl für Newsletter.
    • Neues Passwort generieren (kopieren, notieren und abspeichern); dieses Passwort ist nun mit der E-Mail-Adresse für die Anmeldung am Host bplaced. – Weiter anklicken.
    • Zusammenfassung Anmeldung:li. Kontodetails. S. re. „Meine Bestellung“: AGB lesen. Diese sind mit deinem Einverständnis abzuhaken. – und Anmeldung abschließen. 

Die Anmeldung zum Webhosting ist abgeschlossen. Mit anklicke grüne Schaltfläche, wie der Name sagt, gelangt man zur Startseite!

(S. bplaced Webspace registrieren.)

MySQL-Datenbank erstellen

bplaced Was sind Datenbanken?

  1. bplaced Startseite links: Datenbanksymbol/StapelsymbolDatenbanken auswählen.Den Host bplaced ist der Benutzername auch der (erste) Datenbankname. Beispiels, deinedomain. Diesem, ersten Datenbanknamen, die MySQL-Datenbank erstellen.
    1. Passwort für die Datenbank generieren (kopieren, notieren und abspeichern) – Weiter
    2. Fertig, anklicken.
      Seite links ist durch die „1“ zu ersehen, die Datenbank wurde erstellt. [Nicht irritieren, von „Datenbank hinzufügen“, das ist zur Erstellung nächsten Datenbank, z. B. Name von neuer Datenbank eingeben: deinedomain_nr2).]

Dem Webhosting ist hiermit eine Datenbank eingerichtet.

Zweite Lektion

Im Zweiten geht es um die Einrichtung des Hosts FTP Services und entsprechendes Programm am Computer.

FTP Dienst am Host anlegen

Am Host bplaced wurde durch die Erstellung der Datenbank automatisch das FTP Konto erstellt. S. Host Startseite, FTP (li. Symbol Pfeil nach oben) anklicken.

  1. 1 FTP-Zugang vorhanden. Benutzername ist derselbe wie zur Erstellung des Kontos / Heimverzeichnis, hier Beispiels deinedomain.
  2. Das Passwort ist das gleiche, wie das erste Log-in zu bplaced, welches man über E-Mail erhalten hat, (s. Eins/Anmeldung/Pkt. 3., dieses  Passwort wäre nächst für das FTP-Programm am Computer, um mit dem Server zu verbinden). Empfehlung! – neues Passwort generieren, s. nächst Pkt. a.

    Seite FTP – li. unten: „Übersicht FTP-Zugänge“ / re., „Aktion“, für Einstellung das Zahnradsymbol anklicken. FTP-Zugang bearbeiten.
    1. (li., Symbol Pfeil nach oben, anklicken) Seite FTP – li. unten: „Übersicht FTP-Zugänge“ / re., „Aktion“, für Einstellung das Zahnradsymbol anklicken.
    2. FTP-Zugang bearbeiten. Für den FTP Dienst neues Passwort generieren (kopieren, notieren und abspeichern). – Fertig anklicken.

(S. bplaced FTP-Zugänge)

Der FTP Dienst vom Host ist mit einem Programm zu nützen, um vom Computer aus auf den Server zuzugreifen.

FTP-Programm am Computer anlegen und einrichten

FTP-Programm anlegen

Alternativ für Windows FileZilla (so oder so!) und für Mac Cyberduck. – diesem Schritt ist Eigeninitiative gefragt das geeignete Programm zu finden. Meinerseits sind am MacBook FTP-Client Yummy FTP (Pro) und am iPad FTP Sprite+ oder FTPManager Pro.

Nach Installierung geeigneten Programms am Computer geht es zum:

FTP-Programm einrichten

  1. Das FTP-Programm öffnen und neue Verbindung anklicken.
    1. Die Verbindung (Anzeigenname) individuell benennen.

      iPad, FTPManager
    2. Server, Host oder IP-Adresse, Beispiels deinedomain.bplaced.net (ebd. mit deinem Benutzernamen).
    3. Der Port ist 21 oder kann durch die Automatik vom Server auch leer gelassen sein.
    4. Protocol: Require explicit FTP over TLS (Erfordert explizites FTP über TLS).
    5. Transfer Mode: Passive.
    6. Server Charset: UFT8.
    7. Benutzername: deinedomain.
    8. Kennwort: Das Passwort für die FTP-Verbindung und Verbinden anklicken.

      Beispiels FTP Sprite+ am iPad. Vorab, siehe auf Ordner/Verzeichnis www, in welchen Ordner/Verzeichnis der Ordner/Verzeichnis wordpress hochzuladen ist.

Die FTP-Verbindung ist eingerichtet. Ab nun kann über das FTP-Programm auf des Host bplaced Server so genannten Webspace zugegriffen werden.

bplaced Eine erste FTP-Verbindung herstellendazu Interesses, ein paar Abklärungen, weiterer Einstellungen zum FTP-Client. Was ist …?

Bandbreitenkontrolle
: Die Server von bplaced lassen nur gesunden, rationalen Datendurchsatz zu – diesbezüglich sind also nutzerseitig keine Einstellungen erforderlich.
Übertragungen: „Höchstzahl der Verbindungen pro Server“, d. h., die „Anzahl gleichmäßiger Verbindungen“. So es das in deinem FTP-Client gibt, auf 1-2 einstellen. Zu viele Verbindungen (respektive, Verbindungen über dem Limit) weist der Server ab. Aus Sicherheitsgründen zu vielen abgewiesenen Verbindungen erfolgt eine temporäre Sperre für den FTP.
Proxy-Server, wenn vorhanden, sind hier einzutragen.
CHMOD-Zugriffsrechte sollten deaktiviert sein. Unwissend kann man bei der Freigabe von „777“ eine Menge kaputtmachen. Andersherum, beim rigorosen Reduzieren kann man sich selbst die Rechte entziehen seine eigenen Dateien zu bearbeiten ;)

b
placed Support

Zusammenfassung Web-Host-Server:

 🎷Anmeldung am Host

  • Erste Lektion, Anmeldung Pkt. 3., der E-Mail-Adresse zugesandtes Passwort, das Konto am Host erstellen.
  • Erste Lektion, Anmeldung Pkt. 4.a., Konto / Heimverzeichnis deinedomain. Die (Sub)Domain heißt somit deinedomain.bplaced.net, das ist auch für das FTP-Programm am Computer die Server, Host oder IP Adresse, um sich mit dem Web-Host-Server zu verbinden.
  • Erste Lektion, Anmeldung Pkt. 4.d., neues Passwort für die Host-Anmeldung generieren.

 🎺  Konto / Heimverzeichnis und Datenbank erstellen.

  • Erste Lektion, Datenbank erstellen Pkt. 1., Konto / Heimverzeichnis deinedomain ist auch Datenbankname ersten Datenbank (deinedomain).
  • Erste Lektion, Datenbank erstellen Pkt. 1.a., Datenbankname deinedomain und Passwort der Datenbank braucht es auch für die  Installation WordPress .

 🎸FTP Dienst

  • Zweite Lektion, FTP Dienst am Host anlegen Pkt. 1., Benutzername ist als deinedomain vorhanden und
  • Zweite Lektion, FTP Dienst am Host anlegen: Pkt. 2.a.b., das (neu generierte) Passwort FTP, um sich mit FTP-Programm am Computer zum Server des Hosts zu verbinden.
  • Zweite Lektion, FTP-Programm am Computer „anlegen“, und
  • „einrichten“ Pkt. 1., a.-h.

the place for your webspace


… fast zu schön, um wahr zu sein

Die Location für dein Webhosting

  HTTPS/SSL, PHP-Socketfuntionen und mehr

E-Mailadressen, Cronjobs, SSH Zugriff und mehr

WEBHOSTING

… auf hohem Niveau.

Dritte Lektion

Im Dritten geht es um den Download von WordPress respektive ClassicPress* und die Installation.

*ClassicPress, meine Überzeugung! – in Folge der Doku im Namen WordPress.

WordPress anlegen und installieren

Einleitung im Tab-Menüevtl. min. 3x durchlesen.

Es geht um Optionen, wie WordPress in Hinsicht Domain hochzuladen und zu befassen ist.

Dem installieren von WordPress (das ist der Ordner wordpress in das Verzeichnis www zu updaten) folgt, durch das am Host erstellten Konto deinedomain die (Sub)Domain URL deinedomain.bplaced.net/wordpress. Um das „wordpress“ in der URL zu entfernen, geht es im Tab-Menü.

Für den Beginn ein komplexes Thema, indessen Studium erspart es Nachhineins mögliche Ungereimtheiten im Vorfeld. Hingegen genügt auch, inhaltlich das Tab-Menü durchzusehen, um zu wissen wo’s langgeht.

Tab-Menü: Info zum Verzeichnis und Domain

  •  Tab 1:  Ordner wordpress in Ordner www laden.
    • Registrierte Domain.
  •  Tab 2:  WP Sub(Domain) arrangieren.
    • Die (Sub)Domain deinedomain.bplaced.net/wordpress arrangieren.
    • wordpress im Unterverzeichnis über Hauptverzeichnis aufrufen.
  •  Tab 3:  Die Verzeichnisse und Dateien lose auf den Webspace laden.

Ordner wordpress in Ordner www laden

Die Version, den gesamten Ordner wordpress am Webspace in das Verzeichnis (Ordner) www zu laden, elegante ist, als alle Dateien des Verzeichnis wordpress getrennt ins Stammverzeichnis zu laden – ja, weil so das Verzeichnis wordpress für sich geschlossen ist und so auch weiteren Ambitionen am Web-Host-Server von Vorteil sein kann! – die URL heißt: deinedomain.bplaced.net/wordpress

Registrierte Domain

In Folge echte Domain – ab bplaced max kann eine Domain gebucht werden – oder der Version mit bplaced pro, meines Beitrag: Den Anfängern* – Domain aufschalten – ebd. wenn eine Domain vorhanden ist oder es mit eigenem Domain-Name-Registrar (so wird der Domain-Anbieter genannt) so sein will, wird entsprechender Einstellung (s. o. Linkhinweis) die URL ohne /wordpress angezeigt. Also auch im Zusammenspiel mit herkömmlicher Domain gehört WordPress mit Ordner wordpress auf den Webspace in das Verzeichnis www geladen.

Nächst Tab: Sub(Domain) arrangieren.

Sub(Domain) arrangieren

Der Webspace ist standardmässig unter deinedomain.bplaced.net, für öffentliches Verzeichnis www als auch nicht öffentliches Verzeichnis (vor dem Ordner www) erreichbar.

Sich mit der (Sub)Domain arrangieren

Mit der (Sub)Domain, URL https://deinedomain.bplaced.net/wordpress kann man sich arrangieren. Die (Sub)Domain kostet nichts weiter und ist mit bplaced pro komplett! – welches durchaus auch eine Empfehlung ist. Im Arrangement (Sub)Domain deinedomain.bplaced.net/wordpress ist der URL das /wordpress Meist unpassend. Fogend sind drei Möglichkeiten aufgezeichnet.

Version A) Andere Domainendung hinzufügen

Zur Anforderung der URL ohne /wordpress, kann man am Host unter „Domains“ (Symbol Weltkugel) zwei andere Domain-Endungen hinzufügen:

  • deinedomain.bplaced.de und/oder
  • deinedomain.bplaced.com

Der (Sub)Domain bspw. katze.bplaced.net im Ordner wordpress (öffentlichen Verzeichnis www) lautet die URL katze.bplaced.net/wordpress. Um die URL ohne Unterverzeichnis /wordpress anzuzeigen ist neue (Sub)Domain zu erstellen:

deinedomain.bplaced.de oder deinedomain.bplaced.com: nämlich mit Heimverzeichnis  /wordpress:

Hiermit leitet die URL in dessen Unterverzeichnis wordpress:

Version B) Ordner wordpress umbenennen.

Ordner wordpress könnte man gemäß weiteren Herzstück der Website umbenennen. Als wie für Pflanzen pflanzen, Computer computer oder Rezept rezept. So würde letzten Beispiels die (Sub)Domain https://kueche.bplaced.net/rezept heißen. Dessen wirkte im Gesamten harmonisch: „kueche“ legt den Fokus fest.

„bplaced“ steht für das phonetisch klingende „be placed“. – „sei platziert“, „hab‘ einen Platz gefunden“ und „rezept“ das Gesamtbild abrundet. Der Kreativität freien Lauf lassen, zu etwas kommen und das Schönste anwenden.

Zur Beachtung! – Dem Workflow Letztens Zusammenhangs dienlich, die Umbenennung von Ordner wordpress vor dem Upload auf den Server bzw. vor der Installation WordPress bewerkstelligen. Andernfalls im Nachhinein ist das auch keine Zauberei, s. Ordner wordpress umbenennen.

Version C) im Titel: WP im Unterverzeichnis über Hauptverzeichnis aufrufen, ebd.

Ist WP im Unterverzeichnis, ist der Ordner wordpress auf dem Webspace im öffentlichen Ordner www – ebd. heißt die URL http://deinedomain.bplaced.net/wordpress – und mit Ausführung WordPress im Unterverzeichnis über Hauptverzeichnis aufrufen heißt die URL http://deinedomain.bplaced.net  – dieses ist aber erst nach der Installation von WordPress relevant! Auch geeignet um in Folge evtl. eine Domain zu ordern.

Die Verzeichnisse und Dateien lose auf den Webspace laden

Die Dateien aus dem Ordner wordpress kann man auch lose in das Verzeichnis www laden – die (Sub)Domain erfolgt hiermit ohne /wordpress. So lautet ebd. die URL http://deinedomain.bplaced.net*. Diese Version erfüllt in Einfachheit seinen Zweck.

* Für bplaced pro oder bplaced max (diese Hostingpakete sind mit SSL/HTTP2) muss zum http das s hinzugefügt werden, also https://…

 Tabmenü 

WordPress anlegen und installieren, frei nach …

Los gehts!

  1. Von dieser Seite Download WordPress auf den Computer downloaden. Die Schaltfläche WordPress herunterladen anklicken und sobald der Download beendet ist, befindet sich WordPress als zip-Datei am Computer. Oder – meine Empfehlung – Download ClassicPress. Sodann den Link Download ClassicPress anklicken und unten bei Assets 'Source code(zip)' anklicken. Hiermit erfolgt der Download des Ordner bzw. das Verzeichnis von ClassicPress auf Deinem Computer. Alternativ gleich von hier, Source code(zip).

    Gelingen mit Tablet-PC oder iPad:
    – Ein FTP Programm installieren.
    – Von der Hauptseite WordPress zum Download (WordPress herunterladen). Anschließender Frage, WordPress im FTP Programm zu öffnen, ein o. k.
    – und Zipdatei entpacken und Ordner wordpress, vom FTP-Programm auf den Server in das Verzeichnis www hochladen.

  2. Der heruntergeladenen Datei evtl. Zips, entpacken, danach nur das Verzeichnis (Ordner) namens wordpress in das FTP-Programm laden und anschließend wird Ordner wordpress auf den Server in das Verzeichnis (Ordner) www hochgeladen. – Das übertragen kann ein paar Minuten dauern.
  3. Nachdem das Verzeichnis (Ordner) wordpress am Webspace ist: Internet-Browser öffnen und http://deinedomain.bplaced.net/wordpress oder http://deinedomain.bplaced.net  eingeben, „deinedomain“ programmiert mit deinem Benutzernamen für Heimverzeichnis auf bplaced. Der URL mit oder ohne /wordpress hängt mit der Vorgehensweise zusammen, s. o. Tab-Menü.
  4. Los gehts! – Bildliches Beispiel von WordPress. – dasselbe mit ClassicPress.

    1. Damit WordPress mit dem Server in Verbindung treten kann, braucht es in der Art wie FTP-Programm am Computer, entsprechende Daten/s. Bild oben: Datenbankname sowie Benutzername, hier Beispiels, deinedomain und das Passwort zur Datenbank. Alle anderen Einstellungen können so bleiben. Senden anklicken. – Vorinfo: Bei bedarf sind diese Daten über FTP-Programm im Verzeichnis (Ordner) wordpress/wp-config.php zu editieren.
    2. Die Installation durchführen klicken:

  5. Das (zweite) Formular: Benötigte Informationen, ist als letzter Schritt noch auszufüllen. Diese Informationen sind für dein WordPress relevant.
    1. Titel der Website, individuell und sollte nicht mit dem folgenden Benutzernamen übereinstimmen.
    2.  WP-Benutzername  ebenso, individuell. Der WP-Benutzername ist zur Anmeldung WordPress Dashboard. Dessen sollte nicht „Admin“ oder wie deinedomain heißen (im Bezug zu deinem Benutzernamen, FTP-Server deinedomain.bplaced.net). Es stellt mit unterschiedlichen Benutzernamen doppelten Schutz zur Anmeldung am WP-Dashboard. Dies kann auch wie ein kleines Passwort lauten. Kopieren, notieren und abspeichern.
    3.  WP-Passwort  generieren (kopieren, notieren und abspeichern).
    4. Eine E-Mail-Adresse, die zur Verwendung geeignet.
    5. Die Indexierung durch Suchmaschinen ausladen, also erst mal anhaken, auch dies kann jederzeit im WordPress Daschboard/Einstellungen > Lesen umgestellt werden.
    6. Klicke, auf WordPress installieren.
  6. Der Installation von WordPress erfolgt ein Bestätigungs-Mail. – ansehen. Als allerletzter Schritt kannst du jetzt auf Anmelden klicken. Die Adresse (Adressleiste im Browser) beachten. Diese URL ist zum Einloggen – am besten in Favoriten abspeichern!
  7.  WP-Benutzername  vom Pkt. 5./b. eingeben dto. das  WP-Passwort  Pkt. 5./c. und Anmelden klicken, Erfolg: „Das WordPress Dashboard“.

 🎹 Log-in WordPress 

Adresszeile im Browser

  • WordPress am Server mit all seinen Verzeichnissen und Dateien im Verzeichnis (Ordner) wordpress lautet die URL http://deinedomain.bplaced.net/wordpress/wp-login.php
  • Oder am Server des Verzeichnisses (Ordner) wordpress die Dateien und Verzeichnisse lose im Ordner (Verzeichnis) www, so lautet die URL http://deinedomain.bplaced.net/wp-login.php

Für bplaced pro oder bplaced max (Hostingpakete mit SSL) muss zum http das s hinzugefügt werden, also https://

Benutzername

  • Dein  WP-Benutzername  welcher in WordPress gültig ist (s. Pkt. 5./b. „Benötigte Informationen“), Beispiels Benutzername: Probe.

Passwort

  •  WP-Passwort  hervorgehend der Installation WordPress (dto. Pkt. 5./c.).

Klaviatur zur Bezeichnung, Name und Passwort:

 
BezeichnungNamePasswort
bplaced Host AnmeldungE-Mail-Adresse 🎷
phpMyAdmin / DatenbankDatenbankname 🎺 
Server, Host oder IP-Adressedeinedomain.bplaced.net
FTP-Client* zs. FTP-ServerFTP-Benutzername 🎸
 WordPress, Formular Datenbank Datenbank- wie (und) Benutzername 🎺 
 WordPress Log-in WP-Benutzername

 🎹 

* FTP-Programm am Computer.
Bild (SVG) Clker-Free-Vector-Images, idealisiert von Ditmar.

War der Beitrag hilfreich?