Beiträge von alchymyth

http://codex.wordpress.org/Template_Tags/…Time_Parameters

die meisten themes verwenden 'wp_list_pages()' fuer die navigation in header.php;

<ul><?php wp_list_pages('......'); ?></ul>

da kannst du deine links fest davor setzen:

<ul>
<li class="page-item"><a href=http://linkurl1>linkname1</a></li>
<li class="page-item"><a href=http://linkurl2>linkname2</a></li>
<?php wp_list_pages('......'); ?></ul>

es gibt eine reihe von freien 'magazin' themen zum zerlegen und nachschauen, wie die das gemacht haben.

so ganz im freien raum ist es schwierig, eine anleitung zu geben.

im prinzip wuerden die posts in der mitte in divs eingebaut, die mit einer festen hoehe gefloated werden und etwa 1/3 der zu verfuegung stehenden breite haben.
das bild ueber dem titel wird mit der neuen funktion 'the_post_thumbnail()'
http://codex.wordpress.org/Template_Tags/the_post_thumbnail
eingefuegt, dann der titel, und danach wahrscheinlich the_excerpt().

wahrscheinlich wirst du auch mit der suchfunktion nach 'post grid', 'grid style template', oder 'posts in columns' fuendig - eben in englisch - vielleicht auch auf deutsch.

eine 'backanleitung' wirst du wahrscheinlich nicht finden, das haengt zu sehr von dem theme ab, wo du das einbauen willst.

wenn du die ersten schritte fertig gestellt zum vorzeigen hast, kann bei den einzelheiten weitergeholfen werden.

im dashboard:
'einstellungen' 'lesen' 'blogseiten zeigen maximal ... artikel'

korrekter download hinweis vom autor santoyan:
http://wordpress.org/support/topic/376337?replies=1

mit mehr info zur verfuegung, hier ein neuer versuch:
(erstmall eine sicherungskopie aller theme dateien machen)

bearbeite 'ancillary.php':
die datei ist fast leer, so dass es einfach sein sollte, rauszufinden wo geaendert werden sollte.
das sollte am ende dann so aussehen:
( cat=5 ist die ID der anzuzeigenden kategorie - eigene cat id einsetzen)

<div id="ancillary">
 
<div class="flickr">
 
<?php query_posts('cat=5&posts_per_page=12');
if(have_posts()) : while(have_posts()) : the_post(); ?>
 
<?php $image = get_post_meta($post->ID, 'thumbnail', true); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="" /></a>
 
<?php endwhile; endif; wp_reset_query(); ?> 
</div><div class="clear"></div></div>

ich wuerde im theme suchen wo die function: 'wp_andreas09_nav' ist;
kann in functions.php sein, muss aber nicht.

die scheint andere parameter zu nehmen als die uebliche 'wp_list_pages'.

vielleicht sind die parameter nicht vollstaendig oder nicht korrekt.


und dann im zweifelsfall hier posten.

mit css kannst du sehr gezielte styles angeben, in deinem fall wie hier:

#post-396 img {border:none;padding:0px;}

die nummer ist die post-ID.

das theme ist momentan 900px weit,um das auf eine neue weite umzustellen, musst du zeile fuer zeile durch die style.css gehen, und im prinzip alle width angeben die ueber 500px sind, um den gleichen betrag vergroessern - von 900px auf 1042px - d.h. 142px dazu addieren.

in all diesen divs:
#wrap
#masthead div.left-masthead
#header #textbox
#left-wrap
#content

ausserdem sind da noch 4 oder 5 hintergrundbilder zu erweitern.

nicht schwierig, hoechstens zeitaufwendig.
(auf englisch heisst das 'donkey work' :mrgreen:)

versuch das folgende:

ob_start();
comment_class();
$comment_class = ob_get_contents();
printf(__('<li id="comment-%1s" %2s>'), get_comment_ID(), $comment_class);

http://php.net/manual/en/function.ob-start.php

diese zeile am ende der style.css einfuegen;

img#lightboxImage {margin:0;padding:0;border:none;}

da die bilder styles sehr allgemein waren, hatten sie sich auf alles, einschliesslich der lightbox, ausgewirkt.

die neue zeile hebt alle 'extras' der bilder wieder auf - und alles sieht wieder gut aus (jedenfalls hier bei mir iim firefox) :mrgreen:



ps:
--das ist eigentlich meine bevorzugte loesung--
es geht auch alternativ, die bilderstyles auf die posts zu beschraenken (mit dem zusatz '.post' vor 'img' bei den styles mit border, margin, und padding) (das wuerde zB. die bilderstyles dann auch in der sidebar unwirksam machen - da sind ja manchmal werbebilder drin die keine rahmen haben sollen):

.post img {
background-color: #FFF;
border: 1px solid #DDD;
padding: 3px;
} 
.post img { margin-top: 10px; margin-bottom: 10px; }
img.aligncenter {display:block; margin-left:auto; margin-right:auto; }
img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right:10px; }

also, wenn ich den ganzen kram:

img {
background-color: #FFF;
border: 1px solid #DDD;
padding: 3px;
} 
img { margin-top: 10px; margin-bottom: 10px; }
img.aligncenter {display:block; margin-left:auto; margin-right:auto; }
img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right:10px; }

am ende von style.css des themes einfuege, dann machen die bilder das wie geplant - mittig ausgerichtet mit rand.
(im firefox mit dem web developer add-on)

die waren noch nicht im style.css drin - hattest du vielleicht nie reingepackt oder wieder rausgenommen.

oftmals musst du den browser 'reloaden', oder mit CTRL und F5 gleichzeitig gedrueckt den browsercache leeren, um css aenderungen sichtbar zu machen.

also, die styles in die style.css vom theme einfuegen (am ende oder wo auch immer)

Zitat

Bisher (siehe Screenshot) war es auch so, dass automatisch etwas Abstand unter jedem Bild war. Auch alles automatisch.

in die 'alte' css datei gucken, und rausfinden, wie das da definiert war.

oder in die style.css von dem default theme schauen - da ist ein ganzer absatz ueber bilder ausrichtung.

ganz allgemein:

img { margin-top: 10px; margin-bottom: 10px; }
img.aligncenter {display:block; margin-left:auto; margin-right:auto; }
img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right:10px; }

zahlenwerte anpassen.

und natuerlich das bild beim einfuegen mit der ausrichtung 'mitte' oder 'zentriert' angeben.

vielleicht haben die bilder nicht die class .bordered - das kann mann vom foto nicht sehen - dann einfach diesen style einbauen:

img [FONT=Courier New][COLOR=#007700]{[/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]background[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]color[/COLOR][COLOR=#007700]: [/COLOR][/FONT][FONT=Courier New][COLOR=#ff8000]#FFF;[/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]border[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]1px solid [/COLOR][/FONT][FONT=Courier New][COLOR=#ff8000]#DDD;[/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]padding[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]3px[/COLOR][/FONT][COLOR=#007700][FONT=Courier New];[/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]}[/COLOR][/FONT]

weitere hilfe nur am lebenden objekt - mit link

http://codex.wordpress.org/Template_Tags/get_permalink

also etwa sowas:

<h1><a href="<?php echo get_permalink(60); ?>/">

das koennte weiterhelfen:
http://www.jeriko.de/2006/08/10/wor…-anders-stylen/

und evtl. den links und stichworten folgen...

die datei zum nachschauen ist wahrscheinlich 'archive.php'.

seltsam: diese html kommentare sind im code im browser vorhanden:

<!--Navigation-->
<!--Ende navigation-->

sieht fast so aus als waere da noch ein anderer grund, dass die links nicht erscheinen.

das grau ist in dieser grafik:
http://www.reno-it.de/wp-content/the…ain_withnav.jpg

die muss bearbeitet werden um den schmalen grauen schatten an beiden seiten zu haben - anstatt links die graue flaeche.

und in style.css hier die width aendern:

/* Main content area */
#content {
 float: right;
 width: 480px;  /* auf 690px umstellen */
 margin: 0;
 padding: 0;
}

wenn du die html struktur beachtest, sollte das template eigentlich nicht zerstoert werden. mit bild sollte das etwa so aussehen:

<body>
<div id="main_container">
    <div id="centercolumn">
 
    <div id="leftcolumn">    
        <div id="main_logo">
 
<div id="logo">
 
<h1><a href="<?php bloginfo('home'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/test.jpg"/><?php bloginfo('name'); ?></a></h1>
<span class="desc"><?php bloginfo('description'); ?></span>
</div>

kann vielleicht kleine verschiebungen im header geben, aber das kann dann mit der css ausgeglichen werden.

link zum blog hilft auch hier ein wenig weiter.

eine loesung ueber css kann nur nur am live link zum blog diskutiert werden.

nicht genug information (ein link zur seite waere das beste).

allgemein:

oft hat der header-blog-title schon eine eigene id oder class (#header oder #logo oder so), und auch die beitragsbereich hat oft eine class (.post, .entry, oder so).
das sollte ausreichen, um den style gezielt anzusprechen, zB.:

#header h1 {}
oder 
.post h1 {}

daneben gibt es das argument, dass h1 nur fuer den blogtitel verwendet werden sollte, und h2 fuer die beitragstitel.

um den text fuer die suchmaschinen bereit zu haben, muss er im html code der seite stehen.
d.h. jeder einigermassen computerfaehige kann den text lesen (und kopieren).

um den text vom bildschirm zu verstecken gibts die moeglichkeiten mit css (auf die div anwenden wo der text drin steht):
a. 'visibility: hidden;' (keine ahnung wie das im rss aussieht);
b. 'text-indent: -9999px;' (schiebt den text vom schirm)