{"id":1796,"date":"2012-09-25T18:58:15","date_gmt":"2012-09-25T17:58:15","guid":{"rendered":"http:\/\/www.jungsi.de\/?p=1796"},"modified":"2025-10-21T17:29:06","modified_gmt":"2025-10-21T15:29:06","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":"","_lmt_disable":"","ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[30,36],"tags":[],"class_list":["post-1796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","category-wordpress"],"modified_by":"Jungsi","jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.jungsi.de\/blog\/wp-content\/uploads\/2012\/09\/fusszeile.jpg","jetpack_shortlink":"https:\/\/wp.me\/p4eXvk-sY","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1605,"url":"https:\/\/www.jungsi.de\/en\/blog-styling-part-1\/","url_meta":{"origin":1796,"position":0},"title":"Blog Styling – Part 1","author":"Jungsi","date":"15. September 2012","format":false,"excerpt":"In den letzten Tagen hatte ich mich etwas mit dem Styling meines Blogs besch\u00e4ftigt - hier nun einige der Codes, die ich dabei entdeckt habe ;-) 1. Ich wollte, dass die Suchbox \u00fcberlagernd im Kopfbild liegt - dazu muss man Code in den Atahualpa-Options eintragen:-> Various Content Items -> Add\u2026","rel":"","context":"In "Software"","block_context":{"text":"Software","link":"https:\/\/www.jungsi.de\/en\/category\/software\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1905,"url":"https:\/\/www.jungsi.de\/en\/blog-styling-part-3-header\/","url_meta":{"origin":1796,"position":1},"title":"Blog Styling – Part 3 (Header)","author":"Jungsi","date":"3. October 2012","format":false,"excerpt":"Wie man unschwer erkennen kann hat sich der Header meines Blogs etwas ge\u00e4ndert und ist nur sehr individuell :-) Daf\u00fcr ein dickes Dankesch\u00f6n an meinen Kumpel Alex - einen sehr talentierten K\u00fcnstler ;-) Wie tauscht man den Header aus? Einfach das Bild auf die passenden Gr\u00f6\u00dfe skalieren - hier sind\u2026","rel":"","context":"In "Software"","block_context":{"text":"Software","link":"https:\/\/www.jungsi.de\/en\/category\/software\/"},"img":{"alt_text":"Jungsis Corner Header","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2012\/10\/Jungsis-Corner-kl.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":3267,"url":"https:\/\/www.jungsi.de\/en\/design-anpassungen-bei-kommentaren\/","url_meta":{"origin":1796,"position":2},"title":"WordPress: Design-Anpassungen bei Kommentaren","author":"Jungsi","date":"27. April 2013","format":false,"excerpt":"Es war wieder mal an der Zeit eine alte \"Baustelle\" im Design meines Blogs abzuarbeiten :-) Diese Baustelle war die Kommentar-Funktion - hier hatte das Aussehen nicht zum Rest des Blogs gepasst und einige der Texte in dem Bereich waren noch in Englischer Sprache: 1. \"at\" in \"um\" \u00e4ndern: \u00a0\u2026","rel":"","context":"In "Software"","block_context":{"text":"Software","link":"https:\/\/www.jungsi.de\/en\/category\/software\/"},"img":{"alt_text":"Avatar 128_128","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2013\/04\/Avatar-128_128.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":17570,"url":"https:\/\/www.jungsi.de\/en\/sinclair-games-sinclair-zx-spectrum\/","url_meta":{"origin":1796,"position":3},"title":"Sinclair Games [Sinclair ZX Spectrum]","author":"Jungsi","date":"22. May 2017","format":false,"excerpt":"Ein paar Spiele, \u00fcber die ich bereits berichtet habe, wurden in der Zwischenzeit physisch ver\u00f6ffentlicht, was ich nat\u00fcrlich nicht verschweigen will. :-) Das Cyberpunk-Meisterwerk Metal Man Reloaded\u00a0von Oleg Origin wurde bei BumFun Software in einer \"Limited Edition Metal Tape\" Version auf Band gebracht. Dabei ist die Kassette wirklich mit einer\u2026","rel":"","context":"In "Games"","block_context":{"text":"Games","link":"https:\/\/www.jungsi.de\/en\/category\/software\/games\/"},"img":{"alt_text":"Metal Man Reloaded - Kassette","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/Metal-Man-Reloaded-Kassette.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/Metal-Man-Reloaded-Kassette.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/Metal-Man-Reloaded-Kassette.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/Metal-Man-Reloaded-Kassette.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":9657,"url":"https:\/\/www.jungsi.de\/en\/downloads-blog\/","url_meta":{"origin":1796,"position":4},"title":"Downloads [Blog]","author":"Jungsi","date":"6. March 2015","format":false,"excerpt":"Leider sind durch ein\u00a0Update eines Wordpress-Plugins die\u00a0Downloadlinks zur Zeit nicht alle erreichbar. Da dieses Plug in schon mehr Probleme gemacht hat, habe ich es nun durch ein neues ersetzt. Ich bin nun dabei die Links zu ersetzen - wenn einer nicht funktioniert einfach sp\u00e4ter wieder versuchen. Kann noch etwas dauern\u2026","rel":"","context":"In "Allgemein"","block_context":{"text":"Allgemein","link":"https:\/\/www.jungsi.de\/en\/category\/allgemein\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2457,"url":"https:\/\/www.jungsi.de\/en\/blog-update\/","url_meta":{"origin":1796,"position":5},"title":"Blog-Update","author":"Jungsi","date":"28. December 2012","format":false,"excerpt":"Heute war ein Update-Tag. Endlich war wieder mal Zeit, den Blog auf den aktuellen Stand zu bringen. Folgendes stand an: WordPress-Update auf 3.5 Plugins Updates Atahualpa Theme Update auf 3.7.10 Das WordPress-Update und die Aktualisierung der Plugins waren wie immer kein Thema. Lediglich bei Atahualpa muss man etwas vorsichtig sein\u2026","rel":"","context":"In "Software"","block_context":{"text":"Software","link":"https:\/\/www.jungsi.de\/en\/category\/software\/"},"img":{"alt_text":"Logo","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2012\/12\/Logo.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_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":0,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/posts\/1796\/revisions"}],"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}]}}