Dokumentation Cherry Jigoshop

De

Einführung

Vielen Dank, dass Sie WordPress Vorlage gekauft haben. Die jeweilige Dokumentation besteht aus einigen Teilen und umfasst den ganzen Installationsprozess und alle Einstellungen WordPress Webseite bei Null.

Was ist denn WordPress CMS?

WordPress ist eine kostenlose Software mit dem offenen Quellcode zum Erstellen des Blogs und Control Panels (CMS) auf der Basis von PHP und MySQL. Sie ermöglicht sowohl Webseiten als auch mächtige Online-Anwendugen zu erstellen. Dafür benötigt man weder technische Fähigkeiten noch Steuerungskenntnisse. WordPress enthält viele Eigenschaften und ist einfach in der Handhabung, deswegen ist es das populärste Programm zum Erstellen der Webseiten. Details

Was ist WordPress Vorlage

WordPress Vorlage ist ein Thema für WordPress CMS Plattform. Sie können einfach das Aussehen WordPress Webseite ändern, indem Sie eine neue Vorlage installieren und einige einfachen Schritte machen. Zwar ist WordPress Vorlage einfach, aber sie enthält alle notwendigen Quelldateien, die Sie nach Ihren Zwecken bearbeiten können.

Help and Support

Vorlagenstruktur

Die Vorlage besteht aus einigen Ordnern. Prüfen wir jetzt den Inhalt jedes Ordners:

  • documentation - enthält die Dokumentationsdateien.
    • documentation.html - enthält die Hauptdokumentationsdatei. Sie können sie jetzt lesen :)
  • screenshots - enthält die Bildschirmfotos der Vorlage. Sie benötigen sie zur Arbeit mit der Vorlge nicht.
  • sources.zip - enthält die Quelldateien des Themas.
    • psd - sind die Quelldateien der Vorlage für Adobe Photoshop(.psd).
  • theme - enthält die Dateien des WordPress Themas.
    • CherryFramework.zip - ist das Archiv mit dem Cherry Framework Thema. Es enthält alle Dateien des Themas. Sie müssen es per Erweiterungsmanager WordPress installieren.
    • theme####.zip - ist das Archiv mit dem Thema (Unterthema). Es enthält alle Dateien des Themas. Sie müssen es per Erweiterungsmanager WordPress installieren.
    • sample_data - enthält die Dateien, die ermöglichen, Wordpress Webseite gleich wie unsere Demoversion zu machen.
      • sample_data.xml - enthält alle Demodaten der Vorlage (Posts, Seiten, Kategorien usw.).
      • widgets.json - ist die Einstellungsdatei der Widgets.
      • sind verschiedene Bilder und andere Mediadateien
    • manuall_install - enthält die Dateien, die ermöglichen, Wordpress Webseite gleich wie unsere Demoversion zu machen.
      • uploads - enthält die Bilder des Themas.
      • theme#####.sql - ist die Datei der Datenbank (sie enthält den Inhalt des Themas).
  • license.txt - ist die Datei mit der Information über die Lizenz.
  • fonts_info.txt - ist die Datei mit den Links zum Herunterladen der Schriften, die in der Vorlage benutzt werden.
  • info.txt - sind Anleitungen zum Entpacken der Quelldateien.

Template installation

Template-Installation war noch nie einfacher. Die Installation umfasst nur drei einfachen Schritten: Cherry Framework der Installation, Unterthema Installation und Beispieldaten-Installation.

Alle Installationsschritte können innerhalb von Wordpress-Schnittstelle durchgeführt werden. Es macht Prozess bequem und schnell.

Sie können dies überprüfen, indem Sie auf den folgenden Link:

Schritt 1. CherryFramework Installation

  1. Loggen Sie sich ins Control Panel WordPress (fügen Sie /wp-admin zum Domainnamen der Webseite in der Adresszeile des Browsers hinzu) ein.
  2. Gehen Sie zum Menü Appearance (Aussehen) > Themes (Themen) und klicken Sie den Button Add New Theme (Neues Thema hinzufügen).
  3. Öffnen Sie den Tab Upload (Hochladen).
  4. Drücken Sie den Button Browse (Übersicht) und öffnen Sie den entpackten Ordner der Vorlage auf dem Computer.
  5. Finden Sie die Datei CherryFramework.zip. Klicken Sie auf sie und drücken Sie OK.
  6. Klicken Sie den Button Install Now (Installieren) und warten Sie, bis der Installationsprozess abgeschlossen wurde.
  7. Drücken Sie den Link Activate (Aktivieren).

Um ausführliche Information zu erhalten, nutzen Sie dieses Video-Tutorial Wie installiert man Cherry framework Vorlage.

Gratulation, Sie haben erfolgreich Framewort installiert.

Schritt 2. Installation des Themas

Jetzt können Sie anfangen, das Unterthema zu installieren: theme####.zip. Machen Sie die gleichen Schritte:

  1. Gehen Sie zum Menü Appearance (Aussehen) > Themes (Themen) und klicken Sie den Button Add New Theme (Neues Thema hinzufügen).
  2. Öffnen Sie den Tab Upload (Hochladen).
  3. Drücken Sie den Button Browse (Übersicht) und öffnen Sie den entpackten Ordner der Vorlage auf dem Computer.
  4. Finden Sie die Datei theme####.zip (wo XXXX ist einzigartige Nummer des Themas). Klicken Sie auf sie und drücken Sie OK.
  5. Klicken Sie den Button Install Now (Installieren) und warten Sie, bis der Installationsprozess abgeschlossen wurde.
  6. Drücken Sie den Link Activate (Aktivieren), um aktuelles Aussehen der Webseite durch erworbenes Thema zu ersetzen.

Gratulation, Sie haben erfolgreich das Thema und Framewort installiert!

Schritt 3. Installation der Demodaten

Damit die Webseite WordPress wie auf unserer Demoversion aussieht, nutzen Sie die folgenden Anleitungen. Wir empfehlen Ihnen immer das Reservekopieren der Datei .sql per Export der Datenbank zu machen.

Achtung: Für Vorlagen auf der Basis von Cherry Framework v3.0 oder kleiner müssen bei der Installation der Demodaten die Dateien XML und JSON aus dem Ordner "sample_data" hochgeladen werden. Bilder und Mediadateien müssen aus dem Ordner "manual_install\uploads" hochgeladen werden. Laden Sie alle Bilder aus allen Unterordnern hoch.
  1. Gehen Sie zum Menü Cherry Plugin > Import Content (Inhaltsimport).
  2. Vor allem prüfen Sie die Anforderungstabelle Cherry Plugin für die Einstellungen des Hosting-Servers. Falls es Warnungen gibt, wenden Sie sich an Ihren Hosting-Anbieter.
  3. Wenn alle Server-Einstellungen in Ordnung sind, wird der Download-Bildschirm angezeigt. Öffnen Sie den Ordner "theme/sample_data" der Vorlage und laden Sie alle Dateien in WordPress hoch. Sie sollen alle Dateien im Ordner "theme/sample_data" markieren (Tastenkombination CTRL+A oder Command+A) und zum Hochladen-Feld verschieben.
  4. Laden Sie alle Dateien aus dem Ordner sample_data und .JSON und .XML hoch. Nachdem das Hochalden beendet wurde, drücken Sie den Button "Continue Install (Installation fortfahren)".

    Achtung: Dateien .JSON und .XML benötigt man unbedingt bei der Installation der Demodaten. Button Continue Install (Installation fortfahren) wird nur nach dem Hochladen der Dateien .XML und .JSON aktiv.
  5. Button "Continue Install (Installation fortfahren)" fängt den Installationsprozess der Demodaten an. Die Installation braucht Zeit (es hängt von den Servereinstellungen ab). Warten Sie, bitte, bis er abgeschlossen ist.
  6. Gratulation! Sie haben erfolgreich Cherry WordPress Thema installiert und können jetzt prüfen, wie es aussieht.

Arbeitsbeginn

Vorbereitung

Bevor Sie WordPress Webseite installieren, müssen Sie alles fertig machen. Wir empfehlen Ihnen die folgenden vorbereitenden Schritte zu machen:

Software

Für vollwertige Arbeit mit der WordPress Vorlage empfehlen wir Ihnen alle notwendigen Anwendungen herunterzuladen. Die Softwareliste können Sie auf der Vorschauseite der Vorlage finden.
Die Anforderungen für verschiedene Vorlagen können sich unterscheiden, deswegen nennen wir nur die wichtigsten:

  1. Vor allem benötigen Sie die richtigen Anwendugen zum Entpacken des Archivs, das mit dem Passwort sources_#########.zip geschützt ist. Sie können WinZip 9+ (Windows) und Stuffit Expander 10+ (Mac) nutzen.
  2. Sie können auch das Programm Adobe Photoshop benötigen. Es wird zur Bearbeitung der Quelldateien benutzt. PSD benötigt man, wenn das Grafik-Design und das Bild für die Vorlage geändert werden müssen.
  3. Um den Quellcode der Vorlagendateien zu bearbeiten, sollen Sie den Code-Editor nutzen, zum Beispiel Adobe Dreamweaver, Notepad++, Sublime Text usw.
  4. Um die Dateien auf den Hosting-Server hochzuladen, benötigen Sie FTP Manager, zum Beispiel Total Commander, FileZilla, CuteFTP usw.

Hosting

WordPress CMS ist PHP/MySQL Anwendung, deswegen muss der Hosting-Server vorbereitet werden.

Wenn Sie den aktiven Server haben, müssen Sie prüfen, ob er WordPress Anforderungen entspricht und mit WordPress Webseiten kompatibel ist.

Auch kann WordPress auf dem Computer mittels des lokalen Servers installiert werden. Um den lokalen Hosting-Server zu erstellen, müssen Sie die Software WAMP, AppServ, MAMP usw. nutzen. Jede von ihnen wird wie ein Programm installiert, das WordPress unterstützt.

Sie können die folgenden Tutorials nutzen, um den lokalen Server einzustellen:

Installation der Engine

Laden Sie die notwendige Version der WordPress Engine herunter. Sie können sie auf der Vorschauseite der Vorlage in der Anforderungsliste sehen. Überzeugen Sie sich, dass Sie die notwendige Version herunterladen.
  1. WordPress Engine kann man auf der offiziellen Webseite WordPress.org herunterladen Herunterladen WordPress. Wenn Sie frühere Version benötigen, drücken Sie den Link Archiv-Versionen.
  2. Nach dem Herunterladen sollen Sie die Dateien der Engine und Vorlage entpacken. Um die Datei ZIP der WordPress Engine zu entpacken, können Sie jeglichen Archivierer nutzen, der das Format ZIP unterstützt.

    Die folgenden Tutorials zeigen, wie entpackt man die Dateien in Betriebssystemen Windows(WinZip) und MAC(StuffitExpander).

  3. Nach dem Entpacken sollen Sie die Dateien und Ordner der WordPress Engine auf den Hosting-Server hochladen.

    Alle Dateien und Ordner müssen ins Inhaltsverzeichnis PUBLIC_HTML oder WWWhochgeladen werden.

    Wenn Sie Inhaltsverzeichnis PUBLIC_HTML oder WWW auf dem Hosting-Server nicht finden können, wenden Sie sich an den Hosting-Anbieter und präzisieren Sie, wohin die Dateien der Webseite hochgeladen werden müssen.

    Sie können auch die jeweiligen Tutorials nutzen, um die Dateien auf den Sever hochzuladen:

  4. Im nächsten Schritt sollen Sie die Datenbank für WordPress Engine erstellen.

    Sie können sie mittels des Datenbank-Verwaltungswerkzeuges im Control Panel des Hostings (gewöhnlich PhpMyAdmin) erstellen.

    Mittels phpMyAdmin können Sie eine neue Datenbank in 3 einfachen Schritten erstellen: (schauen Sie die folgenden Dias an):

    1. Klicken Sie den Button Database (Datenbank) in dem oberen Navigationsmenü, um zur Liste der Datenbanken zu gelangen.
    2. Geben Sie den Namen der Datenbank ins Feld "Create new database (Neue Datenbank erstellen)" ein.
    3. Drücken Sie auf den Button rechts Create (Erstellen).

    Die Datenbank gibt es schon in der Liste. Klicken Sie auf den Namen, um den Zugriff auf sie zu bekommen.

    • 1. Klicken Sie den Button "Databases (Datenbank)", um die ganze Liste der Datenbanken zu öffnen.

    • 2. Geben Sie den Namen der Datenbank ein.
      3. Drücken Sie den Button "Create (Erstellen)".

    • 4. Die Datenbank gibt es schon in der Liste. Klicken Sie auf den Namen, um den Zugriff auf sie zu bekommen.


    Sie können auch das ausführliche Video-Tutorial nutzen Wie erstellt man eine Datenbank


    Wenn Sie beim Erstellen der Datenbank Schwierigkeiten auftreten, sollen Sie sich an den Hosting-Anbieter wenden.

    Sie können auch die folgenden Tutorials nutzen:

  5. Geben Sie den Pfad zum Inhaltsverzeichnis WordPress in der Adresszeile des Browsers ein und drücken Sie die Taste Enter. Danach fängt der Installationsprozess an.
  6. Erstellen der Konfigurationsdatei. Auf dem Installationsbildschirm WordPress wird eine Mitteilung angezeigt, die sagt, dass die Konfigurationsdatei fehlt. Drücken Sie auf den Button "Create Configuration File (Konfigurationsdatei erstellen)", um sie zu erstellen.
    Creating configuration file.

  7. Details der Datenbank. Hier sollen Sie die Verbindungsdetails zur Datenbank WordPress eingeben.
    Inserting database details.

  8. Details der Webseite. In jeweiligem Bildschirm sollen Sie die folgenden Details eingeben:
    • Namen der Webseite.
    • Namen und Passwort des Administrators.
    • E-Mail-Adresse der Webseite.
    Inserting website details.

  9. Klicken Sie den Button "Install WordPress (WordPress installieren)".
    Install WordPress button.

    Wenn Sie die richtigen Details eingegeben haben, werden die Mitteilung über erfolgreiche Installation und der Login-Button ins Control Panel WordPress angezeigt.

Sie können auch die ausführlichen Video-Tutorials nutzen:

Manuelle Installation

Wenn es bei der Installation der Demodaten Schwierigkeiten gibt, nutzen Sie die folgenden Anleitungen.

Achtung: Import der SQL Datei in die Datenbank schreibt den existierenden Inhalt und Einstellungen der Webseite um. Importieren Sie SQL Daten NICHT, wenn Sie den aktuellen Inhalt speichern möchten.
Achtung: Machen Sie immer das Reservekopieren der Datenbank, bevor Sie die Änderungen vornehmen.
Das Tabellenpräfix der Datenbank WordPress muss wp_sein.

Damit die Webseite WordPress wie Demoversion aussieht, folgen Sie diesen Anleitungen.

  1. Das Thema muss entsprechend den folgenden Anforderungen installiert werden.
  2. Kopieren Sie den Ordner "uploads" (er ist im Ornder theme/manual_install/ der Vorlage) in den Ordner /wp-content/ auf dem FTP Sever.
  3. Öffnen Sie die Datei theme####.sql aus dem Ordner theme/manual_install/ im jeglichen Texteditor (besser sind Dreamweaver oder Notepad) und ersetzen Sie alle Zeilen "your_website_url_here" durch URL Ihrer Webseite im Dokument mittels der Option Find and Replace (Finden und Ersetzen) (Tastenkombination Ctrl+H). Zum Beispiel: http://www.mywebsite.com
  4. Am Ende der Adresse muss keinen Schrägstrich "/" sein und url muss mit http://www. anfangen
  5. Speichern Sie die Änderungen und schließen Sie die Datei.
  6. Jetzt können Sie die Dump-Datei per phpMyAdmin oder anderes Verwaltungswerkzeug der Datenbank importieren.

Wenn es bei der Installation per Control Panel Schwierigkeiten gibt, können Sie die alternative Weise nutzen.
Hochladen per FTP:

Um diese Weise zu nutzen, müssen Sie den Zugriff auf Dateien WordPress auf dem FTP Server per Dateimanager des Hosting Control Panels oder FTP-Kunden, zum Beispiel Filezilla, CuteFTP, Total Commander usw. haben.

Wenn Sie das Thema mit den Demodaten manuell installiert haben, und das Thema sich von Demo unterscheidet, öffnen Sie Cherry Options (Optionen Cherry) und drücken Sie "Restore Defaults (Einstellungen standardmäßig zurücksetzen)."
  1. Entpacken Sie die Dateien CherryFramework.zip und theme####.zip in den Ordner auf dem Computer (Klicken Sie mit der rechten Maustaste auf jede Datei.zip, wählen Sie Unzip to… (Entpacken in...) CherryFramework und theme#### dann werden zwei Ordner angezeigt: CherryFramework und theme####).
  2. Laden Sie die Ordner CherryFramework und theme### ins Inhaltsverzeichnis /wp-content/themes/ auf dem FTP Server hoch.
  3. Loggen Sie sich ins Control Panel WordPress (fügen Sie /wp-admin zum Domainnamen der Webseite in der Adresszeile des Browsers hinzu) ein.
  4. Gehen Sie zum Menü Appearance (Aussehen) > Themes (Themen).
  5. Im Bereich Available Themes (Verfügbare Themen) finden Sie theme#### und aktivieren Sie es, indem Sie auf den Button Activate (Aktivieren) drücken.

Installation der Plugins

Nachdem Sie das Thema installiert und aktiviert haben, müssen Sie manchmal noch zusätzliche Plugins installieren:

  1. Wenn das Thema installiert und aktiviert wurde, sehen Sie in dem oberen linken Teil der Seite eine Mitteilung, um Plugins zu installieren. Folgen Sie dem Link Begin installing plugin (Installation von Plugins beginnen).
    Sie können auch Plugins installieren, indem Sie im Menü den Punkt Appearance- > Install Plugins (Aussehen - > Plugins installieren) wählen.
  2. Markieren Sie die notwendigen Plugins.
  3. Im DropDownMenü Bulk Actions (Massenaktionen) wählen Sie Install und drücken Sie den Button Apply (Verwenden).

Plugins des Themas:

Plugin Cherry

Achtung: Die Installation und Aktivierung des Plugins Cherry sind für korrekte Arbeit der Shortcoden und Widgets nötig. Bei der Installation Cherry Framework Plugin Cherry wird standardmäßig installiert und aktiviert.

Herunterladen: https://github.com/CherryFramework/CherryFramework/raw/master/includes/plugins/cherry-plugin.zip
Beschreibung: Framework Cherry, das Cherry Team erstellt hat, ist ideal, weil dieses Team viel Mühe dafür gegeben hat. Machen Sie sich mit Cherry Plugin bekannt. Es ist eine Erweiterung für neues Framework Cherry, wo wir alle notwendigen Schortcodes und Widgets hinzugefügt haben. Dieser Plugin ist völlig mit jeglichem Thema WordPress auf der Basis von Cherry Framework kompatibel. Zurzeit ist dieser Plugin eine Testversion und wir verbessern sie mit interessanten Funktionen.

Contact Form 7

Herunterladen: http://wordpress.org/extend/plugins/contact-form-7/
Beschreibung: Kontaktformular auf der Kontaktseite.

Kompatible Plugins:

WPML

Herunterladen: http://wpml.org/
Beschreibung: WPML ermöglicht die mehrsprachigen Webseiten nicht nur zu erstellen sondern auch zu steuern.

Jigoshop

Herunterladen: http://wordpress.org/plugins/jigoshop/
Beschreibung: Plugin für den Internethandel, der sich durch die Geschwindigkeit und Bedienfreundlichkeit unterscheidet, wurde auf der Basis von WordPress Engine gestaltet.
Dokumentation: Jigoshop Dokumentation in der Wissensdatenbank Jigoshop.

BuddyPress

Herunterladen: http://wordpress.org/plugins/buddypress/
Beschreibung: Plugin für soziale Netzwerke. Entwickeln Sie das soziale Netzwerk für Ihr Unternehmen, Ihre Schule, Sportmanschaft oder Ihren Tätigkeitsbereich.

bbpress

Herunterladen: http://wordpress.org/plugins/bbpress/
Beschreibung: bbPress ist ein Forum für WordPress Engine.

Mingle Forum

Herunterladen: http://wordpress.org/plugins/mingle-forum/
Beschreibung: Mingle Forum ermöglicht schnell und einfach ein Forum auf Webseite/Blog WordPress hinzuzufügen.

WP Forum Server

Herunterladen: http://wordpress.org/plugins/forum-server/
Beschreibung: Der jeweilige WordPress Plugin ist ein vollwertiges Forum für WordPress Blogs.

Laden von Daten aus Google-Servern

Einige Länder haben Probleme mit der Verbindung zu den Google-Servern. Dies kann zu Problemen Laden Google Fonts führen. Um diese Probleme zu beheben gehen Sie bitte wie folgt vor:

Kann Google Fonts nicht geladen:

Öffnen ...\CherryFramework\admin\options-sanitize.php Datei

Suchen Sie die Zeile:

wp_enqueue_style( "options_typography_$f", "//fonts.googleapis.com/css?family=$f$ch", false, null, 'all' );

Ersetzen Sie es mit dem folgenden:

wp_enqueue_style( "options_typography_$f", "//fonts.useso.com/css?family=$f$ch", false, null, 'all' );

Reservekopieren und Update

Bevor Sie Cherry Framework aktualisieren, empfehlen wir Ihnen, das Reservekopieren der laufenden Version durchzuführen.

Reservekopieren

Sie können die Reservekopie sowohl für CherryFramework als auch fürs Unterthema im Menü "Cherry Options (Optionen Cherry) > Data management (Datenverwaltung)" WordPress Control Panels erstellen.

Es ist einfach die Reservekopie zu erstellen, indem Sie auf den Button "Backup" unter den Sektionen mit Cherry Framework und dem Unterthema drücken.
Danach wird das Archiv mit Framework und Unterthema im Ordner /wp-content/themes_backup/ angezeigt.

Wenn Sie es herunterladen möchten, klicken Sie den Button "Download backup". Falls es Schwierigkeiten gibt, kann Framework im Tab Appearance (Aussehen)-> Themes (Themen)-> Install Themes (Themen installieren)-> Upload (Hochladen) neu installiert werden.

Update

Um Cherry Framework zu aktualisieren, machen Sie die folgenden Schritte:

  1. Im Control Panel öffnen Sie den Tab "Cherry Options (Optionen Cherry)> Data management (Datenverwaltung)".
  2. Drücken Sie den Button Update (Update) unter dem Blog Cherry Framework
  3. Warten Sie bis das Update anfängt.
  4. Alles andere führt Cherry Framework automatisch durch.

Seitenvorlagen und Seitenspalten


Achtung: Stile müssen in der Datei style.less bearbeitet werden. Stile werden kompiliert und Datei main-style.css wird nach dem Speichern übergeschrieben.

Seitenvorlagen

  • Default Template (Standardvorlage) (Standardseite mit der Seitenleiste)
  • Full Width Page (Vollbild-Seite) (Seite ohne Seitenleiste)
  • Home Page (Home Page) (Seitenvorlage, die für die Home Page benutzt wird)
  • Filter Folio 2 cols (Seitenvorlage für Eintragungen der Galerie/des Portfolios in 2 Leisten)
  • Filter Folio 3 cols (Seitenvorlage für Eintragungen der Galerie/des Portfolios in 3 Leisten)
  • Filter Folio 4 cols (Seitenvorlage für Eintragungen der Galerie/des Portfolios in 4 Leisten)
  • Testimonials (Feedback) (Seitenvorlage zur Darstellung der Eintragungen mit den Empfehlungen)
  • FAQs (Seitenvorlage zur Darstellung FAQ Eintragungen)
  • Archives (Seitenvorlage zur Darstellung der Archivs)

Position der Seitenleisten

  • Sidebar (Seitenleisten) sind Sektionen, die rechts/ links auf der Seite sind
  • Footer Area 1,2,3,4 (Footer) (optionale) ist die Sektion, die auf der Seite unten ist

Posts, Kategorien und Postformate

Hinzufügen der Kategorie

Ausführliche Information über das Hinzufügen der Kategorie können Sie in dem folgenden Artikel finden: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. Loggen Sie sich ins Control Panel WordPress ein.
  2. Öffnen Sie den Tab Posts (Posts).
  3. Gehen Sie zu Categories (Kategorien) für Blog-Posts.
  4. Geben Sie den Namen der neuen Kategorie ein.
  5. Dann klicken Sie den Button Add New Category (Neue Kategorie hinzufügen).
Drücken Sie den Button Publish (Veröffentlichen).

Erstellen des Blog-Posts

  1. Loggen Sie sich ins Control Panel WordPress ein.
  2. Öffnen Sie den Tab Posts (Posts).
  3. Drücken Sie Add New (Neu hinzufügen).
  4. Fügen Sie den Inhalt in Post hinzu. Ausführliche Information über das Hinzufügen der Posts können Sie finden, indem Sie diesem Link folgen http://codex.wordpress.org/Posts_Add_New_SubPanel.

Wahl der Postformate

Ausführliche Information über die Postformate können Sie finden, indem Sie diesem Link folgen: http://codex.wordpress.org/Post_Formats.

  1. Loggen Sie sich ins Control Panel WordPress ein.
  2. Öffnen Sie den Tab Posts (Posts).
  3. Um ein Postformat auszuwählen, öffnen Sie die Liste Format (Format).
Achtung: Einige von diesen Formaten haben eigene Einstellungen, die unter dem Posteditor angezeigt werden.

Unten gibt es die Liste mit den Postformaten mit den Beschreibungen und Einstellungen.

Standard-Postformat

Standard-Post hat die folgenden Felder:

  • Post title - Posttitel
  • Post content - Postinhalt
  • Categories - Postkategorie (n)
  • Tags - Posttags
  • Featured Image - Postbild
  • und andere Felder, die man im Bereich Screen Options (Bildschirmeinstellungen) in der oberen rechten Ecke einschalten kann.

Standard-Postformat

Anmerkung

Es ist eine vereinfachte Standardversion der Post. Sie enthält nur das Feld für den Inhalt, deshalb müssen Sie weder den Posttitel noch andere Optionen eingeben.

Anmerkung

Galerie

Die Besonderheit dieses Postformates besteht darin, dass Sie die Bilder unbegrenzt hinzufügen können.

Hinzufügen der Galerie:

  1. Drücken Sie den Button Add Media (Media hinzufügen).
  2. Um ein Bild von dem Computer hinzuzufügen, verschieben Sie die Dateien in geöffnetes Feld oder klicken Sie Select Files (Übersicht).
  3. Nach dem Herunterladen sind alle Bilder in Media Library (Medienbibliothek). Wählen Sie Uploaded to this post (In diese Post hinzufügen) um die Bilder anzuschauen.
  4. Am Ende der Bearbeitung können Sie die Medienbibliothek schließen. Die heruntergeladenen Bilder werden automatisch hinzugefügt.

In Post, die das Format der Galerie haben, sind die gleichen Felder (zum Beispiel, Titel, Inhalt, Kategorien usw.), wie für Standard-Postformat.

Link

Link

Format Link hat ein zusätzliches Feld URL, wo Sie den Link (URL) für Zielseite/Ressource angeben müssen. Posttitel wird als Linktext benutzt.

Inhaltsfeld ist die Beschreibung der Zielseite/Ressource.

Bild

Bild

Bild - ist ein Postformat wie ein Einzelbild, das mittels der Option Featured Image (Postbild) heruntergeladen wurde.
Wenn Sie dieses Format wählen, können Sie Lightbox für die Bilder mittels der entsprechenden Einstellung Enable Lightbox (Lightbox einschalten) ausschalten.

Zitat

Zitat

Post Zitat wird benutzt, um die Äußerungen zu veröffentlichen.

Das jeweilige Format unterscheidet sich durch zusätzliche Felder Zitat - ist der Text der Äußerung und Autor - ist der Name der Autors des Zitats.

Audio

Audio

Format Audio wird benutzt, um den Audio-Inhalt zu veröffentlichen.

Das jeweilige Format unterscheidet sich durch zusätzliche Einstellungen:

  • Title (Titel) ist der Name des Tracks
  • Artist (Künstler) ist der Künstler des Audio-Tracks
  • Audio Format (Audio Format) ist das Format des Audio-Tracks
  • Audio URL (Audio URL) ist der Link zum Audio-Track

Video

Video

Video wird benutzt, um den Video-Inhalt zu veröffentlichen.

Das jeweilige Format unterscheidet sich durch folgende Einstellungen:

  • Title (Titel) ist der Name des Videos
  • Artist (Künstler) ist der Künstler des Videos
  • URL #1 ist der Link zum Video im Format m4v
  • URL #2 ist der Link zum Video im Format ogv
  • Embedded Code (Eingebauter Code) wird benutzt, um das Video von externen Quellen hinzuzufügen, zum Beispiel, youtube, vimeo usw.

Erstellen des Post Sliders

Dias sind der Benutzertyp der Posts, dadurch unterscheiden sie sich von Standardposts, zum Beipiel, vom Blog. Dadurch ist es einfach den Inhalt der Webseite zu steuern.

Erstellen des Post Sliders

  1. Loggen Sie sich ins Control Panel WordPress ein.
  2. Öffnen Sie das Menü Slider (Slider).
  3. Drücken Sie den Tab Add New (Neu hinzufügen).
  4. Geben Sie title (Titel) des Sliders ein.
  5. Laden Sie das Bild in Option Featured Image (Postbild) (klicken Sie den Link Set featured image (Postbild installieren)) hoch.
  6. Für Dia können die folgenden Felder benutzt werden:
    • Caption (Überschrift) sind Felder für die Überschrift der Dia.
    • URL ist das Feld für die URL der Dia (der externe Link kann benutzt werden).
  7. Nachdem Sie die Einstellungen festgelegt haben, drücken Sie den Button Publish (Veröffentlichen).

Hinzufügen der Portfolio Post

Portfolioelemente sind der Benutzertyp der Posts, http://codex.wordpress.org/Post_Types#Custom_Types dadurch unterscheiden sie sich von Standardposts. Dadurch ist es einfach den Inhalt der Webseite zu steuern.

Hinzufügen der Portfolio Post

  1. Loggen Sie sich ins Control Panel WordPress ein.
  2. Öffnen Sie das Menü Portfolio (Portfolio).
  3. Drücken Sie den Tab Add New (Neu hinzufügen).
  4. Füllen Sie alle notwendigen Felder (Titel, Inhalt) aus.
  5. Laden Sie das Bild in Option Featured Image (Postbild) (klicken Sie den Link Set featured image (Postbild installieren)) hoch.
  6. Drücken Sie den Button Publish (Veröffentlichen).

Wahl des Postformats fürs Portfolio

Erstellen der Portfolio Post in jeweiligem Thema ermöglicht einen von den verfügbaren Posttypen auszuwählen.

  • Image (Bild) ist der Posttyp der Galerie standardmäßig. Er stellt nur Postbilddar.
  • Slideshow (Diashow) das Projekt der Galerie wird wie eine Diashow dargestellt. Es kann unbegrenzt Postbilder enthalten.
  • Grid Gallery (Grid Galerie) die Postbilder werden wie eine Galerie dargestellt. Es kann die Postbilder unbegrenzt enthalten.
  • Video (Video) in jeweiligem Posttyp kann man das Video von jeglichem Video-Hosting hinzufügen (YouTube, Vimeo usw.).
  • Audio (Audio) dieser Posttyp ermöglicht den Audio-Link hinzuzufügen.

Hinzufügen der Post "Feedback" (Testimonials)

Hinzufügen der Post "Feedback" (Testimonials)

  1. Loggen Sie sich ins Control Panel WordPress ein.
  2. Öffnen Sie das Menü Testimonials (Feedbacks).
  3. Drücken Sie den Tab Add New (Neu hinzufügen).
  4. Füllen Sie alle notwendigen Felder (Titel, Inhalt) aus.
  5. Laden Sie das Bild in Option Featured Image (Postbild) (klicken Sie den Link Set featured image (Postbild installieren)) hoch.
  6. In jeweiligem Posttyp können Sie die folgenden Einstellungen nutzen:
    • Name (Name) ist der Name des Autors
    • URL ist der Link des Autors
    • Info ist zusätzliche Information von dem Autor.
  7. Drücken Sie den Button Publish (Veröffentlichen)

Hinzufügen der FAQ Post

Hinzufügen der FAQ Post

  1. Loggen Sie sich ins Control Panel WordPress ein.
  2. Öffnen Sie das Menü FAQs.
  3. Drücken Sie den Button Add New (Neu hinzufügen).
  4. Der jeweilige Posttyp enthält sowohl Fragen als auch Antworten (Posttitel ist eine Frage und der Inhalt ist eine Antwort).
  5. Drücken Sie den Button Publish (Veröffentlichen).

Hinzufügen der Post "Unser Team" (Our Team)

Hinzufügen der Post "Unser Team" (Our Team)

  1. Loggen Sie sich ins Control Panel WordPress ein.
  2. Öffnen Sie das Menü Our Team (Unser Team).
  3. Drücken Sie den Tab Add New (Neu hinzufügen).
  4. Füllen Sie alle notwendigen Felder (Titel, Inhalt) aus.
  5. Laden Sie das Bild in Option Featured Image (Postbild) (klicken Sie den Link Set featured image (Postbild installieren)) hoch.
  6. In jeweiligem Posttyp können die folgenden Einstellungen verwendet werden:
    • Position (Funktion) ist die Stelle, die die Person bekleidet.
    • Info ist zusätzliche Information.
  7. Drücken Sie den Button Publish (Veröffentlichen)

Portfolio-Seite

Erstellen der Portfolio-Seite

Erstellen der Portfolio-Seite

Portfolio-Seiten können mittels der Vorlagenseiten erstellt werden.

  1. Loggen Sie sich ins Control Panel WordPress ein.
  2. Öffnen Sie das Menü Pages (Seiten).
  3. Drücken Sie den Tab Add New (Neu hinzufügen).
  4. Geben Sie den Namen der Seite ein, zum Beispiel, Portfolio page.
  5. Wählen Sie den Vorlagentyp ( Filter Folio 2 cols, Filter Folio 3 cols oder Filter Folio 4 cols in dem DropDownMenü Page Attributes (Seitenattribute)).
  6. Nachdem Sie die Einstellungen festgelegt haben, drücken Sie den Button Publish (Veröffentlichen).

Man kann die Kategorienseiten des Portfolios mittels des Feldes Category Include (Kategorie hinzufügen) erstellen. Dafür sollen Sie Slug der notwendigen Portfolio-Kategorie eingeben.

Shortcodes

Shortcodes sind ein mächtiges Werkzeug zur Inhaltsverwaltung http://codex.wordpress.org/Shortcode. Sie sind einfach in der Handhabung. Vor allem sollen Sie den Bearbeitungsmodus Visual (Visuell) wählen.

Drücken Sie auf den Button der Shortcodes. Dann wählen Sie den notwendigen Shortcode aus.


Alle Shortcodes können wie unten folgt geteilt werden:

  • Dynamische werden benutzt, um den Inhalt (Posts, Typen der Customizing-Posts, Tags usw.) darzustellen.
  • Leistenraster sind die Leisten zur Formierung des Rasters.
  • Elemente sind zusätzliche Elemente des Inhalts.
  • Andere sind die Hilfselemente der erweiterten Inhaltsverwaltung.

Dynamische

Post Grid (Post Raster)
[posts_grid columns="3" rows="3" order_by="date" order="DESC" thumb_width="100" thumb_height="100" meta="yes" excerpt_count="20" link="yes" link_text="more" custom_class="custom_class"]

Beschreibung: es stellt Standard und benutzerdefinierte Beiträge wie eine Tabelle dar, wo die Menge an Spalten und Zellen bearbeitet werden kann.


Post List (Postliste)
[posts_list numb="3" thumbs="large" thumb_width="100" thumb_height="100" post_content="excerpt" order_by="date" order="DESC" link="yes" link_text="more" tags="yes" custom_class="custom_class"] 

Beschreibung: es stellt Standard und benutzerdefinierte Beiträge wie auf der Blog-Seite dar.


Mini Post Grid (Post Miniraster)
[mini_posts_grid numb="3" thumbs="small" thumb_width="100" thumb_height="100" order_by="date" order="DESC" align="left"]

Beschreibung: es ist eine kompakte Version des Shortcodes [post_grid]. Sie stellt die Bilder der einstellbaren Größe für Standard und benutzerdefinierte Beiträge dar.


Mini Post List (Posts Miniliste)
[mini_posts_list numb="3" thumbs="small" thumb_width="100" thumb_height="100" meta="yes" order_by="date" order="DESC" excerpt_count="20"] 

Beschreibung: es ist eine kompakte Version des Shortcodes [posts_list]. Sie stellt die Liste der Standard und benutzerdefinierten Beiträge dar.


Recent Posts (Die letzteren Posts)
[recent_posts num="3" post_format="standard" meta="false" thumb="true" excerpt_count="20"]

Beschreibung: es stellt die neuesten Posts dar, für die man verschiedene Optionen einstellen kann (Posttyp, Menge, Format, kurzer Inhalt, Name des Buttons usw.).


Recent Testimonials (Die letzteren Feedbacks)
[recenttesti num="2" thumb="true"]

Beschreibung: es stellt die festgelegte Anzahl der Feedbacks in Posts des Benutzertyps dar und ermöglicht die Postbilder zu entfernen, hinzuzufügen und die Anzahl der Wörter festzulegen.


Banner (Banner)
[banner img="#" banner_link="#" title="Title" text="Text" btn_text="Button" target="_self"]

Beschreibung: es wird benutzt, um den Block mit dem statischen Text und/oder Bild, Namen, Link usw. darzustellen.


Comments (Kommentare)
[recent_comments num="5"]

Beschreibung: es stellt die letzteren Kommentare dar.


Post Cycle (Post-Zyklus)
[post_cycle num="5" type="blog" meta="false" thumb="true" thumb_width="50" thumb_height="50" effect="slide"]

Beschreibung: es stellt verschiedene Posts wie Mini-Slider dar.


Karussell Elasti
[carousel num="5" type="blog" thumb="true" thumb_width="120" thumb_height="50" date="yes" author="yes" min_items="3"]

Beschreibung: es stellt die Posts wie eine Karussell dar, und enthält auch zusätzliche Einstellungen.


Karussell OWL
[carousel_owl title="Title" post_type="blog" posts_count="5" visibility_items="3" thumb="yes" thumb_width="200" thumb_height="200" date="yes" author="yes" comments="no" excerpt_count="10" display_navs="yes" display_pagination="yes"]

Beschreibung: es stellt die Posts wie eine Karussell dar, und enthält auch zusätzliche Einstellungen.


Karussell Roundabout
[roundabout title="Title" num="3" type="blog"]

Beschreibung: Karussell Roundabout ist Plugin jQuery, der die Struktur der statischen Elemente HTML in interaktives Elemente verwandelt, das man einfach verwalten kann (wie eine Karussell).


Service Box (Hilfsfenster)
[service_box title="Title" icon="icon1" text="Your text" btn_text="Button" btn_link="#" btn_size="normal" target="_self"]

Beschreibung: es wird benutzt, um Informationsblöcke mit dem Titel, Icon, Text oder Button darzustellen. Die Besonderheit dieses Shortcodes besteht in voreingestellten Icons.


Hero unit (Block «Allgemein»)
[hero_unit title="Title" text="Text" btn_text="Button" btn_link="#" btn_style="default" btn_size="normal" target="_self"]

Beschreibung: es stellt die allgemeine Information über die Webseite, Werbung usw. dar. Normalerweise wird dieser Block auf der Hauptseite der Webseite hinter dem Header platziert.


Categories (Kategorien)
[categories class="plus"]

Beschreibung: es wird benutzt, um die Kategorien darzustellen.


Tags (Tags)
[tags]

Beschreibung: es stellt Tags dar.


Spalten

Grid Columns (Raster Spalten) (span1-12)
[span#] [/span#] 

Beschreibung: es erstellt die Struktur der Raster-Elemente, wo # die Anzahl der Spalten von 1 bis 12 ist, die die Elementbreite definieren:.


[row]
[span6] Your Content... [/span6]
[span6] t... [/span6]
[/row]

Achtung, beim Erstellen des Rasters müssen Sie seine Elemente in Shortcode [row] "einpacken":


Fluid Columns (Flexible Spalten) (one_half, one_third...)
[one_half] [/one_half] 

Beschreibung: es wird für Strukturelemente des Rasters benutzt, deren Breite in % festgelegt wird.


[row_fluid]
[five_sixth] Your content... [/five_sixth]
[one_sixntent... [/one_sixth]
[/row_fluid]

Achtung, beim Erstellen des Rasters müssen Sie seine Elemente in [row_fluid] "einpacken":


Multiple Columns (Multiple Spalten) (75% / 25%, usw.)
[row]
[span8] t... [/span8]
[span4] Your content... [/span4]
[/row]

Multiple Spalten erleichtern den Inhalt zu verwalten (Einfügen der anwendbarsten Raster-Varianten).


Benutzerdefinierte CSS-Klassen
[row custom_class="custom-row"]
[span8 custom_class="custom-span8"] content [/span8]
[span4 custom_class="custom-span4"] content [/span4]
[/row]

Sie können Ihre Klassen für Shortcodes aus der Kategorie Spalten festlegen. Es erweitert die Möglichkeiten sowohl bei der Bearbeitung als auch bei der Verwaltung der bestimmten Blöcke.


Elements (Elemente)

Label (Label)
[label style="default"]label[/label]

Beschreibung: es stellt das Label mit vorher festgelegten Stilen dar.


Highlight (Markierung)
[highlight]Text[/highlight]

Beschreibung: es markiert den ausgewählten Teil des Textes.


Button (Button)
[button text="Text" link="#" style="default" size="normal" target="_self" display="inline" icon="no"] 

Beschreibung: es wird benutzt, um den Button mit verschiedenen Einstellungen der Darstellung einzufügen (Stil, Größe, Icon usw.).


Dropcap (Initial)
[dropcap]L[/dropcap] 

Beschreibung: es stellt die Großbuchstabe (Initial) dar.


Blockquote (Zitat)
[blockquote] Text... [/blockquote]

Beschreibung: es wird verwendet, um die Zitaten einzufügen.


Icon (Icon)
[icon image="#" align="left"]

Beschreibung: es wird benutzt, um einfache Icon darzustellen.


Frame (Rahmen)
[frame] I'm frame [/frame]

Beschreibung: es stellt den Container dar, der den bestimmten Inhalt enthält.


Horizontal rule (Horizontale Linie)
[hr] 

Beschreibung: es legt die horizontale Linie fest.


Small Horizontal rule (Kleine horizontale Linie)
[sm_hr] 

Beschreibung: es wird benutzt, um eine andere horizontale Linie mit kleinem Margin darzustellen.


Vertical Rule (Vertikale Linie)
[vr] 

Beschreibung: es legt die vertikale Linie fest.


Spacer (Leerzeichen)
[spacer] 

Beschreibung: es fügt das vertikale Leerzeichen zwischen den Elementen hinzu.


Progress bar (Fortschrittsbalken)
[progressbar value="20" type="info" grad_type="vertical" animated="no"]  

Beschreibung: es zeigt den Fortschrittsbalken des bestimmten Prozesses.


Address (Adresse)
[address] Your address here [/address] 

Beschreibung: es wird benutzt, um die Adresse darzustellen.


Clear (Leeren)
[clear] 

Beschreibung: es verhindert die Elemente umzufließen.


Lists shortcodes (Listen) (unstyled, check, check2, arrow, arrow2, star, plus, minus — ohne Stil, Auswahlkasten, Auswahlkasten2, Pfeil, Pfeil2, Sternzeichen, Plis, Minus).
[check_list] List here ... [/check_list] 

Beschreibung: es wird benutzt, um die Listen zu stilisieren. Jeder Shortcode hat eigenen Marker für die Punkte aus der Liste.


Extra Wrap
[extra_wrap][/extra_wrap]

Beschreibung: es wird benutzt, um andere Elemente mit der Regel overflow:hidden "einzupacken".


Content Box
[content_box custom_class="custom_content_box"][/content_box]

Beschreibung: es wird benutzt, um den Block mit den Pseudoklassen :before und :after "einzupacken" und den Block darzustellen, der 100% Breite hat.

Other (Andere)

Video Preview (Video)
[video_preview post_url="http://demolink.org/blog/video-post-type/" title="yes" date="yes" author="yes"]

Beschreibung: es ermöglicht die Video-Vorschau einzufügen, die aus externen Ressourcen (youtube, vimeo) oder der Webseite (Innere Ressource) hochgeladen wird.

Alert Boxes (Informationsfenster) message (Mitteilung), info (Information), success (Erfolg), danger (Gefahr)
[alert_box style="message" close="yes"]Hello, World![/alert_box]

Beschreibung: es ist der Satz der Shortcodes, die für Informationsmeldungen benutzt werden.


Close icon (Schließen-Icon)
[close dismiss="alert"]

Beschreibung: es fügt das Icon hinzu, um das Quellelement zu schließen.


Well (Zelle)
[well size="well-normal"] Your text here... [/well]

Beschreibung: es fügt den stilisierten Container ein.


Small (Klein)
[small] Your text here... [/small]

Beschreibung: es ermöglicht, den Textblock mit dem Text, der verkleinert wurde, hinzuzufügen.


Title Box (Titel)
[title_box title="Title" subtitle="subtitle text" icon="#"]

Beschreibung: es stellt den Doppeltitel dar: grundlegende und zusätzliche Texte des Titels.


Tabs (Tabs)
[tabs direction="top" tab1="Title #1" tab2="Title #2" tab3="Title #3"] [tab1] Tab 1 content... [/tab1] [tab2] Tab 2 content... [/tab2] [tab3] Tab 3 content... [/tab3] [/tabs]

Beschreibung: es legt den Inhalt als Tabs fest. Sie können den statischen und dynamischen Inhalt enthalten.


Accordion (Akkordeon)
[accordions] [accordion title="title1" visible="yes"] tab content [/accordion] [accordion title="title2"] another content tab [/accordion] [/accordions]

Beschreibung: es stellt das Akkordeon dar — minimierte Panels mit den Titel.


Table (Tabelle)
[table td1="#" td2="Title" td3="Value"] [td1] 1 [/td1] [td2] some title 1 [/td2] [td3] some value 1 [/td3] [/table]

Beschreibung: es wird benutzt, um die Tabellen einzufügen.


Google Map
[map src="#" width="300" height="200"]  

Beschreibung: es fügt Google maps hinzu. Damit der Shortcode funktioniert, müssen Sie den Link mit den notwendigen Koordinaten aus der Webseite Google einfügen.


Pricing table (Preisliste)

[chp_pricing_table columns="3" labelled="yes"] 

[chp_pricing_column_label title="Features"]
[chp_pricing_row_label odd="true"] Label 1 [/chp_pricing_row_label]
[chp_pricing_row_label] Label 2 [/chp_pricing_row_label]
[chp_pricing_row_label odd="true"] Label 3 [/chp_pricing_row_label]
[chp_pricing_row_label] Label 4 [/chp_pricing_row_label]
[/chp_pricing_column_label]

[chp_pricing_column title="Column 1" price="100" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label] Label 1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 2 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 4 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/chp_pricing_column]

[chp_pricing_column title="Column 2" highlight="true" highlight_reason="Most Popular" price="200" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label] Label 1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 2 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 4 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/chp_pricing_column]

[chp_pricing_column title="Column 3" price="300" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label] Label 1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 2 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 4 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/chp_pricing_column]

[/chp_pricing_table]

        

Beschreibung: es stellt die Preisliste dar.


Audio / Video (Audio / Video)

Beschreibung: WordPress 3.6+ ermöglicht Video von YouTube und Vimeo hinzuzufügen, aber wenn Sie Video oder Audio in Format MP3 oder MP4 abspielen möchten, das auf den Server hochgeladen wurde, müssen Sie den Player installieren. Ausführlich

Dieser Prozess ist ähnlich dem Prozess für Hinzufügen des Bildes in den Inhalt der Eintragung:
  1. Fügen Sie die Seite oder Eintragung hinzu oder bearbeiten Sie sie.
  2. Klicken Sie auf den Inhalt, wo Sie den Player hinzufügen müssen, dann klicken Sie Add Media (Media hinzufügen) über dem Inhaltseditor.
  3. Klicken Sie Upload Files (Dateien hochladen).
  4. Laden Sie Audio oder Video Datei hoch.
  5. Markieren Sie die hochgeladene Datei, dann in Attachment Display Settings (Anzeigeneinstellungen), in Option Embed or Link (Einfügen oder Link) wählen Sie "Embed Media Player (Eingebauter Mediaplayer)."
  6. Drücken Sie Insert into page (Zur Seite hinzufügen).

WordPress hat den Shortcode für Audio und Video hinzugefügt, der durch den Player ersetzt werden.

Wenn Sie Audio oder Video Datei auf den anderen Server, zum Beispiel Amazon S3 oder File Hosting, hinzugefügt haben, fügen Sie die URL in die Mediadatei (ohne Link) in entsprechendes Feld ein. Zum Beispiel, Sie möchten ein Video von YouTube hochladen. Kopieren Sie es einfach in entsprechendes Feld und YouTube player wird automatisch angezeigt. Überzeugen Sie sich, dass URL richtig festgelegt wurde.

http://www.youtube.com/watch?v=mmRPSoDrrFU

Die einfache Zeile wird ungefähr so aussehen:

Plugins und benutzerdefinierte Widgets

Widget

In Thema werden auch die folgenden Widgets benutzt:

Cherry - die letzten Kommentare

Es stellt die letzten Kommentare in dem bequemen Format dar. Das jeweilige Widget enthält die folgenden Optionen:

  • Title: - Titel des Widgets.
  • Number of comments to show: - die Anzahl der dargestellten Kommentare.

Cherry - die letzten Posts

Es stellt die letzten Posts dar. Man kann auch die benutzerdefinierten Posts der bestimmten Kategorien darstellen und den Link read more (Details) hinzufügen. Das jeweilige Widget hat die folgenden Optionen:

  • Title: - Titel des Widgets.
  • Category Slug: - Slug der Kategorie.
  • Post Format: - Postformat.
  • Post Order: - Reihenfolge der Posts.
  • Posts per page: - die Anzahl der dargestellten Posts auf der Seite.
  • Excerpt length (words): - kurzer Inhalt (Anzahl der Wörter).
  • Link Text: - Linktext, der unter den letzten Posts dargestellt wird.
  • Link Url: - URL Links, die unter den letzten Posts dargestellt werden.

Cherry - Erweiterter Zyklus

Dieses multifunktionelle Widget wird benutzt, um verschiedene Poststypen und Posts des Blogs darzustellen. Es ermöglicht die Anzeigeneinstellungen zu ändern und hat die folgenden Optionen:

  • Title: - Titel des Widgets.
  • Posts type: - Posttyp.
  • Number of posts to show: - die Anzahl der Posts.
  • Sort by: - die Einstellung für die Sortierung der Posts.
  • Reverse sort order (ascending): - die rückgängige Anzeigereihenfolge.
  • Show number of comments - zeigt die Anzahl der Kommentare.
  • Show meta - zeigt die Metadaten.
  • Container class: - Klasse des Containers class. Standardmäßig ist es featured_custom_posts.
  • Show post title - zeigt den Postnamen.
  • Date as title - verwendet das Datum statt des Titels.
  • Before title: - Layout in HTML vor dem Titel.
  • After title: - Layout in HTML nach dem Titel.
  • Show post excerpt - zeigt den Inhalt.
  • Excerpt length (words) - zeigt den kurzen Inhalt (Anzahl der Wörter).
  • Excerpt as link - konvertiert den Inhalt in den Link.
  • Show "More" link - zeigt den Link More (Details) nach dem Post.
  • Link text: - Linktext.
  • Link class: - Klasse CSS-class für den Link More (Details).
  • Show post thumbnail - zeigt das kleine Bild für die Post.
  • Width: - Bildbreite.
  • Height: - Bildhöhe.
  • Thumbnail as link - konvertiert das Bild in den Link.
  • Show global link to all posts - zeigt den Global Link für alle Posts.
  • Link text: - Text des festgelegten Links.
  • Link URL: - URL des Links.

Cherry - Soziale Netzwerke

Das jeweilige Widget ermöglicht den Links zu den Accounts in sozialen Netzwerken hinzuzufügen. Es hat die folgenden Optionen:

  • Title: - Titel des Widgets.
  • Facebook URL, Twitter URL, Flickr URL, etc. - Links zu den Accounts in sozialen Netzwerken.
  • Display: Darstellung der Icons
    • Icons - nur Icons.
    • Labels - nur Text.
    • Both - Icons und Text.

Cherry - 125x125 Ads

Das jeweilige Widget ermöglicht die Banner hinzuzufügen. Es enthält die folgenden Optionen:

  • Title: - Titel des Widgets.
  • Image Ad link: - Pfad zum Bannerbild.
  • Add link: - Link zum Banner.

Cherry - Flickr

Das jeweilige Widget ermöglicht Bilder aus der Galerie Flickr darzustellen. Es enthält die folgenden Optionen:

  • Title: - Titel des Widgets.
  • Flickr ID: - Ihre flickr ID.
  • Images count: - die Anzahl der dargestellten Fotos.
  • Link Text: - Linktext unter den Fotos flickr.

Cherry - vCard

Das jeweilige Widget stellt die Information über Ihr Unternehmen und Sie dar. Es enthält die folgenden Optionen:

  • Title (optional): - Titel des Widgets.
  • Street Address: - Strassenadresse.
  • City/Locality: - Stadt oder Gegend.
  • State/Region: - Staat oder Region.
  • Zipcode/Postal Code: - Postleitzahl oder Code.
  • Telephone: - Telefonnummer.
  • Email: - Ihre E-Mail-Adresse.

Cherry - Post-Zyklus

Dieses Widget ermöglicht die notwendigen Posts darzustellen. Es enthält die folgenden Optionen:

  • Title (optional): - Titel des Widgets (Optional).
  • Post type: - Postformat.
  • Categories: - Kategorien, aus denen Posts dargestellt werden müssen.
  • Posts count: - die Anzahl der dargestellten Posts.
  • Thumbnail Width (in pixels): - die Breite der Miniatur der Post (in Pixeln).
  • Thumbnail Height (in pixels): - die Höhe der Miniatur der Post (in Pixeln).
  • Show titles: - zeigt dit Posttitel.
  • Show date: - zeigt das Postdatum.
  • Show author: - zeigt den Autor.
  • Show comments: - zeigt die Kommentare.
  • Show excerpt: - zeigt den Inhalt.
  • Excerpt word count: - zeigt die Anzahl der Wörter im Inhalt.
  • More Button Text: - Text auf dem Button "Details".
  • Slideshow cycling speed (in sec.): - Geschwindigkeit des Sliders in Millisekunden.
  • Arrows: - zeigt die Pfeile des Sliders.
  • Pagination: - zeigt die Paginierung des Sliders.
  • Custom CSS class: - benutzerdefinierte Klasse des Widgets.

Cherry - Facebook Block "Like"

Dieses Widget ermöglicht Facebook Seiten darzustellen. Es enthält die folgenden Optionen:

  • Title (optional): - Titel des Widgets (Optional).
  • Facebook page url: - Adresse Ihrer Facebook Seite.
  • Width: & Height: - Größen des Blocks.
  • Color Scheme: - Farbschema (hell/dunkel).
  • Display header: - ermöglicht Header darzustellen/zu verstecken.
  • Display faces: - ermöglicht Fotos (Gesichter) Ihrer Facebook Freunde darzustellen/zu verstecken.
  • Display stream: - ermöglicht Stream darzustellen/zu verstecken.
  • Display border: - ermöglicht die Darstellungen der Grenzen darzustellen/zu verstecken.
  • Custom CSS class: - benutzerdefinierte Klasse des Widgets.

Cherry - Instagram

Dieses Widget ermöglicht die letzten Posts Instagram darzustellen. Es enthält die folgenden Optionen:

  • Widget Title: (optional): - Titel des Widgets (Optional).
  • User Name: (required field) - Benutzername Instagram (Dieses Widget wird nur für diejenigen Benutzer verfügbar, die den vollen Zugang zu eigenem Account Instagram gewährt haben.)
  • Number of displayed images: - Die Anzahl der dargestellten Bilder (Maximalwert: 20.).
  • Image dimensions: - die Größe der dargestellten Bilder (Groß/Miniatur).
  • Show image description: - ermöglicht die Bildbeschreibungen darzustellen/zu verstecken.
  • Show comments number: - ermöglicht die Anzahl der Kommentare darzustellen/zu verstecken.
  • Show likes number: - ermöglicht die Anzahl der "Likes" darzustellen/zu verstecken.
  • Show image publication date: - ermöglicht das Bilddatum darzustellen/zu verstecken.
  • Show Image URL: - ermöglicht die Bildadresse darzustellen/zu verstecken.
  • User account button text: - Linktext zur Benutzerseite bei Instagram.
  • Custom CSS class: - benutzerdefinierte Klasse des Widgets.

Optionen Cherry

In diesem Thema gibt es die Optione der Einstellungen. Sie ermöglicht das Farbschema des Themas, die Reihenfolge der Elemente zu ändern, und Elemente einzuschalten oder auszuschalten. Um diese Einstellungen zu verwenden, gehen Sie zum Menü Appearance (Aussehen) → Cherry Options (Optionen Cherry).

Allgemeine

  • Body styling (Seitenstil) - ermöglicht die Seitenfarbe und den Hintergrund auszuwählen.
  • Layout Style: - hier können Sie das Layout Ihrer Webseite wählen (gummi, 100% Breite/mit fester Breite)
  • Header styling: - Hintergrundbild und Hintergrundfarbe des Headers.
  • Buttons and links color (Hintergrundfarbe des Headers) - Farbe der Buttons und Links.
  • Buttons and links hover color - Farbe der Buttons und Links bei Berührung.
  • Body Text (Seitentext) - ermöglicht die Schrift für den Seitentext auszuwählen. Zur Bearbeitung der Schrift sind die folgenden Optionen verfügber:
    1. Font size (Schriftgröße)
    2. Line height (Zeilenhöhe)
    3. Font Family (Schriftfamilie)
    4. Font style (normal, bold, italic) (Schriftstil (normal, fett, kursiv))
    5. Character Sets (Latin, Greek, Cyrillic, etc.) (Zeichensatz (lateinisch, griechisch, kyrillisch usw.))
    6. Color (Farbe)

    Achtung: Schriften, die mit dem Sternchen (*) markiert sind, werden aus der Bibliothek Google Web Fonts hochgeladen.

  • H1-H6 Headings - ermöglicht die Schrift für die Titel auszuwählen. Zur Bearbeitung der Schriften sind die folgenden Optionen verfügbar:
    1. Font size (Schriftgröße)
    2. Line height (Zeilenhöhe)
    3. Font Family (Schriftfamilie)
    4. Font style (normal, bold, italic) (Schriftstil (normal, fett, kursiv))
    5. Character Sets (Latin, Greek, Cyrillic, etc.) (Zeichensatz (lateinisch, griechisch, kyrillisch usw.))
    6. Color (Farbe)

    Achtung: Schriften, die mit dem Sternchen (*) markiert sind, werden aus der Bibliothek Google Web Fonts hochgeladen.

  • Display search box? (Muss das Suchfeld dargestellt werden?) - ermöglicht das Suchfeld im Header darzustellen/zu verstecken.
  • Display breadcrumbs? (Muss die Brotkrümelnavigation dargestellt werden?) - ermöglicht die Brotkrümelnavigation auf den Seiten darzustellen/zu verstecken.
  • Custom CSS (Custom CSS) - wenn Sie CSS Regel hinzufügen möchten, ohne den Code der CSS Hauptdatei zu verletzen, dann können Sie dieses Feld nutzen. Fügen Sie einfach die neue CSS Regel ein.

Logo & Favicon (Logo und Favicon)

  • What kind of logo? (Typ des Logo) - ermöglicht das Logo mit Text und Grafik zu nutzen.
  • Logo URL (URL des Logos) - wenn die Option Image logo (grafisches Logo) ausgewählt wurde, kann man das Bild mittels des Buttons 'upload (hochladen)' oder jegliches Bild aus Mediathek (Media Library) hochladen.
  • Logo Typography (Schrift des Logos) - ermöglicht die Schrift für den Text auf dem Logo auszuwählen. Zur Bearbeitung der Schrift sind die folgenden Optionen verfügbar:
    1. Font size (Schriftgröße)
    2. Line height (Zeilenhöhe)
    3. Font Family (Schriftfamilie)
    4. Font style (normal, bold, italic) (Schriftstil (normal, fett, kursiv))
    5. Character Sets (Latin, Greek, Cyrillic, etc.) (Zeichensatz (lateinisch, griechisch, kyrillisch usw.))
    6. Color (Farbe)

    Achtung: Schriften, die mit dem Sternchen (*) markiert sind, werden aus der Bibliothek Google Web Fonts hochgeladen.

  • Favicon (Favicon) - man kann neues Favicon mittels des Buttons 'upload (hochladen)' oder jegliches Bild aus Mediathek (Media Library) hochladen.

Slider (Slider)

Die Höhe des Sliders kann in der Datei "wp-content/themes/theme###/slider.php" festgelegt werden. Ändern Sie den Wert "height" in der Variable $slider_default_params.

Disable Slider (Slider ausschalten)

Option fürs Ausschalten des Sliders.

Slideshow (Diashow)
  • Sliding effect (Diawechseleffekt) - Diawechseleffekt
  • Sort by parameter (Sortieren nach) - ermöglicht die Dias nach bestimmtem Parameter zu sortieren (Sortieren nach)
  • Sort order (Sortierreihenfolge) - Sortierreihenfolge der Posts
  • Number of columns (Anzahl der Spalten) - Anzahl der Spalten
  • Number of rows (Anzahl der Reihen) - Anzahl der Reihen
  • Banner effect (Banner Effekt) - ermöglicht den Animationstyp fürs Banner auszuwählen
  • Pause time (Dauer der Pause ) - die Dauer der Pause (ms)
  • Animation speed (Animationsgeschwindigkeit) - Animationsgeschwindigkeit (ms)
  • Slideshow (Diashow) - automatische Animation des Sliders
  • Thumbnails (Miniaturen) - stellt die Miniaturen dar
  • Pagination (Paginierung) - stellt die Paginierung dar
  • Next & Prev navigation (Navigation per "Vorwärts"/"Zurück") - stellt die Buttons "Vorwärts"/"Zurück" dar
  • Display next & prev navigation only on hover? (Müssen die Buttons "Vorwärts"/"Zurück" nur bei Hover dargestellt werden?) - Wenn man 'ja,' wählt, werden die Naviagationstasten ("zurück", "vorwärts" und "abspielen/stop") nur bei Hover dargestellt, wenn man 'nein,' wählt, werden sie immer sichtbar.
  • Play/Pause button (Button "abspielen/Pause") - stellt den Button "abspielen/Pause"
  • Loader (Loader) - Loader des Sliders.
Accordion (Akkordeon)
  • Slides to display (Dias darstellen) - wählen Sie Dias, die Sie im Slider anzeigen möchten. Wenn Sie kein Dia ausgewählt haben, werden dann alle Dias angezeigt.
  • Sort by parameter (Sortieren nach) - ermöglicht Dias nach bestimmtem Parameter zu sortieren (sortieren nach)
  • Sort order (Sortierreihenfolge) - Sortierreihenfolge der Posts
  • Slideshow (Diashow) - automatische Animation des Sliders
  • Pause on mouseover (Pause bei Berührung) - die automatische Wiedergabe wird bei Berührung des Sliders abgestoppt.
  • Pause time (Dauer der Pause) - Dauer der Pause (ms)
  • Animation speed (Animationsgeschwindigkeit) - Animationsgeschwindigkeit (ms)
  • Animation slowdown (Verlangsamung der Animation) - man kann verschieden Typen der Verlangsamung der Animation beim Diawechseln festlegen.
  • Mouse events for transition of slides (Mausaktionen fürs Diawechseln) - man kann verschiedene Mausaktionen fürs Diawechseln wählen.
  • Active slide (Aktive Dias) - wählen Sie die Anzahl der Dias, die standardmäßig aktiv werden. Wenn der Wert 0 ist, werden alle Dias die gleiche Breite beim Hochladen der Seite haben.

Blog (Blog)

  • Blog Title (Titel des Blogs) - Titel, der auf der Blogseite benutzt wird
  • Related Posts Title (Titel der ähnlichen Posts) - Titel, der auf der Seite der einzelnen Post für ähnliche Posts benutzt wird
  • Blog layout (Blog Layout) - ermöglicht die Position der Seitenleiste (links oder rechts) und die Platzierung der Blocks festzulegen
  • Blog image size (Bildgröße des Blogs) - die Bildgröße (Standard und Groß) auf der Blogseite
  • Single post image size (Bildgröße der einzelnen Post) - Bildgröße (Standard und Groß) auf der Seite der einzelnen Post
  • Display share button in single post? (Muss der Button "austauschen" auf den Single Seiten dargestellt werden?) - ermöglicht den Button "austauschen" auf den Single Seiten darzustellen
  • Should images be uploaded on page scroll? (Müssen die Bilder hochgeladen werden, sobald sie im sichtbaren Bereich auf der Seite sind) - Browser kann die Bilder nur dann hochladen, wenn der Benutzer sie sehen kann. Ansonsten werden alle Bilder beim Hochladen der Seite hochgeladen
  • Enable excerpt for blog posts? (Muss der Inhalt für für Blogposts aktiviert werden) - stellt den Inhalt für Blogposts dar
  • Button text for blog posts. (Text auf dem Button für Blogposts) - Text auf dem Button "mehr lesen" für Blogposts
  • View meta of the blog (Metadaten des Blogs anschauen) - wählt den Typ des Metablocks, der auf der Blogseite dargestellt wird
  • Post publication date (Datum der Veröffentlichung) - stellt das Datum der Veröffentlichung dar
  • Author of the post (Autor der Post) - zeigt den Autor der Post
  • Direct link to the post (Direkter Link zur Post) - zeigt den direkten Link zur Post
  • Post categories (Post-Kategorien) - stellt die Post-Kategorien dar
  • Tags be displayed (Tags anzeigen) - zeigt die Tags
  • Number of comments (Anzahl der Kommentare) - wählt die Anzahl der dargestellten Kommentare
  • Number of views (Anzahl der Ansichten) - zeigt die Anzahl der Ansichten
  • Number of likes (Anzahl der Likes) - stellt die Anzahl der Likes dar
  • Number of dislikes (Anzahl der Dislikes) - stellt die Anzahl der Dislikes dar

Portfolio (Portfolio)

  • Filter (Filter) - Filter des Portfolios.
  • Show title? (Titel anzeigen) - ermöglicht den Titel des Portfolios einzuschalten/oder auszuschalten.
  • Show excerpt? (Inhalt darstellen) - ermöglicht den Inhalt des Portfolios einzuschalten/oder auszuschalten.
  • Excerpt words (Kurzer Inhalt) - kurzer Inhalt (wörtlich).
  • Show button? (Button anzeigen) - ermöglicht den Button in den Posts des Portfolios einzuschalten/oder auszuschalten.
  • Layout (Struktur) - Im Portfolio gibt es einige Strukturen. Dank dieser Option können Sie sie ändern.
  • Portfolio 2 columns items amount (Portfolioelemente in 2 Spalten) - Gliederung der Portfolioelemente in 2 Spalten.
  • Portfolio 3 columns items amount (Portfolioelemente in 3 Spalten) - Gliederung der Portfolioelemente in 3 Spalten.
  • Portfolio 4 columns items amount (Portfolioelemente in 4 Spalten) - Gliederung der Portfolioelemente in 4 Spalten.

Contacts (Kontakte)

  • Street Address (Strassenadresse) - Strassenadresse.
  • City/Locality (Stadt/Gegend) - Stadt/Gegend.
  • Zipcode (Postkode) - Postkode.
  • Phone number (Telefonnummer) - Telefonnummer.

Social (Soziale Netzwerke)

  • Facebook URL - Link zur Facebook Seite.
  • Google+ URL - Link zur Google+ Seite.
  • RSS URL - Kink zu RSS-Feed.
  • Pinterest URL - Link zur Pinterest Seite.
  • Linkedin URL - Link zur Linkedin Seite.

Shop-Einstellungen

  • Product title length limit - Maximale Anzahl der Wörter, die im Produktnamen auf der Katalogsseite angezeigt wird (lassen Sie dies leer, um den ganzen Namen darzustellen)
  • Product description - Produktbeschreibung auf der Katalogsseite anzeigen/verstecken
  • Show details button on catalog page - Produktdetails Button auf der Katalogsseite anzeigen/verstecken
  • Display login links? - Müssen Links zum Login im Shop-Menü dargestellt werden?
  • User profile link - Name des Links, der zur Benutzerseite führt. Wenn Sie den Makrobefehl %username% verwenden, dann wird er durch den Benutzernamen ersetzt. Zum Beispiel, Webseite %username%.
  • Logoff link - Name des Links, der zur Logout-Seite führt.
  • Registration link - Name des Links, der zur Anmeldungsseite führt
  • Authentication link (login) - Name des Links, der zur Identifikationsseite führt (Login)
  • Live Chat account ID - Ihre Olark live Chat Account-ID

Olark live Chat

Um Online-Chat wie auf unserer Demo-Vorlage einzustellen, sollen Sie sich auf der offiziellen Webseite anmelden Olark Anmeldung
Klicken Sie auf den Link 'Get your code'.
Fügen Sie Ihren erzeugten ID Code ins Feld Live Chat account ID Option im Tab Shop Options ein