Beiträge von Photoweblog

Vorallem wenn man "ganz im frisch im wordpressen" ist, ist es ratsam ein Theme zu wählen, das in den Grundstrukturen den eigenen Vorstellungen entspricht.
Das Einrichten von Themes, Plugins, ... in WP ist sehr einfach, wenn man diese allerdings verändern möchte, sind Kenntnisse über den Aufbau von WP plus der verwendeten Sprachen notwendig.
Das ist dann sicher ein interessanter Weg (Ausgangspunkt wäre zB. diese Seite mit guten Artikeln u. Links: Texto.de ), aber es ist sicher kein "einfacher".
_______________________________________
www.Fotomobil.at » a photoproject by faktor

Hier ist ein Link der erklärt, wie man beim Standardtheme die Sidebar immer anzeigt:
WordPress Deutschland FAQ » Wie kann ich im Standard DE-Theme (Kubrick) immer die vollständige Sidebar anzeigen lassen?

Damit ist indirekt letztlich auch der Weg anders'rum - also Deiner - erklärt.

______________________________________
www.Fotomobil.at » a photoproject by faktor

Mit den beiden Seiten solltest Du weiterkommen:

Link zum Thema Hintergrundbild:
SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder

Link zum Themd Klassen bei Bereichen:
SELFHTML: Stylesheets / CSS-Formate definieren / Zentrale Formate definieren

Und dann noch ein paar Tipps:

• wenn der linke Bereich [COLOR=#000000][COLOR=#ff9900]#sidebar_left div [/COLOR][/COLOR][FONT=monospace][FONT=Verdana]heißt, dann sollte der rechte[/FONT] [/FONT][COLOR=#000000][COLOR=#ff9900]#sidebar_right div[/COLOR][/COLOR][FONT=monospace] [FONT=Verdana]heißen und nicht [/FONT][/FONT][COLOR=#000000][COLOR=#ff9900]#sidebar div[/COLOR][/COLOR][FONT=monospace][FONT=Verdana] (Lesbarkeit).[/FONT][/FONT]
• [FONT=monospace][FONT=Verdana] wenn Du eine Hintergrundbild angibst, dann solltest Du auch eine Hintergrundfarbe (in dem Fall zB. grau) angeben. Falls das Bild zB. nicht gefunden wird.[/FONT][/FONT]
• [FONT=monospace][FONT=Verdana]gib das background-image tag ggfs falls auch an, selbst wenn Du keines verwendest, dann mit "none" deaktivieren[/FONT][/FONT]
• [FONT=Verdana]die von Dir geposteten divs sind die parents, da[FONT=Verdana,mon]s [/FONT]Hintergrundbild kommt aber wahrscheinlich nochmals in den ul Klassen vor - oder ist dort "vererbt". Vermutlich in einem Bereich [/FONT][COLOR=#000000][COLOR=#ff9900]#sidebar_left div ul[/COLOR][/COLOR][FONT=Verdana] das Hintergrundbild auf "none" setzen - aber ohne die CSS Datei zu kennen ist das eben eine Vermutung.
  [/FONT]

[FONT=monospace][FONT=Verdana] ______________________________________
www.Fotomobil.at » a photoproject by faktor
[/FONT]
[/FONT]

zB gleich am Anfang:

<div id="sidebar">
<ul> 
<li>
<a href="<?php echo get_option('home'); ?>/"> Zu Startseite </a>
</li>
<?php     /* Widgetized sidebar, if you have the plugin installed. */
...

_____________________________________
www.Fotomobil.at » a photoproject by faktor

ZB. in der php-Datei (für die Sidebar folglich die sidebar.php) an der entspr. Stelle den Link setzen. Zur Startseite kommst Du mit get_option('home'). Das könnte dann so aussehen:

<a href="<?php echo get_option('home'); ?>/"> Zu Startseite </a>

______________________________________
www.Fotomobil.at » a photoproject by faktor

Das sind jetzt nat. zwei unterschiedliche Blickwinkel auf die FAQ, Betreiber und Konsument

Wobei Du - meiner Ansicht nach - auch einen wesentlichen Punkt angesprochen hast, nämlich, daß es sehr oft um grundsetzliche Punkte zum Thema PHP, HTML und CSS geht. Themen, die also weitgehend wordpressversionsunabhängig sind - gegebenenfalls einmal eine Korrektur in Zeile n und in einer späteren Wordpressversion in Zeile m oder in unterschiedlichen Files.

Das von Dir angeführte Beispiel beschreibt den Vorgang in Form eines Kochrezeptes, dh. der Leser wird zwar genau diese eine Herausforderung meistern, bei der nächsten ähnlichen Übung aber wieder auf fremde Hilfe angewiesen sein.

Das erweckt den Eindruck, daß man die Philosophie der einfachen Installation auch auf die Modifikation von WP projizieren möchte, was dann aber auf Seiten der FAQ-Betreuung natürlich einen erheblichen Mehraufwand bedeutet.
In dem Fall bin ich mit Dir, daß dies mit dem Forum einfacher ist und es vorallem auch keinen Sinn macht, für jeden Einzelfall eine FAQ zu schreiben. Allerdings wird der background bei den Fragen bzgl. PHP, HMTL und CMS dann auch konstant bleiben. Wenn Du aber in Deinem Beitrag auch schreibst, "dass immer mehr Menschen mehr von WP wolllen", dann ist diese Zielsetzung sicher eine sehr sportliche. Aber konsumentenfreundliche
_____________________________________
www.Fotomobil.at » a photoproject by faktor

Seit ein paar Wochen beobachte ich dieses Forum und gelegentlich antworte ich auf ein Thema - weil ich selbst hier so gut wie die gesamte Info gefunden habe um eine Seite einzurichten und das - quasi - auf diesem Wege zurückgeben möchte.

Dabei scheint mir, daß das Suchen nicht immer ganz einfach ist und auch die Rollenverteilung zwischen FAQ und Forum nicht durchgängig ist - auch wenn sie theoretisch ausformuliert wurde.
Themen werden zudem immer wieder gänzlich neu aufgerollt, auch wenn sie in einer ähnlichen Form schon bearbeitet wurden und diese Erkenntniss finde ich auch in einem anderem Thema wieder:
http://forum.wordpress-deutschland.org/feedback-und-a…pport-mehr.html
wenn da steht:

Zitat

ich lüg garantiert nicht, wenn ich sag, dass manches Thema hier gut und gerne in 100Threads immer wieder gestellt wird....

Die Antwort auf ein Thema könnte also zweigeteilt sein, erstens ein allgemeiner Teil der sofort in die FAQ übernommen wird und dann der fallspezifische Teil im Forum, in dem einerseits auf die FAQ verlinkt wird und andererseits noch konkrete Info für den Einzelfall steht.

_____________________________________
www.Fotomobil.at » a photoproject by faktor

<a href="/relativerPfad/?page_id=ID_DEINER_Seite">

<h3><img alt="Blogroll" longdesc="Die Links ins World Wide Web" src="<?php bloginfo('template_directory'); ?>/images/icon_get_world.gif" /><a href="/?page_id=27" titel="Zum linkarchive">Linkliste</a></h3>

______________________________________
www.Fotomobil.at » a photoproject by faktor

Folgender Link hilft Dir weiter um div-Bereiche und Klassen zu verstehen, also eine gute Basis zum Experimentieren, wenn Du einzelne Bereich ändern willst:
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen
______________________________________
www.Fotomobil.at » a photoproject by faktor

Die beiden div-Bereiche solltest Du in den footer-Bereich legen, der immer am Ende Deiner Seite ist. Die Positionieren dieser Bereiche bezieht sich dann auf den footer-Bereich und ist daher stets am Ende der Seite.
______________________________________
www.Fotomobil.at » a photoproject by faktor

Mit dem Tag "background-color" im entsprechenden Bereich, zB:

.sidebar ul, .sidebar ol {
    background-color: #73a0c5; 
    padding:0;
    margin:0;
    list-style:none;
}

... oder im Bereich im Bereich ".sidebar.li" - je nachdem wo konkret die Hintergrundfarbe geändert werden soll.
_____________________________
http://www.Fotomobil.at

Ein Weg wäre, zwei zusätzlich div-Bereiche im footer zu erstellen:

* einen div-Bereich für die sich wiederholende Grafik - der sich vom linken bis zum rechten Rand zieht.
* einen div-Bereich für die Mitte mit dem Bild.

Den Bereich mit dem Bild in der Mitte legst Du mit "z-index" über den ersten Bereich, dadurch ist der erste Bereich optisch in einen linken und rechten Bereich unterteilt.
______________________________________
www.Fotomobil.at » a photoproject by faktor

In Abhängigkeit vom Theme gibt es verschiede Templates um eine Seite zu erstellen. Die erwähnte links.php ist eines dieser Templates.
Dh. Du kannst in Deinem backend unter "Write" => "page" das Seitentemplate "Links" auswählen (auf der rechten Seite).

Entsprechend wird nicht das template selbst, sondern eine erstellte Seite - die eben dieses template verwendet - verlinken.

Noch ein Link dazu:
Pages « WordPress Codex

______________________________________
www.Fotomobil.at » a photoproject by faktor

Mut zum "Zweitthema": Wenn man selbst in diesem Forum etwas sucht, wird die Suche stark erleichtert, wenn pro "Thema" nur ein Thema / Frage behandelt wird. Also "Und noch etwas"-Fragen ruhig in ein extra Thema stecken

In der footer.php werden bei den meisten Themes und wahrscheinlich auch bei Deinem, folgende Aufgaben übernommen:

• ausgeben von Inhalt - üblicherweise in einem footer-div-Bereich
• schließen von div-Bereichen die sich über dei ganze Seite ziehen
• aufrufen von wp_footer()

Ohne Deine konkrete footer.php zu kennen kann man damit sicher berechtigt vermuten, daß Du den ersten Punkt - die Ausgabe von Inhalt - auskommentieren kannst ohne die Funktion Deines Themes zu beeinflussen. Dh. nur die div - Bereiche, die sich über die ganze Seite ziehen, müssen weiterhin geschlossen werden (</div>) und die wp_footer() muss aufgerufen weren.

Dann kannst Du schrittweise Deinen Inhalt einfügen. Hier noch ein Link mit Info dazu:
WordPress-Themes verstehen 3 » Peruns Weblog

Ein horizontales Menu im header erstellst Du am einfachsten, im dem Du in der CSS-Datei einen div-Bereich für die Buttons definierst und diesen in der header.php einbaust und Text oder Grafik in diesem Bereich verlinkst.
_____________________________________
www.Fotomobil.at » a photoproject by faktor

Das Theme, das in Deiner Grafik gezeigt wird, sieht nicht vor, daß auch im "grauen Bereich" Inhalt dargestellt wird. Diese Entscheidung - wie breit der Bereich mit den Inhalten ist - ist letztlich eine philosphische.
Wenn Du also einen breiteren Bereich für Inhalt haben möchtest, dann mußt Du einen der folgenden Wege gehen:

• in diesem Theme einen übgeordneten div-Bereich erstellen.
• ein anderes Theme wählen.

Beim ersten Punkt mußt Du Dich mit der style.css Datei auseinander setzen und beim zweiten Punkt solltest Du darauf achten, kein "Erstlingswerk" zu wählen bzw. auch berücksichtigen, wie das Theme von der Atuorin oder dem Autor gewartet wird.

______________________________________
www.Fotomobil.at » a photoproject by faktor

Ja, der Bereich mit dem höheren z-index liegt weiter vorne.

Das Hintergrundbild kann natürlich auch abgschnitten sein, weil der Container (div-Bereich) zu klein ist - oder mehrfach vorkommen weil er zu groß ist ...

Am besten Du erstellst Dir eine kleine html-Seite (so wie ich es gepostet hatte) mit Deinen konkreten Bildern und probierst darin schrittweise Deine Vorstellung umzusetzen.

______________________________________
www.Fotomobil.at » a photoproject by faktor

Hier ein Beispiel mit Deinem Buch:
z-index mit Hintergrundbild

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>z-index</title>
</head><body>


<div style="background-image:url(book.png); position:absolute; top:100px; left:100px; z-index:2; border:1px solid #888;">
  <b>A:2</b><img src="Trans.png"  alt="Book">
</div>


<div style="background-image:url(book.png); position:absolute; top:130px; left:130px; z-index:1; border:1px solid #888;">
  <b>B:1</b><img src="Trans.png"  alt="Book">
</div>


<div style="background-image:url(book.png); position:absolute; top:190px; left:270px; z-index:3; border:1px solid #888;">
  <b>C:3</b><img src="Trans.png" alt="Book">


  <div style="background-image:url(book.png); position:absolute; top:-30px; left:-30px; z-index:2; border:1px solid #888;">
    <b>D:2</b><img src="Trans.png" alt="Book">
  </div>


  <div style="background-image:url(book.png); position:absolute; top:30px; left:40px; z-index:3; border:1px solid #888;">
    <b>E:3</b><img src="Trans.png" alt="Book">
  </div>


  <div style="background-image:url(book.png); position:absolute; top:60px; left:-60px; z-index:-1; border:1px solid #888;">
    <b>F:-1</b><img src="Trans.png" alt="Book">
  </div>
</div>


</body></html>

______________________________________
www.Fotomobil.at » a photoproject by faktor

Dann eben nochmals, was ich Dir schon nach Deinem ersten posting geschrieben habe:

Zitat

In Deinem Fall scheint die Verschachtelung der <div> - Container durcheinander gekommen zu sein - auch der <div id="page">-container kommt zweimal vor, gewollt?

Wozu machst Du nochmals - in der zweiten Codezeile von unten - einen <div id="page">-container auf?

Außerdem "könnte es mehr Sinn machen", die Buttons in den header Container zu geben und dort evtl. für jeden einzelnen Button nochmals einen Container anlegen und in der CSS - Datei platzieren - oder zumindest für alle Buttons einen gem. container.

Und nun noch ein link (Firebug für Firefox) der Dir helfen sollte, den WP-Aufbau und das Theme zu verstehen:
https://addons.mozilla.org/de/firefox/addon/1843

Zu Deinem Satz:

Zitat

Ich glaub, jedes <div> erzeugt so einen leerraum..

noch dieser Link:
SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Allgemeine Elemente für Textbereiche
Wobei Du die Gangart von WP pflegen solltest, daß die Formatierung in der style.css Datei sein sollen und nicht in der php Datei.

Viele WP-Themes sind auch so aufgebaut, dass man einzelne Bereiche nicht ändern kann, ohne auch andere Bereiche anzupassen - daher ist es oft einfacher, sich ein Theme zu suchen, das den Anforderungen entspricht und nicht ein bestehendes zu ändern.
______________________________________
www.Fotomobil.at » a photoproject by faktor

Ein Großteil der Darstellungsunterschiede zw. FF und IE ist auf fehlerhaften code zurückzuführen, nach jeder Änderung also erst 'mal online checken ob der Code so passt. Folgende Seite macht das online:

[Invalid] Markup Validation of http://aboutgaming.bplaced.net/blog/ - W3C Markup Validator

Wenn Du hier "grünes Licht" bekommst, dann erst in den einzelnen Browsern checken. Und von der Fehlerzahl nicht schrecken lassen, oft ist mit einer Korrektur eine vielzahl von Folgefehlern behoben.

In Deinem Fall scheint die Verschachtelung der <div> - Container durcheinander gekommen zu sein - auch der <div id="page">-container kommt zweimal vor, gewollt?
Du kannst im PHP-file mit:

<!-- meine Ausgabe im erzeugten Sourccode  -->

Ausgaben machen, die Du dann im erzeugten File siehst (im Browser "Seitenquelltext anzeigen") - also am besten beim Öffnen und Schließen der <div>Container jeweils einen Text ausgeben. Das hilft den Aufbau und das Zusammenspiel der unterschiedlichen php-files in einem Theme zu verstehen/durchschauen

_____________________________________
www.Fotomobil.at » a photoproject by faktor

Vor den ersten Änderungen sollte man ein paar Minuten mit einem der vielen onlinetutorials verbringen, zB:
WordPress-Themes verstehen 1 » Peruns Weblog
Eine sehr gute Seite ist auch:
Texto.de

Änderungen, wie Du sie angesproche hast, werden in der style.css gemacht

Im Wordpress default template findest Du hier ua.:

#header {
background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
}

Änderungen zu Farbe und Bild können ua. in dieser Datei gemacht werden. Im selben File findest Du auch die style-Angaben zu Beiträgen, Seiten, Sidebar usw ... aber wie gesagt, ein paar Minuten vorab mit einem Tutorial sind sicher eine gute Investion.
Viel Spaß!

______________________________________
www.Fotomobil.at » a photoproject by faktor