Beiträge von bego


    Sagen wir ich habe auf meiner Page eine Kategorie

    Artikel

    und auf dieser Seite möchte ich Wordpress haben wie soll ich das anstellen?

    [FONT=Courier New][Glaskugel-mode][/FONT]
    Mit verschwommenem Blick in die Glaskugel nehme ich mal an, dass Du eine fertige Website hast und diese um einen Blog ergänzen möchtest, den Du wiederum mit WordPress realisieren willst?

    Dazu solltest Du zunächst wissen, dass WordPress ein Redaktionssystem (CMS, Content Management System) ist, mit dem man eine vollständige Website erstellen und pflegen kann. Solltest Du aber nun tatsächlich WordPress nur als Ergänzung zu bestehenden Webseiten verwenden wollen (was für eine Verschwendung ...), ist es am besten, wenn Du

    • die WordPress-Software herunter lädst,
    • extrahierst,
    • den Ordner WordPress einschließlich aller Dateien per FTP auf Deinen Webspace überträgst und abschließend
    • unter http://www.beispiel.de/wordpress/ die Installation startest.


    Nachdem Dein Blog eingerichtet ist, reicht von der Homepage ein Link

    HTML
    <a href="http://www.beispiel.de/wordpress/">Meine spannenden Artikel</a>

    .

    [FONT=Courier New][/Glaskugel-mode][/FONT]


    Wofür ist das gut bzw. brauche ich das überhaupt?

    jQuery ermöglicht z.B. sehr schöne Diaschauen und Lightbox-Effekte, Animationen, Manipulation von Style Sheets etc. – alles ohne Flash oder sonstige PlugIns. Richtig eingesetzt verpasst der User bei abgeschaltetem JavaScript nicht viel, höchtens ein paar "Eye-Candies" (Stichwort: unobstrusive JavaScript).

    Zitat

    Wenn ja wofür speziell?

    Hier ist ein Beispiel für eine ohne Programmierkenntnisse einfach umzusetzende Diaschau.

    Zitat

    Die Datei hat immerhin eine Größe von 75 kb

    Stimmt. Ist aber deutlich weniger als bei z.B. einer Flash-Animation und fällt bei modernen Internetanschlüssen kaum ins Gewicht. Deutlcih schnellere Übertragungszeiten erhältst Du allerdings mit folgendem Eintrag im Style Sheet:

    Code
    * {display: none}


    Kleines Späßchen …

    Such mal im Forum nach Artikel-Bild.

    Kurz gesagt: Du kannst jedem Artikel ein Bild zuordnen, dass dann in einer vorgegebenen Größe an einer vorgegebenen Stelle mit dem Artikel [FONT=Courier New]the_content()[/FONT] oder einem Artikelauszug [FONT=Courier New]the_excerpt()[/FONT]angezeigt wird.

    Damit Du beim Editieren ein Kästchen "Artikelbild" angezeigt bekommst, ist vorher ein Eintrag in die [FONT=Courier New]functions.php[/FONT] notwendig.

    PHP
    <?php if ( is_front_page() ) { ?>
      <h2>Meine wunderbare Linksammlung</h2>
      <a href="http://www.google.de">Suchmaschine</a>
      <a href="http://www.wordpress-deutschland.org">Geniales Redaktionssystem</a>
    <?php }; ?>

    ... das ganze dann an die gewünschte Stelle in der sidebar.php packen.

    PS.: Mist, schon wieder zu spät ...

    [FONT=Courier New]blabla()[/FONT] ist eine selbst definierte Funktion. Funktionen findest Du in der [FONT=Courier New]functions.php[/FONT] Bei diesem Theme "holt" ([FONT=Courier New]require_once[/FONT]) sich die [FONT=Courier New]functions.php[/FONT] weitere Anweisungen aus verschiedenen Dateien im Unterverzeichnis [FONT=Courier New]library[/FONT].

    Für den ersten Augenblick erschlägt einen sowas, aber beim zweiten Anlauf (wenn man erst mal weiß, was wo ist) hat alles sein Plätzchen. Besser als elend-langer Quelltext. Du willst irgendwas nicht? Kein Problem, eine Zeile auskommentiert und gut ist.

    Du kannst den kompletten WordPress-Ordner inklusive aller Themes und PlugIns kopieren und per ftp auf den neuen Server hochladen. Außerdem machst Du noch ein Datenbank-Backup und spielst das auf dem neuen Server ein. Natürlich musst Du wie in der FAQ beschrieben einige Anpassungen vornehmen, damit WordPress auf die neue Domain zugreift.

    Wenn sich die Server in den Inhalten unterscheiden sollen, kannst Du noch sämtliche Artikel, Kommentare, Seiten, Tags und Medien löschen, bevor Du mit neuen Inhalten loslegst.

    Das Layout finde ich schon mal prima. Einfach aufgebaut, ohne Firlefanz, harmonisch in den Farben ...

    Kenntnisse in HTML und CSS mal vorausgesetzt: Wieso schreibst Du Dir nicht Dein eigenes Theme? Das Layout sollte sich doch schnell in ein paar Zeile CSS umsetzen lassen.

    Um das ganze in WordPress einzubinden (und dabei nicht das Rad neu erfinden zu müssen), kannst Du das Blank-Theme Starkers nutzen. Dort sind alle wichtigen WordPress-Funktionen enthalten. Was Du nicht brauchst, schmeißt Du raus. Das Theme enthält auch ein Reset-Stylesheet und einige WordPress-typische CSS-Klassen.

    Du weißt aber schon, dass [FONT=Courier New]<table>[/FONT] ein eigenes HTML-Tag ist?

    [FONT=Courier New]table {margin: ...}[/FONT] spricht alle Tabellen Deiner Webseite an.

    [FONT=Courier New]#content table {margin: ...} [/FONT]spricht alle Tabellen im Bereich mit der eindeutigen ID Content an.

    [FONT=Courier New].table[/FONT] würde sich dann auf eine Klasse beziehen, wobei ich den Klassen-Namen dann nicht so geschickt fände:
    [FONT=Courier New]
    <table class="table"> ...</table>[/FONT]

    besser wäre doch sowas wie [FONT=Courier New].zentriert[/FONT]

    [FONT=Courier New]<table class="zentriert"> ...</table>
    [/FONT]
    Soviel dazu. Und nun zu

    [FONT=Courier New]{margin: 0 auto;}
    [/FONT]
    heißt soviel wie "mach oben und unten keinen (0) Abstand und links und rechts soviel wie möglich (auto)". Und was hat man dann? Horizontal zentrierten Inhalt.

    Wirf doch mal einen Blick in http://www.css4you.de ,da wird das alles schön erklärt.

    Code
    #tabelle
    ...
    <div class="tabelle">

    Kleiner wichtigtuerischer Hinweis:

    Code
    #klim {...}
    .bim {...}
    <div id="klim" class="bim">

    IDs sind Bezeichner für einen einmalig auf der Webseite vorkommenden Abschnitt und werden im CSS mit einem Rautezeichen # versehen.

    Klassen sind Bezeichner für ggf. öfter vorkommende Inhalte einer Webseite und werden im Style Sheet mit einem anführenden Punkt versehen.

    Außerdem kann man in Style Sheets auch Anweisungen zu HTML-Tags machen. So erscheinen mit

    Code
    p {color: green;}


    alle Absätze in grüner Schrift.

    Code
    #content table {margin: 0 auto;}


    gibt somit die Außenabstände für alle Tabellen im einmalig vorkommenden Bereich [FONT=Courier New]content[/FONT] an.

    Natürlich geht das, aber ich habe auf Anhieb kein WordPress-PlugIn gefunden, das bereits Client-seitig (also auf Deinem PC, vor dem Upload) die Bildgröße reduziert.

    Es gibt wohl diverse PlugIns, die nach Upload die Bildgröße ändern. Aber dazu musst Du natürlich das Bild erstmal durch das Nadelöhr ADSL (asynchron: Uploadgeschwindigkeit deutlich geringer als Download) pressen.

    In Photoshop kann man so genannte Droplets erstellen, die die Größe automatisch reduzieren. Bild(er) drauf ziehen, Photoshop werkeln lassen, fertig. Außerdem gibt es diverse kleine Freeware-Programme, die Fotos stapelweise verkleinern. Die Google-Suche nach "batch resize images freeware" bringt reichlich Material.

    Hast Du, wie auf der Theme-Seite unter "Any configuration I should do?" beschrieben, das hier

    PHP
    <?php $page = (get_query_var('paged')) ? get_query_var('paged') : 1;


    in Deiner [FONT=Courier New]index.php[/FONT]?


    ... Heavymetall-Band ... headerbild ... bitte bitte jemand helfen? ...
    Die Codes folgen:


    Die Style.css:

    Code
    /*
    */

    Ist hier irrelevant. Die Musik spielt im Template:

    Zitat


    Dann hier noch die Header PHP:

    Ich "übersetze" das mal:


    • Das Template fragt zunächst einmal ab, ob es sich um einen einzelnen Artikel oder eine Seite handelt. [FONT=Courier New]is_singular()[/FONT]
    • Dann schaut es nach, ob für die Seite ein Artikelbild verwendet wurde [FONT=Courier New]has_post_thumbnail()[/FONT] UND ob das Artikelbild ein Thumbnail ist (unbrauchbar) oder in voller Größe vorliegt [FONT=Courier New]$image[1] >= HEADER_IMAGE_WIDTH[/FONT].
    • Wenn dem so ist ... prima, Bild wird verwendet und direkt mit der richtigen Größe eingestellt. Eine Änderung am Style Sheet ist wie gesagt in diesem Fall nicht vorgesehen.
    • Anderenfalls wird auf ein Standard Header-Bild zurück gegriffen.


    Standard Header-Bild? Wo gibt es das denn?

    Erster Anlauf wäre natürlich, in [FONT=Times New Roman]Design > Kopfzeile[/FONT] nach Änderungsmöglichkeiten zu suchen. Tatsächlich kann man dort auch Bilder hochladen ... nur werden die auf eine Höhe von 198px beschnitten. Ätsch. Und nun? Irgendwo muss doch diese Größe festgelegt worden sein?

    Da es hierbei nicht um die Ausgabe von Seiten oder Artikeln geht, kommt eigentlich nur die [FONT=Courier New]functions.php[/FONT] in Frage und ... wow! .. da ist es (Zeile 105 ff.):

    Code
    // No CSS, just IMG call. The %s is a placeholder for the theme template directory URI.
        define( 'HEADER_IMAGE', '%s/images/headers/path.jpg' );

    Genau, wie wir vermutet haben: Hier ist nichts als Cascadig Style Sheet definiert, sondern es wird nur ein Bild per <img>-Tag geladen.

    Zitat


    // The height and width of your custom header. You can hook into the theme's own filters to change these values.
    // Add a filter to twentyten_header_image_width and twentyten_header_image_height to change these values.
    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198 ) );

    Na bitte, wer sagt's denn. Hier stehen die Abmessungen des Headerbildes! Ist es nicht großartig?! Rasch die Werte geändert ... und nun können wir auch im Dashboard unter Design > Kopfzeile ein eigenes Bild hochladen, dass dann automatisch auf die neue Größe zugeschnitten wird. Und wenn einzelne Seiten ein Artikel-Bild mit mindestens der gleichen Größe haben, wird auch das passend zugeschnitten und in den Header eingefügt.