Am 12. Dezember 2012 haben die Entwickler von TemplateMonster eine Sache erstellt, dass die Installation von Beispieldaten des WordPress Web-Templates einfacher macht. Hier ist es - WordPress + Cherry Framework + Bootstrap Functionality!
Was ist Cherry Framework?
Cherry Framework ist ein Software-Framework, das das Entwicklungsteam von TemplateMonster erstellt hat. Du solltest das Cherry Framework auf deinem System installieren, damit Cherry WordPress Themes richtig funktioniert. Jetzt gibt es in jedem Download-Paket eine Kopie vom Cherry Framework und Du solltest sie nun installieren, damit dein Cherry WordPress Theme funktioniert.
Die neue Cherry WordPress Themes sind ein Beispiel vom Rapid Prototyping Cherry Framework, das nahtlos in WordPress Core integrieren könnte, und werden sogar mit Bootstrap weiterentwickelt.
Wichtige Funktionen von Cherry WordPress Themes
Einfache Installation. Der Installationsprozess wurde sehr vereinfacht! Jetzt musst Du nicht zwischen WordPress, FTP, phpMyAdmin wechseln, weil alle Manipulationen mit dem Theme man durch Administration Bereich vornehmen kann. Das gekaufte Theme ist auf XML Datei basiert und deswegen muss der Inhalt Deiner Website nicht überschreibt werden. Dies ist ein einzigartiges Produkt, das sowohl für Anfänger, als auch für fortgerittene Nutzer passt.
Ein paar Wörter über die Installation. Im extrahierten Archive findest Du vier Dateien: Theme, Framework, xml Datei und ein Kontaktformular jQuery PlugIn.
Der Installationsprozess von Child Theme dauert weniger als 8 Minuten!
Installation Schritte:
Alle Uploads werden durch WordPress Admin gemacht.
- Geh auf Appearance > Themes > Install Themes (Design > Themes > Themes installieren) und lad die ZIP-Datei CherryFramework.zip hoch;
- Wenn Du die hochgeladn hast drück den Button Activate (Aktivieren);
- Geh wieder auf Appearance > Themes > Install Themes (Design > Themes > Themes installieren) und lad die themeXXXX.zip Datei hoch;
- Danach drück den Button Activate (Aktivieren).
Damit deine WordPress Website ähnlich wie beim Live-Demo aussieht, solltest Du noch 5 Schritten ausführen.
- Geh auf Cherry Options > Import (Cherry Optionen > Importieren) und lad die options.json Datei hoch;
- Dann lad die widgets.json Datei hoch;
- Drück den Button Import Settings (Einstellungen importieren);
- Lad die .xml Datei hoch;
- Drück den Button Save Changes (Änderungen speichern), um die Struktur von SEO-optimierte Permalinks zu aktivieren.
Und das ist alles mit der Installation von Beispieldaten!
Was Noch?
Standort von Styles
Styles jedes Moduls sind nebeneinander angeordnet; sie können in den beiden Kommentaren-Box oder in einer getrennten Datei markiert werden.
1 2 3 4 5 6 |
/* Module name
-------------------------------------------------- */
.module { … }
.module_list { … }
.module_list__modificator { … }
/* /Module name */
|
Selektoren von veränderbare Kaskade legen auch Nähe zum Parent Class:
1 2 3 4 5 6 |
/* Module name
-------------------------------------------------- */
.module { … }
.module_list { … }
.module_list .other-module { … }
/* /Module name */
|
Die Classes vom Inhalt Layer kann eine Ausnahme sein:
1 2 3 4 5 6 7 |
/* Module name
-------------------------------------------------- */
.module { … }
.module_list { … }
.touch .module_list { … }
.ie9 .module_list { … }
/* /Module name */
|
Solche Style Organizationen erleichtern die Restrukturierung des Codes und erlauben einen Entwickler schnell in Gegenstand von alle Modul Styles zu kommen.
Das 1. Layer – das Basis – es ist ein Kern, wo sich die meist verwendete Elemente befinden:
- Formulare;
- Buttons;
- Navigation, etc.
Das 2. Layer – ein Projekt – hat isolierte Projekt Module mit:
- Anmeldeformular;
- Login Blockierung;
- Warenkorb.
Das 3. Layer - Kosmetik – hat einfache, geringe Styles:
- Linkfarben;
- Geringe OOCSS – couple of properties to the class (. Font-size_XL,. Margin-t_L);
- Globale Modifikatoren.
Inhalt – dieses Layer hat Styles mit höherem Inhalt und @media-Regel, die man verwendet, um die Standardeinstellungen für verschiedenen Inhalten zu verändern:
- IE8, IE9 – Browsers;
- Touch – Funktionen vom Gerät;
- Logged-in – die Höhe im Inhalt von Portal;
- Medien-Anfragen.
Achte bitte darauf, dass das Modus auf Visual steht:
standard –Custom Blogartikel, mit einem Titel und Inhaltsblock;
aside – typischer Artikel ohne Titel;
gallery – eine Bildgalerie;
link – ein Link auf eine andere Webseite;
image – ein Artikel aus einem einzelnen Bild;
quote – ein Artikelinhalt als Zitat;
audio – eine Audio-Datei, sie kann man für Podcasting verwenden;
video – ein Artikel bestehend aus einem Video. Dieses Format ermöglicht Videos hinzuzuzfügen.
Um zu testen, lad ein Kostenloses Cherry WordPress Theme herunter. Beachte bitte, dass dieses Kostenloses Cherry WordPress Theme nur für Lehrzwecke angewendet worden darf.
Das heißt, dass man diese Vorlage für Online Projekte verwenden und jemanden weiterverkaufen nicht darf.
* * *
Jetzt schauen wir mal, worüber wir so viel geredet haben. Schau die Cherry WordPress Themes!
Tiere und Haustiere Cherry WordPress Theme
* * *
Webdesign Cherry WordPress Theme
* * *
Schule und Studium Cherry WordPress Theme
* * *
Tiere und Haustiere Cherry WordPress Theme
* * *
Architektur Cherry WordPress Theme
* * *
Nachdem Du diese großartige Cherry WordPress geschaut hast, teile bitte deine Meinung nach. Ich freue mich auf dein Feedback 😉 Falls Du noch Fragen hast, hinterlasse bitte deinen Kommentar.
