WordPress Tutorial: WordPress installieren

Tutorial wie man WordPress auf einem eigenen Webspace installiert.

1. WordPress runter laden: die neueste WordPress Version findet man unter:

Download

2. WordPress entpacken: bei Windows klickt man mit der rechten Maustaste auf die Datei und dann auf Alle extrahieren…

3. WordPress mit einem FTP Programm hochladen: am besten nutzt man dafür das kostenlose FTP Programm Filezilla. Gibt es hier zum Downloaden:
https://filezilla-project.org/download.php?type=client
Wenn man Filezilla gestartet hat, gibt man die FTP Daten ein und klickt auf Verbinden:
Die Daten findet man in dem Webspace Login von dem Provider wo man die Webadresse angemeldet hat.

Wenn man mit dem FTP Server verbunden ist, markiert man links die 3 Ordner wp-admin, wp-content  und wp-includes und die restlichen Dateien.
Dann zieht man die mit der Maus in den rechten Rahmen:

Jetzt kann man zusehen wie die Dateien hochgeladen werden. Unten in dem Reiter Zu übertragende Dateien kann man die Anzahl sehen, wieviele Dateien noch übertragen werden müssen:

Wenn die Übertragung fertig ist, dann kann man die Installation von WordPress im Browser aufrufen.

4. WordPress Installation starten: dazu die Installation im Browser aufrufen:
http://meine-domain.com/wp-admin/setup-config.php

Dann wird der Start der Installation geladen:

Nach dem Klick auf den Los geht’s! Button wird das Formular für die Datenbank Zugangsdaten geladen. Dort die Datenbank Daten eingeben und auf Senden klicken:

Wenn die Datenbankverbindung klappt, wird dieser Dialog geladen, dort auf Installation durchführen klicken:

Ein weiterer Dialog wird geladen, dort die Daten eingeben und auf den WordPress installieren Button klicken:

Wenn alles geklappt hat, wird dieser Dialog angezeigt:

Dann kann man auf Anmelden klicken und sich mit den vorher festgelegten Admin Zugangsdaten am System anmelden.

modified 2 Anleitung: Artikelbild ändern

1. Dazu links oben im Menü auf Katalog -> Kategorien / Artikel gehen. Auf dem PC mit der Maus über Katalog fahren, dann auf Kategorien / Artikel klicken. Auf einem Touch Gerät (iPad) tippt man auf Katalog und dann auf Kategorien / Artikel.

2. Die Kategorieliste wird geladen. Hier klickt man auf das Ordnersymbol der Kategorie in der der Artikel drin ist:

3. Den Artikelname von dem Artikel anklicken, bei dem man das Artikelbild ändern möchte:

4. Der Artikel wird aktiv in dem er grün hinterlegt wird:

5. Rechts bei Aktives Element auf den Bearbeiten Button klicken:

6. Das Artikelformular geht auf. Dort kann man wie gewünscht Artikelname, Beschreibung usw… ändern. Um das Bild zu ändern runter scrollen und bei Artikelbild auf den Durchsuchen Button klicken:

7. Auf dem PC / Laptop geht ein Dateimanager auf, dort das gewünschte Bild suchen und auf Öffnen klicken. Auf Touchgeräten öffnet sich ein Popup wo man aus der Fotomediathek das Bild wählen kann.

8. Der Dateimanager wird geschlossen und der Dateiname im Artikelformular hat sich geändert:

9. Jetzt runter scrollen und auf den Speichern Button klicken:

10. Ein kleines Popup taucht auf, dort auf Ja klicken:

11. Die Artikelliste wird geladen und dort sieht man in der Bildspalte das neue Bild:

Das Bild mit der Bezeichnung Artikelbild ist das Hauptbild, das für die Artikelliste und als erstes auf der Detailseite dargestellt wird.
Artikelbild: 1, Artikelbild: 2 usw… sind Zusatzbilder die nur auf der Artikeldetailseite auftauchen.

modified 2 Anleitung: Einen Artikel kopieren

Um schnell neue Artikel anzulegen ist es oft einfacher man kopiert einen vorhandenen Artikel und ändert den dann wie gewünscht ab.

1. Dazu links oben im Menü auf Katalog -> Kategorien / Artikel gehen. Auf dem PC mit der Maus über Katalog fahren, dann auf Kategorien / Artikel klicken. Auf einem Touch Gerät (iPad) tippt man auf Katalog und dann auf Kategorien / Artikel.

2. Die Kategorieliste wird geladen. Hier klickt man auf das Ordnersymbol der Kategorie in der der Artikel drin ist:

3. Die Artikelliste wird geladen. Links in der Liste bei dem Artikel den man kopieren will den Haken setzen:

4. Rechts im Bereich Markierte Elemente auf den Kopieren Button klicken:

5. Die Seite wird neu geladen und der Bereich rechts ändert sich. Dort runter scrollen und bei Kopiermethode für Artikel auf Duplizieren stellen:

6. Noch weiter runter scrollen und auf den Kopieren Button klicken:

7. Die Seite wird neu geladen. Der Artikel wurde kopiert und das Bearbeitungsformular dafür geht auf. Dort kann man jetzt wie gewünscht Artikelname, Beschreibung, Bilder usw. anpassen und dann Speichern. Man sollte zumindest den Artikelnamen umschreiben, damit man nach dem Speichern erkennen kann, welches der kopierte Artikel ist!

modified 2 Anleitung: Als Admin am Shop anmelden

Will man im Shop Artikel oder Bestellungen bearbeiten, muss man erst mal in den Adminbereich des Shops kommen.
Dazu meldet man sich einfach wie ein Kunde an:

1. Auf der Startseite des Shops in der Willkommen zurück Box die Zugangsdaten eingeben und auf Login klicken:

2. Die Seite wird neu geladen. Jetzt hat man oben die Adminleiste, dort auf das Werkzeug Symbol klicken:

3. Der Adminbereich wird geladen und sieht dann so aus:

Mit Klick auf die Weltkugel kommt man zurück zum Shop. Rechts findet man das Icon ums sich wieder auszuloggen.

Bei manchen Templates gibt es keine Willkommen zurück Box.
Dort einfach auf Anmelden oder Kundenkonto klicken, dann kommt man auch zur Anmeldung.
Alternativ kann man auch die Shopurl aufrufen und folgendes dran hängen /login.php
Beispiel: https://www.meinshop.de/login.php

Richtlinien für Responsive Inhalte für responsive Homepages

Auf modernen Homepages, die sogenannte Responsive Templates oder Responsive Design verwenden, muss man nicht nur beim Design bestimmte Gestaltungsrichtlinien beachten. Auch bei den Inhalten sollte man auf bestimmte Punkte achten, damit man das responsive Design damit nicht wieder unbrauchbar macht.

Hier eine kurze Liste worauf man beim Erstellen der Inhalte achten sollte, damit die Seite responsive bleibt:

1. Prinzipiell keine Höhen- oder Breitenangaben in Pixel machen.
2. Keine Tabellen verwenden. Wenn es nicht ohne Tabelle geht, dann dürfen die Spalten keine Breitenangaben haben und die Zelleninhalte müssen umbrechen können (kein nowrap verwenden). Mehr als zwei Spalten sind auf einem Handy kaum darstellbar.
3. Texte müssen automatisch auf die kleinste Bildschirmbreite umbrechen ohne das ein horizontaler Scrollbalken entsteht
4. Bilder die die komplette Inhaltsbreite haben, müssen sich bei kleineren Bildschirmbreiten automatisch an die maximale Breite anpassen (dazu muss man dem Bild mit dem Editor einen bestimmten style Tag zuweisen, bei Bootstrap: img-responsive)
5. Mehrere Bilder nebeneinander: mit dem Grafikprogramm in einen einzelnen Banner setzen, der mindestens die maximale Inhaltsbreite breit hat
6. Kleine Bilder neben dem Text: Ausrichtung links oder rechts einstellen und einen Abstand zum Text (beim tinymce wysiwyg Editor: Bildeigenschaften -> Erweitert -> Stil: float: right; margin-left: 20px;). Die Bilder dürfen maximal 300 Pixel breit sein.

WordPress Beiträge gleichzeitig auf Facebook, Twitter und Google+ veröffenlichen

Wenn man einen neuen WordPress Beitrag verfasst hat und nach dem Veröffentlichen automatisch eine Info mit Link auf den Beitrag bei den Sozialen Netzwerken wie Facebook und Twitter veröffentlichen will, kann man dazu das Plugin NextScripts: Social Networks Auto-Poster verwenden.

Einmal eingerichtet wird ein neuer Beitrag sofort auf den eingerichteten Netzwerken veröffentlicht. Das funktioniert kostenlos für die meisten Netzwerke. Ich selber verwende es für Facebook und Twitter. Google+ wäre auch möglich damit, kostet aber leider einen jährlichen Beitrag.

Auf der Suche nach einer kostenlosen Lösung auch für Google+ bin ich bei Hootsuite fündig geworden. Dort kann man sich einen kostenlosen Online Account anlegen, mit dem man auch Nachrichten gleichzeitig bei Sozialen Netzwerken posten kann und dort ist auch Google+ kostenlos möglich. Außerdem bietet der Account auch die Möglichkeit neue WordPress Beiträge zu importieren. So kann man sich einen zeitgesteuerten Automatismus bauen, der einem auch auf Google+ nach einer bestimmten Zeit die Beiträge automatisch veröffentlicht.

Nachdem man in Hootsuite die Grundeinrichtung gemacht hat, kann man im Menü unter Einstellungen -> RSS/Atom einen neuen Feed hinzufügen. Dazu gibt man die URL des WordPress Feed an und wählt das Netzwerk(in meinem Fall Google+) aus, an das gesendet werden soll. Außerdem kann man einstellen, wie oft es geprüft werden soll. Ich habe dort 3 Stunden eingestellt, d.h. spätestens 3 Stunden nach dem Veröffentlichen eines Beitrags in WordPress wird bei mir der Beitrag von Hootsuite auch auf Google+ veröffentlicht.

Zusammenfassung modified / xtcommerce3 Sicherheitslücken in den letzten Jahren

Aus aktuellem Anlass hier eine Zusammenfassung über bekannte Sicherheitslücken in modified / xtcommerce(xt:Commerce bis Version 3.04 SP2.1) in den letzten Jahren:

Wer noch einen alten xtCommerce 3.04 / modified Shop betreibt, sollte diese drei Lücken mal checken.

Schönes kostenloses responsive Template für modified

Bei SmilingShops gibt es jetzt eine schöne Alternative zu dem bisher einzigen kostenlosen modified responsive Template von xtc-load:
https://smilingshops.com/modified-template/jgreen-responsive-modified-template.html
Eine Demoseite gibt es dazu hier: http://demo2.smilingshops.com/index.php?tpl=jgruen_2015

Das Template ist für die modified eCommerce Shopsoftware Version v1.06. Mit zwei Anpassungen funktioniert es auch in der Version v1.05:

  1. Update der Smarty Engine von Version Smarty_2.6.26 auf Smarty_2.6.27
  2. In der application_top.php muss nach define(‚SQL_CACHEDIR‘, DIR_FS_CATALOG.’cache/‘); die Zeile eingefügt werden: define(‚DIR_WS_BASE‘, “);

Hier ein Shop der damit von mir jetzt umgesetzt wurde: http://pizzeria-schlemmer-mainaschaff.de/

 

modified Shop Paypal Plus Modul

Paypal bietet seit kurzem eine neue Bezahllösung für Onlineshop Betreiber an: Paypal Plus.

Damit kann man als Shop Betreiber mit einer Lösung die Bezahlmethoden Paypal, Lastschrift, Kreditkarte und Rechnung anbieten. Die Abwicklung erfolgt über den Paypal Account.

Für die modified eCommerce Shopsoftware gibt es dafür hier ein kostenloses Modul: PayPal PLUS Zahlungsmodul für modified eCommerce Shopsoftware.

Paypal Plus benötigt eine SSL Verschlüsselung per TLS1.2. Testen, welche SSL Versionen man installiert hat, kann man hier: https://www.ssllabs.com/ssltest/