Tutorial für Theme-Konfiguration mit CSS

  • Avatar von Unbekannt
    ths01 · Mitglied ·

    Hallo,
    seit letztem Jahr Blogge ich auf WordPress (http://bremerstudiblog.wordpress.com)und habe nun mein Custum CSS freischalten lassen, um mein Theme frei zu gestalten. Hierfür suche ich eine deutsche Anleitung, die einen blutigen Anfänger begleitet. Angefangen von einem Blog backup über die ersten Schritte mit CSS, bis hin zur kompletten Neugestaltung.
    Ich wäre froh, wenn mir jemand einen Tip geben könnte. Vielleicht gibt es noch andere Tutorials, die ich noch nicht gefunden habe.

    Gruß
    ThS

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Schwierig. In englisch wäre es einfacher. Ein weiteres Problem ist, dass Du in den Unmengen von WordPress-Tutorials eines finden möchtest, welches sich mit WordPress.com beschäftigt und dann gäbe es noch die Variante sich nur explizit mit CSS zu beschäftigen…

    Mein Tipp: Beschäftige dich zunächst mit CSS allgemein (evtl. ein Einführungsbuch kaufen, auch zum Nachschlagen), dann nimm am Besten das Sandbox-Theme, das ist gut strukturiert und kommentiert und lässt hier bei WordPress.com gut umstricken.

    Diese Seite ist ein guter Startpunkt:
    http://lorelle.wordpress.com/2005/08/22/designing-a-wordpress-theme-building-a-sandbox/

    Ein Blog-Backup ist übrigens nur nötig, wenn Du auf ein selbst-gehostetes WordPress wechseln willst. Wenn Du dazu ein Tutorial möchtest, müsstest Du allerdings zum Forum von WordPress-Deutschland.org wechseln.

    Gruß, Torsten

  • Avatar von Unbekannt
    ths01 · Mitglied ·

    Der Hinweis, dass wenn man ein komplett neues Theme erstellen möchte sein Blog selbst hosten muss habe ich ja zum Glück begriffen. Ich war mit dieser Anfrage zuerst bei wordpress.org. Die haben mich hierher verwiesen. (Das muss ja einem auch erst einmal klar sein.)
    Was kann ich denn nun in meinem Theme verändern? Der Theme Name ist „PressRow“ und die WordPress Version: 0.1-wpcom. Ich möchte diese Dinge realisieren:

    In die Sidebar zwei Feed-icons einbinden (Ich habe mir da bisher nur eine Krücke mit einem Widget gebaut.)

    Auf einer Extra Seite eine Tag-Cloud von Mister-Wong einbinden. (Siehe Beispiel: ( http://mediendidaktik.port07.de/?page_id=16 ), da ich nicht nach del.icio.us umziehen möchte.

    Einen RSS-Ticker einfügen siehe gleiches Beispiel.

    Ich hoffe ich kann diese einfachen Beispiele mit meinem Theme verwirklichen.

    Gruß,

    Thorsten S.

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Ich verstehe dich nicht ganz. Wenn Du dein Blog (im Rahmen der Möglichkeiten von WordPress.com) komplett umstricken willst, dann kannst Du mit CSS das Design ändern. Dazu solltest Du dich mit CSS auskennen. Deutsche Tutorials zu finden ist nicht so einfach, es gibt aber jede Menge englische dazu. Einen Link dazu habe ich dir ja gegeben.

    Wenn es „nur“ darum geht ein paar Sachen einzufügen, dann geht das ohne CSS. CSS ändert Farben, Formen, Ausrichtungen, etc. aber kann nicht das XHTML selbst beeinflussen. Hierbei bist Du auf das vorgefertigte Theme angewiesen und auf das was dort bereit gestellt wird.

    Ein Großteil von Layout-Änderungen wird durch Widgets gelöst, die sich frei in den Sidebars anordnen lassen (das hast Du ja auch schon gemacht).

    Zu deinen konkreten Fragen:

    Was kann ich denn nun in meinem Theme verändern? Der Theme Name ist „PressRow“ und die WordPress Version: 0.1-wpcom.

    Unter Themes – CSS Editor (bei freigeschalteten CSS Upgrade, nehme ich an, ich habe kein CSS Upgrade)

    In die Sidebar zwei Feed-icons einbinden (Ich habe mir da bisher nur eine Krücke mit einem Widget gebaut.)

    Willst Du einen externen Feed einbauen (RSS-Widget benutzen) oder deinen Feed anbieten?
    Letzteres errreichst Du mit dem „RSS Abonnieren“-Widget oder dem Meta-Widget, wobei ich das erste besser finde. Noch besser ist ein Text-Widget, wo Du dir dein eigenes RSS-Logo nimmst und dann deine eigenen RSS-Links anbietest. Du kannst z.B. für einzelne Kategorien jeweils einen Feed anbieten. Schau mal auf meine Seite, wie ich das gelöst habe oder suche hier mal im Forum. Das wurde schon öfter gefragt.

    Auf einer Extra Seite eine Tag-Cloud von Mister-Wong einbinden. (Siehe Beispiel: ( http://mediendidaktik.port07.de/?page_id=16 ), da ich nicht nach del.icio.us umziehen möchte.

    Keine Ahnung wie das gehen könnte. Was geht ist, dass Du deine Bookmarks von Mister Wong als RSS einbindest per RSS-Widget (kannst Du auch auf meiner Seite sehen).

    Einen RSS-Ticker einfügen siehe gleiches Beispiel.

    Externes RSS einbinden per RSS-Widget.

    Hilft Dir das erst mal weiter? Sonst gerne nochmal weiterfragen!
    Gruß, Torsten

  • Avatar von Unbekannt
    ths01 · Mitglied ·

    @ Torsten: So, erst noch einmal besten Dank für Deine Bemühungen!! Du hast mich schon wieder auf einige Ideen gebracht. Ein Buch über Webseiten gestalten mit CSS (von Peter Müller: little boxes) liegt auch schon neben mir auf dem Tisch. Und sorry, wenn ich mit meinen Fragen ein wenig schwammig war. Ich versuche mich zu verbessern!
    Ich habe nun meine RSS Icons mit Hilfe des Text-Widget eingebunden. Das Resultat kann man auf meiner Seite sehen: ( http://bremerstudiblog.wordpress.com/ ). Da bin ich noch über zwei Dinge gestolpert:
    1) Ich kenne meinen Feed-Link für die Kommentare nicht. In anderen Themes stehen sie häufig auf der Seite ganz unten. In meinem Theme leider nicht! Wo kann ich diesen Link suchen? Besser noch finden!
    2) Natürlich möchte ich die Feed-Icons fein sauber untereinander stehen haben. Da hilft mir leider der HTML-Umbuchtag leider nicht (
    ). Wie bekomme ich meine Icons untereinander ausgerichtet?

    Bezüglich des RSS-Tickers habe ich mich vielleicht nicht klar ausgedrückt. Wenn ich nur von einem Blog mir die Beiträge anzeigen lassen möchte, dann benutze ich das RSS-Widget, null problemo! Ich möchte aber in einem Fenster oder meinetwegen einem Widget von verschiedenen Blogs gleichzeitig die Themen angezeigt bekommen. Der Grund, wesswegen ich das gerne möchte ist der, dass es erstens Platz spart und zweitens, wenn ein Blogger nur einmal in der Woche etwas neues schreibt, dann ändert sich nach meinem Geschmack zu wenig. Bissl mehr Action ;) Ich möchte mit meinem Blog ein „Informationspool“ für Web 2.0 Werkzeuge in der Berufsschule aufbauen, aber das nur nebenbei.
    Gruß
    Thorsten

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Ich kenne meinen Feed-Link für die Kommentare nicht. In anderen Themes stehen sie häufig auf der Seite ganz unten. In meinem Theme leider nicht! Wo kann ich diesen Link suchen? Besser noch finden!

    Bitte benutze doch auch die Suche und die FAQs! Oder schaue einfach mal andere Seiten an (die Benutzernamen hier im Forum sind ein Link zum Blog – wenn das Blog im Profil als Webseite eingetragen ist).
    Aber hier erst einmal die Antwort:
    Kommentarfeed – DEINBLOGNAME.wordpress.com/comments/feed
    Feed RSS – DEINBLOGNAME.wordpress.com/feed/
    Atom-Feed DEINBLOGNAME.wordpress.com/feed/atom
    Feed für Kategorie – DEINBLOGNAME.wordpress.com/KATEGORIENAME/feed

    Du kannst auch einfach das RSS-Abonnieren-Widget nutzen (dann würdest Du auch sehen, was Du für einen Kommentar-Feed hast… ;-) Das besteht genau aus den beiden Feeds, du du auf deiner Seite haben möchtest (Beiträge und Kommentare als RSS).

    Natürlich möchte ich die Feed-Icons fein sauber untereinander stehen haben. Da hilft mir leider der HTML-Umbuchtag leider nicht (
    ). Wie bekomme ich meine Icons untereinander ausgerichtet?

    Warum sollte <br /> nicht funktionieren?

    <a href="http://bremerstudiblog.wordpress.com/feed/" title="Beiträge (RSS)"><img src="http://bremerstudiblog.files.wordpress.com/2008/02/rss_logo_70pix.gif" alt="RSS-Logo" height="20" width="20" /></a><a href="http://bremerstudiblog.wordpress.com/feed/" title="Beiträge (RSS)">Beiträge (RSS)</a><br /><a href="http://bremerstudiblog.wordpress.com/comments/feed/" title="Kommentare (RSS)"><img src="http://bremerstudiblog.files.wordpress.com/2008/02/rss_logo_70pix.gif" alt="RSS-Logo" height="20" width="20" /></a><a href="http://bremerstudiblog.wordpress.com/comments/feed/" title="Kommentare (RSS)">Kommentare (RSS)</a>

    Bezüglich des RSS-Tickers habe ich mich vielleicht nicht klar ausgedrückt. Wenn ich nur von einem Blog mir die Beiträge anzeigen lassen möchte, dann benutze ich das RSS-Widget, null problemo! Ich möchte aber in einem Fenster oder meinetwegen einem Widget von verschiedenen Blogs gleichzeitig die Themen angezeigt bekommen. Der Grund, wesswegen ich das gerne möchte ist der, dass es erstens Platz spart und zweitens, wenn ein Blogger nur einmal in der Woche etwas neues schreibt, dann ändert sich nach meinem Geschmack zu wenig. Bissl mehr Action ;) Ich möchte mit meinem Blog ein „Informationspool“ für Web 2.0 Werkzeuge in der Berufsschule aufbauen, aber das nur nebenbei.

    Es gibt leider keine Möglichkeit hier bei WordPress.com mehrere RSS-Feeds zusammenzuführen. Vielleicht nutzt Du lieber einen Dienst, mit dem Du mehrere Feeds abrufst und dann daraus einen einzelnen RSS-Feed erzeugst, den Du dann einbindest. Zum Beispiel mit Yahoo Pipes.

    Viel Erfolg!
    Gruß, Torsten

  • Avatar von Unbekannt
    ths01 · Mitglied ·

    Danke für die Hilfe! :)

    Thorsten

  • Das Thema ‘Tutorial für Theme-Konfiguration mit CSS’ ist für neue Antworten geschlossen.