dynamicinternet Webdesign

Das Blog

Themen, Tutorials sowie Tipps & Tricks über Webdesign, (X)HTML und CSS, Programmierung, WordPress und was uns sonst noch bewegt.

RSS abonnieren

Die Leiden der Themeentwicklung

Ich könnte gerade wieder mal durch die Decke gehen. Schuld sind die WordPress – Pfeiffen Entwickler. Warum? Vorhin habe ich begonnen, ein neues Theme für mein konfigurierbares Theme zu bauen (ja, auf das Theme setzten Themes auf). Folgendes ist dabei rausgekommen:

Screenshot Blogroll

So wie die Blogroll sieht eine ordentliche Liste aus. Die Listenelemente haben einen Abstand zum Rand. Man könnte aslo ohne weiteres einen rechten und linken Rahmen darum machen.

Screenshot Recend Comments

Das letzte Kommentare Widget. WordPress erzeugt ein Stylesheet und kracht es in den Header. Natürlich an letzter Stelle, so daß man diesen Müll nicht mal überschreiben kann. Abstand nach außen nicht möglich (dem Anker das padding geben funktioniert nur, wenn der Kommentator auch eine Url hinterlassen hat.) Also nix mit Border. Hier die Grausamkeit, über die ich ja schon geschrieben habe.


.recentcomments a {
display: inline !important;
padding: 0 !important;
margin: 0 !important}

Ok, ich könnte jetzt ein Style in den Body schreiben, so nach dem Motto “ätsch, meins gewinnt”, aber das kanns ja wohl nicht sein. Aber jetzt zur Krönung:

Screenshot Tagcloud

Das WordPress-eigene Tag Wolke Widget. Das Problem bei dem Ding ist, daß innerhalb des Listenelements nur die H3 steht, gefolgt von den Tagverweisen. Also so:


<li id="tag_cloud">
<h3>Tag Cloud</h3>
<a href="">tag</a>
<a href="">nacht</a>
<a href="">morgen</a>
</li>

Cool, oder? Ein Teil der Grafik hängt an dem li-Element und der 2. Teil der Grafik an der H3 und da das Listenelement bis unten reicht, reicht auch die Grafik soweit hinein, wie sie hoch ist.

Jetzt kann natürlich jeder sagen, warum baust du auch so blöde Sachen, aber darum geht es gar nicht. Ich probiere verschiedene Dinge für mein Theme aus, um zu schauen, was alles möglich ist. Dazu gehören auch skalierende Grafiken wie oben.

Da kann ma noch so viele Blogparaden veranstalten, um herauszufinden, was die User alles in die Sidebar packen wollen, macht man ein Theme für die Öffentlichkeit, muß man alle zur Verfügung stehenden Möglichkeiten offenhalten. Shit happens ….

7 Kommentare
  1. mike sagt:

    Uh, dieses Core-gemansche ist ja schon einigermaszen bekannt, ich kann Dir trotzdem nicht ganz folgen.
    Ein wenig mehr Code wäre zum Verständnis hilfreich.
    Was die Tag-wolke betrifft, so frage ich mich, warum Du die Grafik nicht “.tag_cloud h3″ zuweist?

  2. mike sagt:

    Gah, ich meine natürlich #tag_cloud…

    Nochmal, jetzt wo’s mir etwas klarer wird; warum keine kleinere Grafik, oder besser noch, mit margin/padding/line-height für h3 arbeiten?

  3. Micha sagt:

    Sorry mike, das ich mich nicht so verständlich ausgedrückt habe. So ist das manchmal, wenn man den Kopf voll hat. Zur Erklärung der Tagcloud. Die Grafik besteht aus 2 Teilen (sliding door). Der lange Teil der Grafik rechts bei der TagCloud hängt an dem li#tag_cloud und das kleine Teil an der H3. Die Abmessungen brauch ich, weil mein Theme auf Kopfdruck vom 2-Spalter zum 3-Spalter werden kann, beim 2Spalter rechte oder linke Sidebar, Contentbereich wählbar von 50-80% usw. Textzoom soll wenigstens 3 Stufen aushalten.
    Übrigens, wenn es so weit ist, würdest du dir das Theme mal vorab anschauen?

  4. mike sagt:

    Das war natürlich in meiner Berichtigung auch nicht so der Knaller, ich hatte schon gesehen, dass es um 2 Grafiken geht (aber nicht angemerkt), meine Frage ist also “offen”: die Tagwolke kannst Du doch durch das h3 bis aus der Grafik hinausdrücken?
    Oder – ääh, mhh, ääh – versteh ich’s ganz und gar falsch, und Du willst die Wolke auch mit Hintergrund haben?
    Dann hab ich mal garnix gesagt, viel Spass beim im Core rumpfuschen ;)

    Was anguggn betrifft, gerne, allerdings würde ich mich auf den Output beschränken müssen/ wollen, da ich kein Fan von Widgets bin und somit mir das nicht “vernünftig” installieren könnte.

  5. Micha sagt:

    Die Tagwolke soll weiss sein. Das Problem ist das Listelement, an dem eine Grafik hängt. Egal wie ichs drehe, eine Grafik guckt immer durch. Noch ne Anmerkung: Weil das Theme echt der Hammer werden soll, kann es auf Knopfdruck auch den textalign der linken Spalte (wenn vorhanden) rechts/links verändern, wie es der Nutzer gern möchte. Dementsperechend drehen sich auch die Grafiken in den Überschriften um ;-) .

  6. mike sagt:

    Ich habe mal ein rudimentäres Testcase erstellt, so wie ich Dein Problem verstehe, und wie ich es lösen würde.
    Wo ist mein Denkfehler? (Oder Deiner?)
    -> http://trash-wissen.de/dev/tagwolke/
    Das lässt zwar noch ein paar Kleinigkeiten offen, als Workaround ists aber durchaus denkbar – denke ich.

  7. Micha sagt:

    Danke mike, das du dir echt einen Kopf machst. Gib mal deiner H3 30px height, da hast du das Problem. So wie du es gebaut hast, 80px hoch + 2x5px padding = 90px Grafik, kann die Grafik nicht in die Tagwolke reinrutschen.
    Aber du hast mich auf eine Idee gebracht. Ich werde die Schriftgröße der H3 etwas verkleinern, die Grafik auch. Das blöde ist halt, bei längeren Überschriften wie Meine letzten geilen Kommentare die Überschrift umbricht und dann reicht die Grafikhöhhe nicht aus. Aber dann ist der User selbst schuld, oder? ;)
    Fragen über Fragen…

Einen Kommentar schreiben