server-bplaced

Selbst-gehostet-Webseite, erste Schritte

Collage drei Vektorgrafiken (63 KB) von Ditmar; SVGs, pixabay

Die Website selbst hosten? Das Webhosting ist von einem Internt Service die Bereitstellung wie die Unterbringung (Hosting) von Websites. Dazu ist hier die Beschreibung zur Anmeldung des Shared Hosting-Services Beispiel bplaced. Weiter die Installation fĂŒr WordPress.org bzw. ClassicPress. Was ist WordPress oder ClassicPress? – das sind sehr berĂŒhmte Softwaren mit der Websites und Blogs zu erstellen sind. Somit alles in allem in ErklĂ€rung von nur drei Lektionen. Im Motto: Newcomer zum Erfolg.

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

Als Erstes braucht es so genannt Webspace. Zur ersten Bekanntschaft eignete sich das freestyle vom Shared Hosting-Services von bplaced. 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 :-)

Erst mal, was ist ein Ordner und was ist ein Verzeichnis? Ordner an und fĂŒr sich ist ein Oberbegriff – in der Informationstechnik wird hierfĂŒr explizit Verzeichnis verwendet. Also ist hier der Begriff Ordner dasselbe wie Verzeichnis.

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/ClassicPress 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 und den Sicherheitscode eingeben. – und Anmelden.
  3. (Ohne Bild.) Mit Anklick' der SchaltflĂ€che Hier gehts weiter geht’s zur „Anmeldeseite“. Das durch Anmelden ĂŒber E-Mail zugesandte Passwort unter der E-Mail-Adresse eingeben. – und weiter auf Anmelden klicken.
  4. Willkommen! – nur noch wenige Schritte 

    • Kontodaten/Heimverzeichnis: (In Beispiel) deinedomain
      [„deinedomain“, stellt sodann den Benutzernamen + Name der (ersten) Datenbank + deine Sub-Domain deinedomain.bplaced.net].
    • Optional, Beschreibung des Kontos.
    • Wahl fĂŒr Newsletter.
    • Neues Passwort generieren (kopieren und notieren). 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/Stapelsymbol, Datenbanken 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 und notieren) – 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 ein FTP-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.
    1. (li., Symbol Pfeil nach oben, anklicken) folgt, Seite FTP. – Hier 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 und notieren). – 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, deinem Webspace, 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. Hier bspw. am iPad, FTPManager Pro:

FTP-Programm einrichten

  1. Das FTP-Programm öffnen und neue Verbindung (das Plus-Symbol) anklicken.
    1. Die Verbindung, Anzeigenname, ist individuell zu benennen. 
    2. Host oder IP-Adresse, z. B. deinedomain.bplaced.net. S. Erste Lektion, Pkt. 4. a.
    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. S. Erste Lektion, Pkt. 4. a.
    8. Kennwort: Das Passwort fĂŒr die FTP-Verbindung und Verbinden anklicken. Hier nun bspw. FTP Sprite+ am iPad. Siehe auch auf Ordner/Verzeichnis www, in welchen der Ordner/Verzeichnis wordpress hochzuladen ist.

Die FTP-Verbindung ist eingerichtet. Ab nun kannst du ĂŒber das FTP-Programm auf deinen Webspace vom Host bplaced zugreifen.

bplaced Eine erste FTP-Verbindung herstellen. Dazu Interesses ein paar AbklÀrungen von Einstellungen des FTP-Client, welches dein FTP-Programm am Computer ist:

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 Erste und Zweite Lektion

Â đŸŽ·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.

Dritte Lektion

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

ClassicPress, meine Überzeugung! – von wegen des Editors.

Die Doku ist hier im Namen WordPress.

WordPress anlegen und installieren

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

Durch die Erstellung des Ordners wordpress im Verzeichnis wwwlautet die URL 'deinedomain.bplaced.net/wordpress'. Sofern geht es im nĂ€chst Tab von Optionen. Dessen sind der Domain das 'wordpress' in der URL zu entfernen oder den Ordner wordpress fĂŒr sich passend umbenennen.

FĂŒr den Beginn ein komplexes Thema. Im Nachhinein ergeben sich meist Überlegungen, die auch vorab abzuklĂ€ren sind. Daher solltest Du bitte nĂ€chst Tab Optionen lesen. FĂŒr den Beginn sicherlich nicht ganz leicht zu verstehen. Hingegen genĂŒgt es auch, inhaltlich nur durchzusehen, um zu wissen wo’s langgeht.

Frei nach Los gehts!“
WordPress anlegen und installieren

  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 den Ordner www hochladen.

  2. Der heruntergeladenen Datei evtl. Zips, entpacken, danach nur den Ordner wordpress in das FTP-Programm laden und anschließend wird Ordner wordpress auf den Server in den Ordner www hochgeladen. – Das ĂŒbertragen kann ein paar Minuten dauern.
  3. Nachdem der 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ĂŒ 'Optionen'.
  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:
    3. 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 und notieren.
      3.  WP-Passwort  generieren (kopieren und notieren).
      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.
    4. 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!
    5.  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 Ordner wordpress lautet die URL http://deinedomain.bplaced.net/wordpress/wp-login.php
    • Oder am Server des Ordners wordpress die Dateien und Verzeichnisse lose in den Ordner www hochgeladen wurden, 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.).

Infos zum Verzeichnis und Domain ()

Ordner 'wordpress' in Ordner 'www' laden

Am Webspace den gesamten Ordner 'wordpress' in das Verzeichnis (Ordner) 'www' laden ist elegante. 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. Oder alle Dateien des Verzeichnis 'wordpress' getrennt ins Stammverzeichnis laden? – das ist normalerweise genau so gut – die URL heißt dann: deinedomain.bplaced.net.

Registrierte Domain

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

Oder sich mit der Subdomain arrangieren?

WP Subdomain arrangieren

Die Subdomain 'deinedomain.bplaced.net/wordpress' arrangieren.

Mit der Subdomain, URL https://deinedomain.bplaced.net/wordpress kann man sich arrangieren. Nebenher kostet die Subdomain nichts weiter und ist mit bplaced pro komplett!! Im Arrangement Subdomain deinedomain.bplaced.net/wordpress ist der URL das /wordpress Meist unpassend. Folgend sind drei Variationen aufgezeichnet, dies zu umgehen.

Erste Variation
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 Subdomain 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 Subdomain mit .de oder. com zu erstellen:

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

Hiermit leitet die URL in dessen Unterverzeichnis 'wordpress':

Zweite Variation
Ordner 'wordpress' umbenennen

Ordner 'wordpress' kann man gemĂ€ĂŸ weiteren HerzstĂŒck der Website umbenennen. Als wie fĂŒr Pflanzen 'pflanzen', Computer 'computer' oder Rezept 'rezept'. So heißt letzten Beispiels die Subdomain https://kueche.bplaced.net/rezept. Dessen wirkt im Gesamten harmonisch: „kueche“ legt den Fokus fest und 'rezept' den Sinn.

„bplaced“ steht neben der zusammenhĂ€ngenden Aussprache ohne 'e' nach 'b' auch fĂŒr das phonetisch klingende „be placed“. – „sei platziert“, „hab‘ einen Platz gefunden“. – und diesem Beispiels das Wort „rezept“ das Gesamtbild der Domain abrundet. Also der KreativitĂ€t freien Lauf lassen, zu etwas kommen und das Schönste anwenden.

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

Dritte Variation
WP im Unterverzeichnis ĂŒber Hauptverzeichnis aufrufen

Ist WP im Unterverzeichnis, so ist der Ordner 'wordpress' auf dem Webspace im öffentlichen Ordner 'www'.  Darum heißt die URL http://deinedomain.bplaced.net/wordpress. Mit folgender 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!

Oder im Gesamten
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 Subdomain erfolgt hiermit ohne /wordpress. So lautet 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://


In diesen AbsĂ€tzen ging es also, um den im Nachhinein der Überlegungen im Voraus aufzuklĂ€ren oder auch im Nachhinein zum Durchblick fĂŒr eine Anpassung.


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.

Der Beitrag ist so weit, so gut