{"id":13052,"date":"2014-12-12T16:22:03","date_gmt":"2014-12-12T15:22:03","guid":{"rendered":"http:\/\/www.nerd-o-mania.de\/wordpress\/?p=13052"},"modified":"2021-04-23T05:29:28","modified_gmt":"2021-04-23T03:29:28","slug":"weihnachtszeit-bastelzeitauch-im-weltbesten-wordpress-blog-von-nerd-o-mania-und-den-dr-love-labs","status":"publish","type":"post","link":"https:\/\/www.nerd-o-mania.de\/wordpress\/2014\/12\/weihnachtszeit-bastelzeitauch-im-weltbesten-wordpress-blog-von-nerd-o-mania-und-den-dr-love-labs\/","title":{"rendered":"Weihnachtszeit = Bastelzeit&ndash;auch im weltbesten WordPress Blog von NERD-O-MANIA und den Dr. Love Labs.."},"content":{"rendered":"<h2>..oder: Halleluja, Saupreiss damischer! Feintuning am Blog \u2013 auf dass die Besucher erfreut einkehren..<\/h2>\n<p align=\"justify\">Puhh! Das war ein harter Tag gestern \u2013 Mir brennen jetzt noch die Augen, weil ich von Morgens bis Abends am Rechner sa\u00df um den sch\u00f6nsten Blog der Welt \u2013 ja NAT\u00dcRLICH ist DIESER BLOG gemeint, Du D\u00f6del! \u2013 f\u00fcr die Besucher noch sch\u00f6ner machen wollte. Oh, da gab es einiges zu tun, denn auch wenn dieser Blog schon der sch\u00f6nste ist, so haben wir (also die komplette Belegschaft der Dr. Love Labs und nat\u00fcrlich auch die f\u00fcr die \u00d6ffentlichkeitsarbeit zust\u00e4ndigen Mitarbeiter\u00a0 &#8211; von den bl\u00f6den Physikern ver\u00e4chtlich Handlanger genannt &#8211; des NERD-O-MANIA Blog) doch immer noch das bestreben ihn zum allerallerallersch\u00f6nsten zu machen.<\/p>\n<p>Deshalb hatte ich einiges auf der Liste:<\/p>\n<ul>\n<li>Die Dr. Love Labs (und nat\u00fcrlich auch NERD-O-MANIA) sollten einen neuen Standard-Avatar f\u00fcr alle Besucher, die keinen Eigenen haben, bekommen. Nat\u00fcrlich thematisch passend zum Nerd-o-Mania Grundgedanken..<\/li>\n<li>Die Kategorien sollten nun nicht nur mehr nur durch die \u00dcberschrift, sondern auch farblich symbolisieren, wozu Sie thematisch geh\u00f6ren.<\/li>\n<li>das Men\u00fc sollte aufgeh\u00fcbscht werden und mit FA-Icons \u00fcbersichtlicher gestaltet.<\/li>\n<li>Die Slideshow auf der Begr\u00fc\u00dfungsseite sollte etwas mehr Pep erhalten und etwas auf Retro gestylt sein \u2013 am besten mit einem Video und Sound<\/li>\n<li>und au\u00dferdem machte mein Server nicht das gewohnte Kontroll-piepsen beim booten.<\/li>\n<\/ul>\n<p align=\"justify\"><a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/12\/piepsfehler.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: left; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border: 0px;\" title=\"piepsfehler\" src=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/12\/piepsfehler_thumb.jpg\" alt=\"piepsfehler\" width=\"364\" height=\"190\" align=\"left\" border=\"0\" \/><\/a>Zuerst wollte ich dem Hardware-Problem zu Leibe r\u00fccken \u2013 es nervt mich einfach, wenn Dinge nicht richtig funktionieren \u2013 selbst wenn das Kontrollpiepsen nur beim einschalten des Servers ben\u00f6tigt wird, ich habe das im Hinterkopf und es geht mir dauernd \u201cauf den Senkel\u201d, weil ich dran denke, aber es noch nicht behoben habe. Also ab auf Tauchstation, die Seitenklappe des Servers ge\u00f6ffnet und mal einen Blick in die Innereien geworfen. Die Ursache des fehlenden Einschalt \u201cPiep\u201d war schnell gefunden: ein Stift auf dem der Lautsprecherstecker gesteckt war, war lose und hatte keinen Kontakt (auf dem Bild rot eingekreist). Mit einer Spitzzange wurde der Stift, der unten eine Klemmbefestigung hatte leicht gedreht und gedr\u00fcckt, dass er wieder einrastete. Lautsprecherstecker aufgesteckt \u2013 testweise den Power-On Schalter auf dem Mainboard (zu Wartungszwecken hat das ASUS Z97 einen Ein\/Aus-Taster, sowie ein Display welches einen Fehlercode anzeigt) gedr\u00fcckt \u2013 PIEEEP \u2013 alles klar. Punkt 1 auf der Liste abgehakt.<\/p>\n<p align=\"justify\">Jetzt ging es an die kreative Seite.\u00a0 Der Standardgravatar sollte einer angepassten Version weichen, die auch schon optisch zeigte, dass hier haupts\u00e4chlich megacoole aber auch intelligente Wesen Ihr Unwesen treiben.<\/p>\n<p style=\"text-align: justify;\" align=\"justify\">Mittels Photoshop wurde geschwind ein Gehirn mit einer Sonnenbrille gepaart \u2013 (abspeichern in der Gr\u00f6\u00dfe 80 x 80 Pixel) fertig war der angepasste Avatar. Das erstellen einer Grafik ist das eine \u2013 das einbinden eine ganz andere. Da musste ich auch googeln, fand aber relativ schnell die L\u00f6sung. Es musste ein kleiner Textabschnitt in die Funktions.php Datei des aktiven Themes eingef\u00fcgt werden. F\u00fcr Nachbauer \u2013 der Schnipsel sieht so aus:<\/p>\n<blockquote class=\"quote-light\"><p>add_filter(&#8218;avatar_defaults&#8216;, &#8218;meinAvatar&#8216;);<br \/>\nfunction meinAvatar($standard) {<br \/>\n$avatar = get_bloginfo(&#8218;template_directory&#8216;) . &#8218;\/images\/noname.png&#8216;;<br \/>\n$standard[fusion_builder_container hundred_percent=&#8220;yes&#8220; overflow=&#8220;visible&#8220;][fusion_builder_row][fusion_builder_column type=&#8220;1_1&#8243; background_position=&#8220;left top&#8220; background_color=&#8220;&#8220; border_size=&#8220;&#8220; border_color=&#8220;&#8220; border_style=&#8220;solid&#8220; spacing=&#8220;yes&#8220; background_image=&#8220;&#8220; background_repeat=&#8220;no-repeat&#8220; padding=&#8220;&#8220; margin_top=&#8220;0px&#8220; margin_bottom=&#8220;0px&#8220; class=&#8220;&#8220; id=&#8220;&#8220; animation_type=&#8220;&#8220; animation_speed=&#8220;0.3&#8243; animation_direction=&#8220;left&#8220; hide_on_mobile=&#8220;no&#8220; center_content=&#8220;no&#8220; min_height=&#8220;none&#8220;][$avatar] = &#8222;NERD-O-MANIA Avatar&#8220;;<br \/>\nreturn $standard;<br \/>\n}<br \/>\n<a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/12\/custom-avatar.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: right; padding-top: 0px; padding-left: 0px; margin: 10px 15px; display: inline; padding-right: 0px; border: 0px;\" title=\"custom avatar\" src=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/12\/custom-avatar_thumb.jpg\" alt=\"custom avatar\" width=\"200\" height=\"244\" align=\"right\" border=\"0\" \/><\/a><\/p><\/blockquote>\n<p align=\"justify\">Hat man alles richtig gemacht, dann erscheint in WordPress unter Einstellungen &gt; Diskussion &gt; unten bei Standardavatar der Eintrag angepasste Avatar.\u00a0 Das ging ja gut fix weiter \u2013 keine halbe Stunde sp\u00e4ter war auch der Punkt abgehakt. Der n\u00e4chste Punkt war nicht so einfach umzusetzen, da er etwas frickeliger war und vom Avada-Theme auch nicht in den Einstellungen unterst\u00fctzt wird.<\/p>\n<p align=\"justify\">Das Powermag Theme bot als nettes Feature die M\u00f6glichkeit den Kategorien in der Navigation eine bestimmte Farbe zuzuweisen. Dies wollte ich auch beim Avada Theme einbauen.\u00a0 Es gab da einige Ans\u00e4tze, die mir aber zu aufwendig erschienen \u2013 am Ende reichte eine Zeile Code, die ich in die CSS Definition schrieb, dass die Links in den entsprechenden Farben angezeigt werden:<\/p>\n<blockquote class=\"quote-light\"><p>.category-sonntagsgedanken a {<br \/>\ncolor: #00A2E7;<br \/>\n}<\/p><\/blockquote>\n<p>das war f\u00fcr meine Bed\u00fcrfnisse ausreichend \u2013 sah auch gut aus. Also abgehakt auf der Liste..<\/p>\n<p style=\"text-align: justify;\">Auf zum n\u00e4chsten Punkt. Das Avada-Theme unterst\u00fctzt ein \u201cMega-Men\u00fc\u201d. Die Entwickler haben hier dem Benutzer des Themes die M\u00f6glichkeit gegeben, im Men\u00fc selber Widgets einzubauen, wie Slideshows, oder \u00e4hnlichen Dingen.\u00a0 Unter anderem unterst\u00fctzt das Men\u00fc die Einbindung der \u201cFont Awesome Icons\u201d. Nach einer halben Stunde hatte ich alle Icons gefunden und den Code an der entsprechenden Stelle im Men\u00fc eingef\u00fcgt. Damit war schon \u00fcber die H\u00e4lfte auf meiner Liste abgearbeitet.<\/p>\n<p style=\"text-align: justify;\">Die nun folgenden Arbeiten waren aber daf\u00fcr wesentlich zeitaufwendiger. Das Avada Theme hat bereits 4 verschiedene Slideshows integriert \u2013 eine ist eine selbst entwickelte \u2013 die anderen 3 kosten richtiges Geld, wenn man Sie bei Themeforest kauft. Ich hatte f\u00fcr die Begr\u00fc\u00dfungsseite vor Monaten eine Slideshow mit dem &#8222;Layer Slider&#8220; erstellt, doch die erschien mir langsam nicht mehr so ganz passend. Ich wollte ein bisschen Retrolook in den Blog bringen. Ein bisschen wie \u2018Art Deco\u2019 \u2013\u00a0 vielleicht sogar ein auf Alt getrimmtes Video. Daf\u00fcr musste eine Video-Datei, die ich mal mit 3ds max erstellt hatte, und die eine Haltestelle in Dortmund darstellt herhalten um Sie auf &#8222;alt&#8220; zu trimmen. Au\u00dferdem suchte ich im Internet auch noch nach Wallpapern des Endzeit Games Fallout 3 und Musik-Dateien aus dem Spiel \u2013 Sie waren aus der Swing-\u00c4ra \u2013 also ganz pasend zu dem angepeiltem 50er Jahre Stil, der mir vorschwebte.<\/p>\n<p><a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/12\/nero_video_art_deco.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: left; padding-top: 0px; padding-left: 0px; margin: 15px; display: inline; padding-right: 0px; border: 0px;\" title=\"nero_video_art_deco\" src=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/12\/nero_video_art_deco_thumb.jpg\" alt=\"nero_video_art_deco\" width=\"484\" height=\"282\" align=\"left\" border=\"0\" \/><\/a>Alles zusammen gesucht,\u00a0wurde Nero Video 2015 gestartet und los ging\u2019s..<\/p>\n<p style=\"text-align: justify;\">Zuerst wurde ein zugeschnittenes Wallpaper an den Anfang gelegt, dann das Video mit der Haltestelle importiert \u2013 am Ende noch mal das Wallpaper. Dann \u00fcber das ganze einen Effektfilter gelegt, der einen alten besch\u00e4digten Schwarzweiss-Film im Sepia Ton (das ist diese leicht gelbliche Farbe)\u00a0 erzeugt. Am Anfang versuchte ich die Musik direkt mit ins Video zu integrieren \u2013 doch der Film wurde beim Export zu gro\u00df.<\/p>\n<p align=\"justify\">Ich entschied mich das Plugin \u201cSoundy\u201d einzusetzen \u2013 es erm\u00f6glicht f\u00fcr jeden Blogbeitrag und auch f\u00fcr jede Seite eine angepasste Hintergrundmusik. Um den Blog nicht komplett zu verkaspern ist aber nur auf der Begr\u00fc\u00dfungsseite ein passender swingender Jazz Titel von Peggy Lee \u201cWhy Don&#8217;t You Do Right\u201d \u2013 au\u00dferdem ein kostenloser Soundschnipsel von Audiojungle (ein Bereich, der ebenfalls zu Themeforest.org geh\u00f6rt). Diese Low Tempo Musik wird abgespielt, wenn Ihr auf die Galerie-Seite geht, um euch Fotos anzuschauen.<\/p>\n<p align=\"justify\">Jetzt noch alles auf den Server hochladen und die entsprechenden Einstellungen \u2013 und das war\u2019s.<\/p>\n<p align=\"justify\">Mein Blog erscheint jetzt in einem tollen neuen Outfit.<\/p>\n<p align=\"justify\">Was meint Ihr? Gef\u00e4llt euch der neue Stil? \u00dcber euer Feedback w\u00fcrde ich mich freuen..<\/p>\n<p align=\"justify\"><em>Dieser Beitrag wurde bereits [views id=&#8220;POST_ID&#8220;]<\/em><\/p>\n[\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container]\n","protected":false},"excerpt":{"rendered":"<p>..oder: Halleluja, Saupreiss damischer! Feintuning am Blog \u2013 auf dass die Besucher erfreut einkehren.. Puhh! Das war ein harter Tag gestern \u2013 Mir brennen jetzt noch die Augen, weil ich von Morgens bis Abends am Rechner sa\u00df um den sch\u00f6nsten Blog der Welt \u2013 ja NAT\u00dcRLICH ist DIESER BLOG gemeint, Du D\u00f6del! \u2013 f\u00fcr die &hellip;<\/p>\n","protected":false},"author":11,"featured_media":13046,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_post_was_ever_published":false},"categories":[5],"tags":[319],"class_list":["post-13052","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computer","tag-wordpress"],"jetpack_featured_media_url":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/12\/piepsfehler.jpg","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/posts\/13052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/comments?post=13052"}],"version-history":[{"count":0,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/posts\/13052\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/media\/13046"}],"wp:attachment":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/media?parent=13052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/categories?post=13052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/tags?post=13052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}