{"id":911,"date":"2012-04-03T17:00:42","date_gmt":"2012-04-03T17:00:42","guid":{"rendered":"https:\/\/blog.ecotronics.ch\/wordpress\/?p=911"},"modified":"2012-04-03T18:58:57","modified_gmt":"2012-04-03T18:58:57","slug":"eine-link-seite-in-wordpress","status":"publish","type":"post","link":"https:\/\/blog.ecotronics.ch\/wordpress\/?p=911","title":{"rendered":"Eine Link-Seite in WordPress"},"content":{"rendered":"<p>Normalerweise werden in WordPress die Links als Blogroll in einer Seitenleiste angezeigt. Wenn man mit WordPress aber eher Richtung CMS als Richtung Blog geht, m\u00f6chte man wahrscheinlich die Links auf einer separaten, \u00fcber das Men\u00fc erreichbaren Seite. Fr\u00fcher konnte man daf\u00fcr einfach eine neue Seite erstellen und den PHP-Befehl <strong>wp_list_bookmarks <\/strong>einf\u00fcgen.<\/p>\n<p>In neuen Versionen wie WordPress 3.3.1 geht dies nicht mehr so einfach: Aus Sicherheitsgr\u00fcnden wird PHP-Code in Seiten nicht mehr ausgef\u00fchrt. Es ist trotzdem auf zwei Arten m\u00f6glich, eine Link-Seite zu erstellen:<\/p>\n<ol>\n<li>Mit Hilfe eines Plugins, z.B. <strong>WP Render Blogroll Links<\/strong><\/li>\n<li>Mit einem manuell erstellten <strong>Seiten-Template<\/strong><\/li>\n<\/ol>\n<p>Im folgenden zeige ich beide Varianten. Zuerst aber ben\u00f6tigen wir ein paar Links.<\/p>\n<h1>Links in WordPress erstellen<\/h1>\n<p>Hier sind nat\u00fcrlich nicht Links im Text einer Seite gemeint, sondern Link-Sammlungen, die als Liste angezeigt werden sollen. Eingef\u00fcgt werden diese, indem man sich als Administrator einlogged. Es empfiehlt sich, zuerst mit <strong>Links &#8211; Kategorien<\/strong> die zu den Links geh\u00f6rigen Kategorien zu erstellen und dann mit<strong> Links &#8211; Link hinzuf\u00fcgen <\/strong>die dazugeh\u00f6rigen Links. Es lassen sich f\u00fcr die Linksammlung nicht nur Name und Adresse eingeben, sondern auch Kategorie und eine l\u00e4ngere Beschreibung. Bei externen Links sollte man keinesfalls vergessen, das <strong>Target auf _blank<\/strong> zu setzen, wenn man seine Leser nicht verlieren will.<\/p>\n<div id=\"attachment_913\" style=\"width: 410px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_LinksErfassenTarget.jpg\"><img aria-describedby=\"caption-attachment-913\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-913 \" title=\"WP_LinksErfassenTarget\" src=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_LinksErfassenTarget.jpg\" alt=\"\" width=\"400\" height=\"472\" srcset=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_LinksErfassenTarget.jpg 400w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_LinksErfassenTarget-254x300.jpg 254w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_LinksErfassenTarget-127x150.jpg 127w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><p id=\"caption-attachment-913\" class=\"wp-caption-text\">Kategorie und Target f\u00fcr neue Links<\/p><\/div>\n<p>\u00dcbrigens, die ID einer Kategorie findet man, wenn man in der Administration der Kategorien mit der Maus auf den Link f\u00e4hrt: unten rechts wird die URL angezeigt und im Parameter<strong> tag_ID<\/strong> steht die ID dazu.<\/p>\n<p><a href=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_KategorieIDAuslesen.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-944\" title=\"WP_KategorieIDAuslesen\" src=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_KategorieIDAuslesen.jpg\" alt=\"\" width=\"678\" height=\"290\" srcset=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_KategorieIDAuslesen.jpg 678w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_KategorieIDAuslesen-300x128.jpg 300w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_KategorieIDAuslesen-150x64.jpg 150w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_KategorieIDAuslesen-400x171.jpg 400w\" sizes=\"(max-width: 678px) 100vw, 678px\" \/><\/a><\/p>\n<h1>Link-Seite mit Plugin<\/h1>\n<p>Zuerst also die Methode mit Plugin: Man geht in der WordPress-Administration unter <strong>Plugins &#8211; Installieren<\/strong>, gibt ins Feld unterhalb von Suchen &#8220;<strong>WP Render Blogroll Links<\/strong>&#8221; ein und klickt auf &#8220;<strong>Plugins suchen<\/strong>&#8220;. Wenn das Plugin in der Liste erscheint, dann startet man die Installation mit &#8220;<strong>Jetzt installieren<\/strong>&#8220;. Dazu ben\u00f6tigt man allerdings die <strong>FTP-Verbindungsinformationen<\/strong>. Benutzbar ist das Plugin erst, wenn man den Link &#8220;Aktiviere dieses Plugin&#8221; anklickt.<\/p>\n<p>Es empfiehlt sich, einen Blick auf das Men\u00fc <strong>Einstellungen &#8211; WP Blogroll Links<\/strong> zu werfen. Es ist auf dieser Seite zwar nicht m\u00f6glich, Einstellungen zu machen, aber die <strong>Syntax des Tags und seine Optionen <\/strong>werden dort erkl\u00e4rt.<\/p>\n<p>Nun kann man eine neue Seite erstellen: Wenn man im Men\u00fc <strong>Seiten<\/strong> den Pfeil nach unten anklickt, dann einen Rechtsklick auf Erstellen macht und die Eingabeseite in einem neuen Tab \u00f6ffnet, sogar so, dass die Erkl\u00e4rungen ge\u00f6ffnet bleiben. Wenn es sich um eine reine Link-Sammlung handeln soll, dann kommt nun in die Seite nichts anderes als das Tag mit seinen Optionen.<\/p>\n<p>In meinem konkreten Fall ging es um zwei Seiten: Die erste zeigt <strong>alle Links zu Partnern<\/strong> an. Daf\u00fcr wurden diese Links alle der Kategorie &#8220;Partner&#8221; zugeteilt. Der vollst\u00e4ndige Seiteninhalt sieht also so aus:<\/p>\n<pre><strong><code>[[wp-blogroll catname=Partner notitle=1]]<\/code><\/strong><\/pre>\n<p>Mit notitle=1 wird der Kategorientitel unterdr\u00fcckt, da ja schon der Seitentitel &#8220;Partner&#8221; ausgibt.<\/p>\n<p>Die zweite Seite heisst &#8220;Links&#8221; und ist eine allgemeine Linksammlung, wobei die von WordPress standardm\u00e4ssig unter Blogroll ebenso ausgenommen sind, wie die Partner, die ja anderweitig zum Zuge kommen. F\u00fcr diese Seite sieht das Tag so aus:<\/p>\n<pre><strong>[[wp-blogroll excludecat=2,3]]<\/strong><\/pre>\n<h1>Link-Seite mit Seiten-Template<\/h1>\n<p>F\u00fcr den Website des Vereins TEE-Classics habe ich mich f\u00fcr die oben genannte Variante mit Plugins entschieden. Steht diese M\u00f6glichkeit nicht zur Verf\u00fcgung, z.B. weil sich das Plugin nicht mit anderen installierten Plugins vertr\u00e4gt oder nicht mit der verwendeten WordPress-Version kompatibel ist, dann muss man den beschwerlicheren Weg gehen und eine Template-Page f\u00fcr die Linkseite erstellen.<\/p>\n<p>Eine solche Template Page entsteht immer innerhalb des Themes, deshalb ist es nicht unwesentlich, dass die folgenden Ausf\u00fchrungen f\u00fcr <strong>WordPress 3.3.1 mit dem Theme Atahualpa 3.7.3<\/strong> gelten.<\/p>\n<p>Der erste Schritt erfolgt immer ausserhalb der WordPress-Verwaltung: Man erzeugt f\u00fcr jedes Seitentemplate eine neue leere PHP-Datei, in meinem Fall f\u00fcr die Partnerseite links_partner.php und f\u00fcr die allgemeine Link-Seite links.php. Damit diese Seite als Template anerkannt wird, ben\u00f6tigt sie mindestens den folgenden Code:<\/p>\n<pre>&lt;?php\r\n  \/*\r\n<strong>  Template Name<\/strong>: MeinTemplateName\r\n  *\/\r\n?&gt;<\/pre>\n<p>Template Name f\u00fchrt dazu, dass die Seite sp\u00e4ter beim Erstellen von neuen Seiten als Template erkannt wird. Den Rest der Seite kann man auch direkt auf dem Dateisystem erstellen oder sp\u00e4ter im Editor von WordPress. Als n\u00e4chstes muss man die Seiten mit FTP oder mit sonst einer Methode auf dem Website ins richtige Verzeichnis laden. F\u00fcr <strong>Atahualpa <\/strong>ist dies \\wp-content\\themes\\atahualpa. Ist dies gelungen, dann geht man in die Administration des Blogs und w\u00e4hlt das Men\u00fc <strong>Design &#8211; Editor<\/strong>. Die erzeugten Seiten sollten bereits als Template erkannt werden und rechts in der Liste auftauchen.<\/p>\n<div id=\"attachment_960\" style=\"width: 833px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_EigeneTemplatesImEditorBearbeiten1.jpg\"><img aria-describedby=\"caption-attachment-960\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-960\" title=\"WP_EigeneTemplatesImEditorBearbeiten\" src=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_EigeneTemplatesImEditorBearbeiten1.jpg\" alt=\"\" width=\"823\" height=\"394\" srcset=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_EigeneTemplatesImEditorBearbeiten1.jpg 823w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_EigeneTemplatesImEditorBearbeiten1-300x143.jpg 300w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_EigeneTemplatesImEditorBearbeiten1-150x71.jpg 150w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_EigeneTemplatesImEditorBearbeiten1-400x191.jpg 400w\" sizes=\"(max-width: 823px) 100vw, 823px\" \/><\/a><p id=\"caption-attachment-960\" class=\"wp-caption-text\">Eigenes Seiten-Template im Editor bearbeiten<\/p><\/div>\n<p>Nun erg\u00e4nzt man die Seite noch mit dem n\u00f6tigen PHP-Code:<\/p>\n<pre class=\"brush: php; highlight: [16]; title: ; notranslate\" title=\"\">&lt;?php\r\n\/*\r\nTemplate Name: Links\r\n*\/\r\n?&gt;\r\n&lt;?php\r\n  list($bfa_ata, $cols, $left_col, $left_col2, $right_col, $right_col2,\r\n    $bfa_ata['h_blogtitle'], $bfa_ata['h_posttitle']) = bfa_get_options();\r\n  get_header();\r\n  extract($bfa_ata);\r\n?&gt;\r\n&lt;?php bfa_post_kicker(); ?&gt;\r\n&lt;?php bfa_post_headline(); ?&gt;\r\n&lt;?php bfa_post_byline(); ?&gt;\r\n&lt;ul&gt;\r\n  &lt;?php wp_list_bookmarks('categorize=0&amp;title_li=&amp;category=3'); ?&gt;\r\n&lt;\/ul&gt;\r\n&lt;?php bfa_post_footer(); ?&gt;\r\n&lt;?php get_footer(); ?&gt;\r\n<\/pre>\n<p>Der zentrale Code steckt hier:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&lt;ul&gt;\r\n  &lt;?php wp_list_bookmarks('categorize=0&amp;title_li=&amp;category=3'); ?&gt;\r\n&lt;\/ul&gt;\r\n<\/pre>\n<p>Hier wird die Linkliste generiert und zwar nur f\u00fcr die Kategorie 3 und ohne Zwischentitel. Der Rest ist Beigem\u00fcse, um die f\u00fcr ein Blog \u00fcblichen Teile wie Header und Footer zu generieren. Alle Befehle, die mit bfa_ anfangen, geh\u00f6ren zu Atahualpa.<br \/>\nSind die Templates erstellt und gespeichert, dann wechselt man mit dem Men\u00fc <strong>Seiten &#8211; Erstellen<\/strong> zum Editor f\u00fcr neue Seiten. Auf Text kann man verzichten, es reicht, wenn man der Seite im Bereich rechts das entsprechende Seitentemplate zuteilt.<\/p>\n<div id=\"attachment_955\" style=\"width: 869px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_SeiteMitTemplateErstellen.jpg\"><img aria-describedby=\"caption-attachment-955\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-955\" title=\"WP_SeiteMitTemplateErstellen\" src=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_SeiteMitTemplateErstellen.jpg\" alt=\"\" width=\"859\" height=\"517\" srcset=\"https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_SeiteMitTemplateErstellen.jpg 859w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_SeiteMitTemplateErstellen-300x180.jpg 300w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_SeiteMitTemplateErstellen-150x90.jpg 150w, https:\/\/blog.ecotronics.ch\/wordpress\/wp-content\/uploads\/2012\/04\/WP_SeiteMitTemplateErstellen-400x240.jpg 400w\" sizes=\"(max-width: 859px) 100vw, 859px\" \/><\/a><p id=\"caption-attachment-955\" class=\"wp-caption-text\">Einer neu erstellten Seite ein Template zuordnen<\/p><\/div>\n<h1>Titel formatieren<\/h1>\n<p>Um die Kategorien-Titel der Link-Liste in Atahualpa entsprechend den anderen Titeln zu formatieren, ging ich unter <strong>Design &#8211; Atahualpa Theme Options- Various Content Items &#8211; Add HTML\/CSS Inserts &#8211; CSS Inserts<\/strong> und f\u00fcgte den folgenden Code ein:<\/p>\n<pre><pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\nh2.linkcattitle {\r\n  color: #C0002F;\r\n  font-size: 150%;\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Normalerweise werden in WordPress die Links als Blogroll in einer Seitenleiste angezeigt. Wenn man mit WordPress aber eher Richtung CMS als Richtung Blog geht, m\u00f6chte man wahrscheinlich die Links auf einer separaten, \u00fcber das Men\u00fc erreichbaren Seite. Fr\u00fcher konnte man daf\u00fcr einfach eine neue Seite erstellen und den PHP-Befehl wp_list_bookmarks einf\u00fcgen.<\/p>\n<p>In neuen Versionen wie [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[8,7],"tags":[56,131,136,287,132],"_links":{"self":[{"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/911"}],"collection":[{"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=911"}],"version-history":[{"count":39,"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/911\/revisions"}],"predecessor-version":[{"id":978,"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/911\/revisions\/978"}],"wp:attachment":[{"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ecotronics.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}