{"id":1796,"date":"2012-09-25T18:58:15","date_gmt":"2012-09-25T17:58:15","guid":{"rendered":"http:\/\/www.jungsi.de\/?p=1796"},"modified":"2026-08-28T16:03:34","modified_gmt":"2026-08-28T14:03:34","slug":"blog-styling-part-2","status":"publish","type":"post","link":"https:\/\/www.jungsi.de\/en\/blog-styling-part-2\/","title":{"rendered":"Blog Styling – Part 2 (Fu\u00dfzeile)"},"content":{"rendered":"\n

Wie manchen aufgefallen ist, hat sich der Blog nochmal etwas ver\u00e4ndert. \ud83d\ude09 Zum einen wollte ich alles doch etwas bunter, zum anderen auch etwas strukturierter. Der Style des Themes sollte nun f\u00fcr einige Zeit so bleiben! Kleinigkeiten werde ich immer mal wieder \u00fcberarbeiten.
Hier gehts es nun weiter mit dem Blog-Styling – manches ist auf meiner Seite wegen der Umgestaltung schon wieder nicht mehr zu sehen, ich will aber meine Erkenntnisse niemandem vorenthalten.
Heute geht’s um die Zeile ganz unten auf der Seite…die Fu\u00dfzeile.<\/strong>
So sieht sie nun aus:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Wie bin ich zu dem Ergebnis gekommen:<\/p>\n\n\n\n\n\n\n\n

1. „Nach oben“ – dies ist eine praktische Funktion, wenn man mehr auf einer langen Seite ist und wieder schnell ganz nach oben will
Overall Style & Config. \u2192 Body, Text & Links \u2192 Body Style:<\/em><\/p>\n\n\n\n

<body id='top'><\/pre>\n\n\n\n
Der Code f\u00fcr den Footer (rechtsb\u00fcndig formatiert):<\/p>\n\n\n\n
<div style=\"float: right;\"><a href='#'>&uArr; Nach oben &uArr;<\/a><\/div><\/div><\/pre>\n\n\n\n
2. Der Text der im linken Teil steht ist relativ einfach  (linksb\u00fcndig formatiert):<\/p>\n\n\n\n
<div><div style=\"float: left;\">Copyright &copy; 2000 - 2012 Jungsi.de | Online seit: 16.12.2004 <\/div><\/pre>\n\n\n\n
Nun wird es etwas schwieriger:
Anzeige der Anzahl der Artikel und Kommentare
In der functions.php<\/strong> m\u00fcssten zwei Codes eingef\u00fcgt werden:<\/p>\n\n\n\n
function anzahl_artikel() {\n$artikel = wp_count_posts( 'post' );\n$artikel = $artikel->publish;\necho $artikel;\n}\nfunction anzahl_kommentare() {\n$kommentare = get_comment_count();\n$kommentare = $kommentare['approved'];\necho $kommentare;\n}<\/pre>\n\n\n\n
Weil das PHP-Code ist, k\u00f6nnen die Argumente f\u00fcr die Anzeige nicht in der Fu\u00dfzeile angezeigt werden (nur html)!<\/p>\n\n\n\n
<?php anzahl_artikel(); ?> <?php anzahl_kommentare(); ?><\/pre>\n\n\n\n
L\u00f6sung:
Einen neue Widget-Area im Fu\u00dfbereich einrichten:
\u2192 Footer \u2192 Style & edit FOOTER \u2192 Footer: Content<\/em><\/p>\n\n\n\n
<?php bfa_widget_area('name=Footer widget area'); ?><\/pre>\n\n\n\n
Danach findet man bei den Widgets in WordPress einen neuen Bereich mit Namen \u201eFooter Widget Area\u201c<\/strong>. Dort kann man jetzt Widgets f\u00fcr die Fu\u00dfzeile platzieren.\u00a0Wie bringt man aber den Code dort rein? Denkste \u2013 mit dem Text-Widget geht das nicht \ud83d\ude09 Auch das vertr\u00e4gt kein php…..Also: neues Plugin installieren: PHP Code Widget<\/a> \u2013 mit dem kann man Text, html und PHP einf\u00fcgen…..
Hier noch der komplette Code der dann in dem Widget f\u00fcr die Fu\u00dfzeile steht:<\/p>\n\n\n\n
<div><div style=\"float: left;\">Copyright &copy; 2000 - 2012 Jungsi.de | Online seit: 16.12.2004 - <?php anzahl_artikel(); ?> Artikel - <?php anzahl_kommentare(); ?> Kommentare<\/div><\/div> <div style=\"float: right;\"><a href='#'>&uArr; Nach oben &uArr;<\/a><\/div><\/pre>\n\n\n\n
Tipp: dem Widget keinen Namen geben, sonst wird dieser als Text angezeigt \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"
Wie manchen aufgefallen ist, hat sich der Blog nochmal etwas ver\u00e4ndert. \ud83d\ude09 Zum einen wollte ich alles doch etwas bunter, zum anderen auch etwas strukturierter. \u2026<\/p>","protected":false},"author":2,"featured_media":1814,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[7],"tags":[],"class_list":["post-1796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technik"],"modified_by":"Jungsi","wp-worthy-pixel":{"ignored":false,"public":"290eb6923411446a9ea5a40ce0b52003","server":"","url":"https:\/\/vg02.met.vgwort.de\/na\/290eb6923411446a9ea5a40ce0b52003"},"wp-worthy-type":"normal","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.jungsi.de\/blog\/wp-content\/uploads\/2012\/09\/fusszeile.jpg","_links":{"self":[{"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/posts\/1796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/comments?post=1796"}],"version-history":[{"count":1,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/posts\/1796\/revisions"}],"predecessor-version":[{"id":44870,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/posts\/1796\/revisions\/44870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/media\/1814"}],"wp:attachment":[{"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/media?parent=1796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/categories?post=1796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/tags?post=1796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}