Schlagwort: theme

Anzeigen vor wie vielen Tagen ein Beitrag veröffentlicht wurde in WordPress

Viele, wenn nicht sogar die meisten, WordPress-Themes zeigen bei den Beiträgen das Datum der Veröffentlichung an. Man kann natürlich auch einen anderen Weg gehen – anzeigen vor wie vielen Tagen der Beitrag veröffentlicht wurde, oder auch eine Kombination von beidem.

Wie man dies sehr einfach in sein Theme integrieren kann, werde ich in diesem Artikel beschreiben. (mehr …)

Ein Child-Theme für WordPress erstellen am Beispiel vom Twentysixteen Theme

In diesem Tutorial erstellen wir auf Basis des WordPress Themes Twentysixteen ein einfaches Child-Theme. Mit Child-Themes lässt sich hervorragend ein Theme optisch anpassen oder auch im Funktionsumfang erweitern.

Dabei wird alles was schon im Child-Theme vorhanden ist auch vom Child-Theme geladen, die übrigen Theme-Teile werden dann vom Parent-Theme geladen. (mehr …)

Ein eigenes WordPress Theme erstellen 11 – Basis Styling, Theme Screenshot hinzufügen und das Theme testen

In dieser Tutorial-Serie haben wir viel über den Grundaufbau von einem WordPress Theme erfahren. Zum Abschluß werden wir noch einige Basis Styles hinzufügen und eine Theme Screenshot-Datei, um dem Theme auch im Dashboard von WordPress einen individuellen Touch zu verleihen.

Anschließend kann diese erstellte Theme Basis natürlich auch kostenlos heruntergeladen werden und den wünschen entsprechend angepasst werden. (mehr …)

Ein eigenes WordPress Theme erstellen 10 – richtiges einbinden von JS-Dateien inkl. Conditional Tags

Genauso wie CSS-Dateien, lassen sich auch JS-Dateien über die functions.php laden. Das hat wiederum den großen Vorteil, dass mit Conditional Tags gearbeitet werden kann.

Wie auch im vorherigen Artikel legen wir auch für die Einbindung von JS-Dateien eine neue Funktion in der functions.php des WordPress Themes an und verwenden hierzu, wie auch für die CSS-Dateien, die WordPress Funktion wp_enqueue_scripts. (mehr …)

Stylesheets und Javascript-Dateien für den IE6, IE7, IE8 über die functions.php in WordPress laden

Gerade wenn man auch noch ältere Internet Explorer Versionen mit der eigenen Webseite unterstützen möchte ergeben sich unter anderem Probleme durch zB fehlende HTML5-Unterstützung. Durch das zusätzliche Laden von einem Javascript oder einem Stylesheet kann dem abgeholfen werden. Wie auch die Handhabung von sämtlichen anderen Styles und Scripten, werden wir auch dieses Problem direkt über die functions.php des WordPress Themes lösen. (mehr …)

Ein eigenes WordPress Theme erstellen 9 – richtiges einbinden von CSS-Dateien inkl. Conditional Tags und Fonts wie Dashicons oder Font-Awesome

In diesem Artikel binden wir Stylesheets und Schriftarten, zB Dashicons und Font-Awesome, WordPress-Konform in das Theme ein. Dazu benutzen wir die WordPress Funktion wp_enqueue_scripts in unserer functions.php des Themes.

Bevor wir loslegen können, öffnen wir unsere bereits vorhandene functions.php des Themes und erstellen eine neue Funktion, mit welcher wir die gewünschten Styles und Schriftarten laden. (mehr …)

Ein eigenes WordPress Theme erstellen 8 – einzelne Seiten in­di­vi­du­a­li­sie­ren mit verschiedenen Vorlagen

Genauso wie die unterschiedlichen Beitragsformate, können wir auch verschiedene Seiten unterschiedlich über WordPress darstellen lassen. Nach derzeitigem Stand des Tutorials würden noch sämtliche Seiten und Beiträge über die Haupttemplatedatei index.php ausgegeben. Mit der Erstellung einer single.php könnte man noch die generelle Ansicht von Beiträgen ändern zB eine andere Seitenleiste oder was auch immer verwenden – in dieser Tutorial-Reihe belassen wir es aber dabei. Nicht jedoch bei der Anzeige von Seiten, welche wir in diesem Betrag noch individualisieren. (mehr …)

Ein eigenes WordPress Theme erstellen 7 – Unterschiedliche Beitragsformate individuell anzeigen lassen

Im fünften Teil dieser Tutorialreihe wurde in der functions.php des Themes die Unterstützung der unterschiedlichen Beitragsformate von WordPress hinzugefügt. Sinn hat diese Funktion aber erst dann, wenn wir diese Beitragsformate auch individuell von WordPress darstellen lassen. Um dies zu erreichen, legen wir für jedes Beitragsformat, welches individuell gestaltet werden soll, eine separate Datei an.

In diesem Tutorial beschränken wir uns dabei auf folgende Beitragsformate: Zitat (quote) und Bild (image). (mehr …)

Ein eigenes WordPress Theme erstellen 6 – Beitrags- und Seitennavigation und den Archivtitel mit Beschreibung hinzufügen

Seit WordPress v4.1 stehen uns einige Standardlösungen zur Seiten- und Beitragsnavigation zur Verfügung.

  • the_post_navigation()
  • the_posts_navigation()
  • the_posts_pagination()

Wie wir diese drei Funktionen richtig und sinnvoll in unserem Theme einsetzen können, werden wir in diesem Artikel behandeln. (mehr …)

Ein eigenes WordPress Theme erstellen 5 – Dem Inhalt zusätzliche Informationen hinzufügen

Im Teil 4 dieser Tutorial-Reihe haben wir viele Teile von der index.php ausgegliedert, so auch den Inhalt. Unsere content.php des WordPress Themes beschränkt sich momentan noch auf den Titel und den Inhalt. In diesem Artikel werden wir jedoch noch einige weitere Informationen hinzufügen. (mehr …)