Dieser Artikel beschreibt die Anpassung des Standartthemes \u201cTwenty Twelve\u201d. Es wird ein sogenanntes \u201cChild Theme\u201d erzeugt und so angepasst, dass auf der Startseite und den Kategorieseiten nur Ausz\u00fcge der Artikel angezeigt werden und nicht der komplette Artikel.<\/p>\n
Child Theme<\/a><\/strong><\/p>\n Ein WordPress Child Theme ist ein Theme, welches die Funktionalit\u00e4t eines anderen Themes, des sogenannten Parent Themes \u00fcbernimmt und um eigene Anpassungen erg\u00e4nzt. Die Verwendung eines Child Themes bietet sich an wenn man ein Theme anpassen\/ver\u00e4ndern m\u00f6chte. Diese Anpassungen sollten nicht, im Standardtheme vorgenommen werden, da sie bei einem Update des Themes \u00fcberschrieben werden und verloren gehen. Lagert man die \u00c4nderungen in ein Child Theme aus bleiben sie bei einem Update des Parent Themes erhalten.<\/p>\n Die Themes liegen im Pfad Hier ist ein Beispiel f\u00fcr eine entsprechende style.css<\/em>:<\/p>\n Hier folgt die Erkl\u00e4rung was der obige Code macht:<\/p>\n Damit haben wir alles was wir f\u00fcr das Child Theme brauchen und k\u00f6nnen dieses im WordPress Backend unter Design -> Themes <\/em>aktivieren. Noch sehen wir keine Ver\u00e4nderung, da wir ja bisher nur die Einstellungen des Parent Themes importiert haben. Nun passen wir das Theme weiter an.<\/p>\n The_Excerpt<\/strong><\/a><\/p>\n Auf der Startseite des Blogs, den Kategorie Seiten und den Suchergebnisseiten sollen nicht die vollst\u00e4ndigen Artikel angezeigt werden, sondern nur Ausz\u00fcge.<\/p>\n Dazu kopieren wir die Datei content.php <\/em>aus dem Parent Verzeichnis in das Child Verzeichnis. Diese \u00f6ffnet man mit einem Editor und geht zur Zeile 33, welche wie folgt aussehen sollte.<\/p>\n Diese Anweisung bewirkt, dass die Artikelausz\u00fcge nur auf den Suchergebnisseiten angezeigt werden. Um sie auf den Kategorieseiten und der Startseite ebenfalls anzuzeigen \u00e4ndern wir die Zeile wie folgt ab.<\/p>\n Nachdem die Datei gespeichert wurde aktualisiert man die Browseransicht und die Artikel werden nicht mehr komplett sondern nur noch auszugsweise dargestellt. Aber wir k\u00f6nnen noch mehr tun.<\/p>\n Normalerweise endet ein Auszug mit […]. Wir k\u00f6nnen statt dessen jedoch auch einen Link mit \u201cWeiterlesen\u2026\u201d Link hinzuf\u00fcgen<\/strong><\/p>\n Um die ben\u00f6tigten \u00c4nderungen vornehmen zu k\u00f6nnen erstellen wir im Verzeichnis des Child eine leere functions.php<\/em> und f\u00fcgen folgenden Code ein.<\/p>\n Damit werden die […] hinter dem Auszug entfernt und durch unseren eigenen Dieser Artikel beschreibt die Anpassung des Standartthemes \u201cTwenty Twelve\u201d. Es wird ein sogenanntes \u201cChild Theme\u201d erzeugt und so angepasst, dass auf der Startseite und den Kategorieseiten nur Ausz\u00fcge der Artikel angezeigt werden und nicht der komplette Artikel. Child Theme Ein WordPress Child Theme ist ein Theme, welches die Funktionalit\u00e4t eines anderen Themes, des sogenannten Parent [Weiterlesen…]<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_metis_text_type":"","_metis_text_length":0,"_post_count":0,"footnotes":""},"categories":[3,67],"tags":[6,167,168,169,68,170,45,46,338],"class_list":["post-546","post","type-post","status-publish","format-standard","hentry","category-tutorials","category-wordpress","tag-anleitung","tag-child-theme","tag-developement","tag-parent-theme","tag-the_excerpt","tag-theme","tag-tipps","tag-tutorial","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts\/546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/comments?post=546"}],"version-history":[{"count":4,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts\/546\/revisions"}],"predecessor-version":[{"id":945,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts\/546\/revisions\/945"}],"wp:attachment":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/media?parent=546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/categories?post=546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/tags?post=546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\/wp-content\/themes <\/code>eurer WordPress Installation. In diesem Verzeichnis kann man nun ein neues Unterverzeichnis f\u00fcr das Child Theme anlegen. Ein Child Theme ben\u00f6tigt mindestens eine style.css<\/em>.\u00a0 In der style.css <\/em>des Child werden die Einstellungen des Parent Theme importiert und um die eigenen \u00c4nderungen erg\u00e4nzt. Wird das Child Theme aktiviert ersetzt die style.css<\/em> des Child die style.css<\/em> des Parent.<\/p>\n\/*\r\nTheme Name: Twentytwelve Child\r\nDescription: Child theme for the twentytwelve theme \r\nAuthor: Your name here\r\nTemplate: twentytwelve\r\n*\/\r\n\r\n@import url(\"..\/twentytwelve\/style.css\");<\/pre>\n
\n
\/*<\/code> \u00f6ffnet den Header des Child Theme.<\/li>\nTheme Name:<\/code> definiert den Namen des Child Theme.<\/li>\nDescription:<\/code> Eine Beschreibung des Themes. Diese ist optional und kann entfallen.<\/li>\nAuthor:<\/code> Name des Autors. Angabe ist optional und kann entfallen.<\/li>\nTemplate:<\/code> Definiert das Parent Theme.<\/li>\n*\/<\/code> schlie\u00dft den Header des Child Theme.<\/li>\n@import<\/code> importiert die Einstellungen aus der style.css<\/em> des Parent Theme<\/li>\n<\/ol>\n<?php if ( is_search() ) : \/\/ Display Excerpts only for Search ?><\/pre>\n
<?php if ( is_search() || is_home() || is_category() ) : \/\/ Display Excerpts for Search, Category and Home ?><\/pre>\n
\neinem Benutzerdefinierten Text anzeigen lassen.<\/p>\n\u00a0<?php\r\n\/**\r\n\u00a0* Twenty Twelve functions and definitions.\r\n\u00a0*\r\n\u00a0* Sets up the theme and provides some helper functions, which are used\r\n\u00a0* in the theme as custom template tags. Others are attached to action and\r\n\u00a0* filter hooks in WordPress to change core functionality.\r\n\u00a0*\r\n\u00a0* When using a child theme (see http:\/\/codex.wordpress.org\/Theme_Development and\r\n\u00a0* http:\/\/codex.wordpress.org\/Child_Themes), you can override certain functions\r\n\u00a0* (those wrapped in a function_exists() call) by defining them first in your child theme's\r\n\u00a0* functions.php file. The child theme's functions.php file is included before the parent\r\n\u00a0* theme's file, so the child theme functions would be used.\r\n\u00a0*\r\n\u00a0* Functions that are not pluggable (not wrapped in function_exists()) are instead attached\r\n\u00a0* to a filter or action hook.\r\n\u00a0*\r\n\u00a0* For more information on hooks, actions, and filters, see http:\/\/codex.wordpress.org\/Plugin_API.\r\n\u00a0*\r\n\u00a0* @package WordPress\r\n\u00a0* @subpackage Twenty_Twelve\r\n\u00a0* @since Twenty Twelve 1.0\r\n\u00a0*\/\r\n\r\n\/\/ Remove ... from excerpt and change the text\r\nfunction change_excerpt_more()\r\n{\r\n\u00a0 function new_excerpt_more($more)\r\n\u00a0\u00a0\u00a0 {\r\n\u00a0\u00a0\u00a0 \/\/ Use .read-more to style the link\r\n\u00a0\u00a0\u00a0\u00a0 return '<span> <a href=\"' . get_permalink($post->ID) . '\">[Weiterlesen...]<\/a><\/span>';\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0 add_filter('excerpt_more', 'new_excerpt_more');\r\n\r\n}\r\nadd_action('after_setup_theme', 'change_excerpt_more');<\/pre>\n
\nText ersetzt. Das Ergebnis kann man hier auf meinem Blog betrachten.<\/p>\n","protected":false},"excerpt":{"rendered":"