Beiträge von bego

Zitat von AtBee

Code

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

Kleiner wichtigtuerischer Hinweis:

#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

p {color: green;}

alle Absätze in grüner Schrift.

#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

• irgendwelche Änderungen an Templates vorgenommen?
• PlugIns installiert, die sich mit Deinem Theme beißen?

Die Blogbeschreibung solltest Du nochmal überdenken.

Zitat von alchymyth

ist aber eine schoene geschichte geworden - so richtig mit didaktisch, rhetorischen uebergaengen ...

:razz:

:lol:

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

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

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

Zitat von alchymyth

bis samstag - dann hat das ja noch zeit :mrgreen:
...

Och menno, ich tipp mir 'n Wolf, teste vorsichtshalber nochmal (leider im falschen Theme-Ordner -- kein Wunder das nichts klappt) ... und dann ist die Antwort längst da.:roll:

Zitat von aNdRz

... 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:

PHP

---schnipp---
                <?php
                    // Check if this is a post or page, if it has a thumbnail, and if it's a big one
                    if ( is_singular() &&
                            has_post_thumbnail( $post->ID ) &&
                            ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
                            $image[1] >= HEADER_IMAGE_WIDTH ) :
                        // Houston, we have a new header image!
                        echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
                    else : ?>
                        <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
                    <?php endif; ?>
---schnapp---

Alles anzeigen

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.):

// 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.

Könnte daran liegen, dass Du die (versteckte!) Datei [FONT=Courier New].htaccess[/FONT] gelöscht hast.

Erstell mal im root-directory mit einem Editor eine neue Datei [FONT=Courier New].htaccess[/FONT] mit folgendem Inhalt:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
</IfModule>


# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress


#protect wp-config.php
<files wp-config.php>
Order deny,allow
deny from all
</files>
#end protect wp-config.php
 
Options -Indexes

Das setzt natürlich voraus, dass Dein Provider das Apache Module mod_rewrite aktiviert hat.

Neu installieren.

Nein, war nur ein Spaß. Wenn Du die Spaltenanzahl verringerst, werden die Dialog-Boxen untereinander gesetzt (es sei denn, Du hast gleich ganze Arbeit geleistet und die Anzeige über Optionen deaktiviert).
Wenn Du anschließend die Spaltenanzahl wieder erhöhst, musst Du nur noch die Dialog-Boxen mit der Maus an der gewünschte Stelle ziehen.

Zitat von r23

... kann man relativ einfach und schnell Websiten (auch Wordpress) gestalten *ohne* Browserkompatibiltätsprobleme.
Des weiteren ist die Erlernung recht einfach und die beiden dort genannten Bücher sind auch für Anfänger geeignet.

Versteh mich nicht falsch, aber wenn ich einem Anfänger [FONT=Courier New]float:left;[/FONT] so erkläre ...[INDENT]

Zitat

Insbesondere bei flexiblen Layouts bzw. Spalten mit flexiblen Breiten erweisen sich in den Text eingebettete Fließobjekte als vorteilhaft, da der Browser den Textumbruch selbstständig festlegt und die Inhalte optimal innerhalb der Spalte anordnen kann.

[/INDENT]... darf ich mich nachher nicht wundern, wenn der mich etwas drollig anguckt. Mir ist auch durchaus bekannt, dass der Autor intensiv (und durchaus erfolgreich) daran gearbeitet hat, die diversen Browser-Bugs bei der Umsetzung von CSS in den Griff zu bekommen. Nur würde ich eben einen Einsteiger nicht als erstes für Quirks Mode und IE Column Clearings begeistern wollen.

Zitat von bienchen

... es gibt in meinem Template eine Seite: page.php in der steht folgender Code:

Code

<div class="art-header-jpeg"></div>
...

in der index.php steht nur folgendes:

PHP

<?php 
get_header();
 if (have_posts()) 
 {
    while (have_posts())  
    {
      art_post();
    }
    art_page_navi();
 } else {    
    art_not_found_msg();      
 }
get_footer();

Alles anzeigen

Den pinken Hintergrund konnte ich sehen, allerdings kein Bild.

LG Bienchen

Immerhin ein Fortschritt: wir haben schon mal die richtige Klasse im Stylesheet erwischt! (Style Sheet geändert, Header-Bild weg, Hintergrund des Headers pink.)

Jetzt müssen wir nur noch suchen, in welchen Templates die Klasse verwendet wird. Dazu muss man wissen, dass WordPress eine Webseite aus mehreren Templates zusammen setzt: header.php, sidebar.php, index.php, footer.php.

Bei der Ansicht einzelner Seiten ändert sich diese Zusammensetzung:
header.php, sidebar.php, page.php, footer.php

Das heißt: wenn Du Änderungen an der page.php vornimmst, siehst Du das erst, wenn Du eine einzelne Seite aufrufst. Für die anderen Darstellungen müssen wir weiter suchen, wo der Eintrag "class=art-header-jpg" verwendet wird. Da es nicht in header.php und nicht in index.php steht, tippe ich nun auf sidebar.php. Schau doch da mal nach.

Zitat von r23

Ich würde http://www.yaml.de/ empfehlen

Das meinst Du jetzt nicht ernst, oder? Du willst einem Anfänger echt mit Browserkompatibiltätsproblemen und deren Workarounds kommen? Nee, nich?

Yaml ist sicher ein interessantes Konzept, aber ich schreibe meine Briefe ans Finanzamt auch nicht mit LaTeX.

Zitat von pepsicosmos

[size=12][size=10]
[/SIZE][/SIZE]...
auch würde mich noch zusätzlich ein gutes buch interessieren das sich mit css beschäftigt und dies auch einem anfänger ales näher bringen kann.
...

Ich bin vielleicht etwas altmodisch veranlagt oder brauche zum Verstehen einfach zu lange, aber ich habe mich bisher immer nur lesend fortgebildet. Deshalb kann ich auch nur mit Buchempfehlungen und Webseiten aufwarten:

Wenn Du bisher mit Webseitengestaltung generell wenig zu tun hattest, finde ich z.B. vom Galileo-Verlag "Webseiten erstellen für Einsteiger" hilfreich, weil es vom HTML-Grundgerüst über Cascading Style Sheets bis hin zum jQuery-PlugIn alles wichtige erklärt und auch Zusammenhänge vermittelt.

Die Grundlagen zu WordPress kannst Du Dir mit "WordPress -- das Praxisbuch" erarbeiten.

Darüber hinaus gibt es ausgezeichnete englische Blogs, die sich mit Webdesign im Allgemeinen und WordPress im Besonderen beschäftigen.

Und darüber hinaus hilft eigentlich nur noch der Codex und das Mitführen eines Handtuchs.

Kurios, kurios ...

Mach doch mal folgendes:

iv.art-[URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=header"]header[/URL]-jpeg {
 position: absolute;   
 z-index: -1;   
 top: 0;   
 left: 0;   
 width: 1000px;   
 height: 250px;
 /*background-image: [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"]url[/URL]('images/header.jpg');*/
 background-color: pink;
 background-repeat: no-repeat;   
 background-position: center center; 
 }

Wenn nun das Titelbild fehlt und Du statt dessen einen pinken Kasten siehst, suchst Du in der index.php nach dem Eintrag "class=art-header-jpg". Dort bindest Du dann erstmal ein ganz normales Bildchen ein:

<img src="http://upload.wikimedia.org/wikipedia/commons/2/22/New_York_City_at_night_HDR.jpg">

Wenn Du dann das Bild statt eines pinken Hintergrund siehst, kannst Du das Bild durch deinen php-Code für Zufallsbilder ersetzen.

Ich versteh Dein Problem nicht.

Lightbox 2 ermöglicht doch sowohl die Darstellung von Einzelbildern wie auch Gallerien. Eine anschauliche Demo gibt es auf der Homepage.

Einzelbild:

<a href="http://forum.wordpress-deutschland.org/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Gallerie:

<a href="http://forum.wordpress-deutschland.org/images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> 
<a href="http://forum.wordpress-deutschland.org/images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> 
<a href="http://forum.wordpress-deutschland.org/images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

(Allerdings nutze ich das nicht als WordPress-PlugIn, sondern habe gleich jQuery und lightbox2 eingebunden. Dazu steht in der functions.php:

<?php 
if( !is_admin()){
   
   wp_enqueue_script('jquery');
   
   wp_enqueue_script('lightbox',  get_bloginfo('template_url').'/jQuery/jquery.lightbox-0.5.min.js',  array('jquery'), '0.5', true );
   echo '<link rel="stylesheet" href="' .  get_bloginfo('template_url') . '/jQuery/jquery.lightbox-0.5.css"  type="text/css" media="all"/>'; 
   
}; ?>

das jQuery-Plugin und zugehöriges Stylesheet habe ich dann im Theme-Ordner unter /jQuery untergebracht.

Zitat von bienchen

... leider verstehe ich es immer noch nicht :-?

Ich gebe mal hier den kompletten Code meiner header.php ein:

PHP

(...)
</head>
<body <?php if(function_exists('body_class')) body_class(); ?>>
<?php 
ob_start();

Ähm, ist das alles in der header.php?
Ich mein' … zumindest das letzte Tag dürfte geschlossen sein?!

Ich kenne mich mit Artisteer nicht aus, aber üblicherweise hat man in den Templates Bereiche, die mit <div>-Tags abgegrenzt werden. Ein Bereich müsste dann header oder masthead oder ähnlich heißen. Eventuell steht da auch schon ein Foto "header.jpg"?

Andererseits wäre es möglich, dass das Foto (bisher) als Hintergrund im Stylesheet definiert ist. Such mal im Stylesheet nach etwas in der Art url('header.jpg').

Natürlich kann man keinen php-Code ins Stylesheet einbinden, aber dann wüsstest Du zumindest schon mal, wie der Bereich heißt, in den Dein Zufallsbild gehört.

In der header.php

Der [FONT=Courier New]yui compressor[/FONT] macht nichts anderes.

dev = developer, also Dateien zur Weiterentwicklung, was bei den komprimierten Fassungen aus Gründen der Übersichtlichkeit schwieriger sein dürfte.

die komprimierten Fassungen sind hingegen performanter.

Ich weiß schon: schön für mich ...

Das geht noch ein bisschen durcheinander ...

Alsoooo ... Gehen wir mal davon aus, Du hast fünf Artikel mit Kategorie "Aktuell", die Du anzeigen möchtest. Unter Einstellungen hast Du eingestellt, dass üblicherweise 10 Artikel angezeigt werden sollen. Was nun?

Kopier doch mal die index.php und nenn die Kopie [FONT=Courier New]meine_abfrage.php[/FONT]. Als nächstes änderst Du den Namen in dem Kommentar (erste Zeilen von [FONT=Courier New]meine_abfrage.php[/FONT]) in "Meine Abfrage".

Jetzt erstellst Du eine neue Seite und weist dieser Seite abweichend nicht das Standardtemplate sondern "Meine Abfrage" zu. Die Seite erhält nur eine Überschrift ("Meine Auswahl lustiger Beiträge") und keinen Inhalt ("nix" im Editor-Fensterchen).

Wenn Du jetzt die neue Seite aufrufst, siehst Du erstmal ... nichts. (Logisch, ist ja auch kein Text eingegeben.) Statt dessen wollen wir ja auch die fünf Artikel aus unserer Datenbank abrufen und anzeigen lassen. Und hier kommt query_posts zum Einsatz!

In deinem Template meine_abfrage.php ergänzt Du unmittelbar vor der Loop:

query_posts('posts_per_page=5&category_name=Aktuell');

Nun sollten auf der Seite "Meine Auswahl lustiger Beiträge" fünf Artikel der Kategorie "Aktuell" angezeigt werden. Es gibt noch eine Reihe weiterer Abfragekriterien, z.B. Sortierreihenfolge, Autor, etc. Mehr Infos gibt's -- wie sollte es anders sein -- im Codex.