Beiträge von alchymyth
-
-
genau nachlesen
http://www.w3schools.com/css/css_background.asp
gibt's vielleicht auch irgendwo auf deutsch...
ausserdem, wenn du ein bild oben drauf hast, ist der hintergrund nicht zu sehen; logisch ?
:hover geht nur mit hintergrundbildern wenn nichts darueber gepappt wird; -
Zitat
vom code im [COLOR=#306582]header[/COLOR].php
das steht schon im header.php;
wie ich zuvor angedeutet habe, muss das nur ein wenig aufgeraeumt werden.
steht alles in meinem beitrag.
schritt fuer schritt ...
also vom inhalt des groesseren feldes mit php code (wie es im original header.php vom default theme steht) zum inhalt des kleineren feldes (da soll jetzt kein php code mehr stehen, nur noch dieser style) -
Zitat
also:
if detailbild-leer ---getElementById(bildandere)style.display=none - so in der art.
so nicht, aber anders:PHP<?php if(get_post_meta($post->ID, 'detailbild', true)) : ?> <div id="bildandere"><img id="andere-bild" src="<?php bloginfo('url'); ?>/wp-content/uploads/<?php $bildinhalt = get_post_meta($post->ID, 'detailbild', true); ?><?php echo $bildinhalt; ?>.jpg" NAME="dasdetailbild" /></div> <?php endif; ?> -
Zitat
auf meiner Homepage http://www.fck-news.de/ hätte ich gerne, dass ein User der einen Artikel liest die Möglichkeit hat ÜBER diesem Artikel entweder zum nächsten aktuellen Artikel zu blättern oder eben zu einem älteren bereits gelesen Artikel.
nicht auf der homepage, aber in der einzel-post-ansicht in single.php:
das default-theme verwendet folgenden code um das zu machen:PHP<div class="navigation"> <div class="alignleft"><?php previous_post_link('« %link') ?></div> <div class="alignright"><?php next_post_link('%link »') ?></div> </div>
im loop einfuegen, entweder vor dem post titel, oder nach dem content oder kommentar, oder an beiden stellen ....
http://codex.wordpress.org/Template_Tags/previous_post_link
http://codex.wordpress.org/Template_Tags/next_post_link -
das sind zum grossteil css fragen, zu den es meistens im web tutorials oder artikel gibt; einfach suchen - englische suchbegriffe fuehren oft zu besseren ergebnissen.
ZitatWo kann ich das Design ändern?
den code zum suchfeld findest du in searchform.php.
abstaende sind oft in der style.css als margin oder padding definiert (oder koennen dort nachtraeglich definiert werden).
in searchform.php solltest du die passenden css elemente finden:
zB. um den abstand zum submit button zu aendern: -
hier ist ein beispiel, wie ich es in meinem blog gemacht habe (keine ahnung ob das gut fuer seo ist, oder ob es einen besseren weg gibt, aber die google adsense zB sind sehr gezielt):
PHP
Alles anzeigen<meta name="description" content="<?php if (have_posts()) : while (have_posts()) : the_post(); $excerp = get_the_excerpt(); $excerp = strip_tags($excerp); if(!is_singular()) { $excerp = substr($excerp, 0, 75) ; } echo get_the_title().' : '.$excerp .' - '; endwhile; endif; wp_reset_query(); ?>" /> <meta name="keywords" content="<?php $key_words = array(); if (have_posts()) : while (have_posts()) : the_post(); $categories = get_the_category(); foreach( $categories as $category) { $key_words[] = $category->name; } $posttags = get_the_tags(); if ($posttags) { foreach($posttags as $tag) { $key_words[] = $tag->name; } } endwhile; endif; $key_words = array_unique($key_words); foreach( $key_words as $words) { echo $words . ', '; } ?>" />
wie du sehen kannst, gebe ich in dem meta description tag im header die titel und die 'ecxerpts' von allen artikeln weiter gekuerzt auf der vorderseite aus; bei single post gebe ich den vollen 'excerpt' aus.
und als meta keywords gebe ich eine bereinigte liste der kategorien und tags aus (doppeltes erscheinen rausgefiltert).
und dann gibt es noch eine reihe von seo plugins, die wahrscheinlich aehnliches machen. -
auch wenn es unuebersichtlich aussieht, versuch diese anordnung, alle img in einer zeile:
HTML<div id="menu"> <img src="<url>" alt=beschreibung"><img src="<url>" alt=beschreibung"><img src="<url>" alt=beschreibung"><img src="<url>" alt=beschreibung"> </div>
und viellecht nach dazu in die style.css: -
mit http://doku.wordpress-deutschland.org/Template_Tags/wp_list_pages
und dann als horizontale liste stylen
http://codex.wordpress.org/Creating_Horizontal_Menus
wahrscheinlich am ende von header.php (und in style.css) einbauen.
wenn rechts ein widget ist, das einfach im dashboard entfernen. sonst sidebar.php(?) bearbeiten und den code von 'wp_list_pages()' da entfernen. -
in die style.css einfuegen:
das 'a' steht fuer den link, der den style sonst ueberschreiben wuerde.
kann sein, dass das nicht spezifisch genug ist, weil die list elemente vielleicht woanders schon gestyled werden;
dann versuchen die farbe zu erzwingen: -
scheint wirklich an den bildern zu liegen:
http://www.vfl-ramsdorf-tischtennis.de/test/wp-conten…brickbgwide.jpg
ist noch nicht bearbeitet - zu schmal.
der kommt vom embbedded style; vom code im header.php, der verschiedenen hintergruende abhangig vom index/single steuert.
PHP<?php // Checks to see whether it needs a sidebar or not if ( empty($withcomments) && !is_single() ) { ?> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; } <?php } else { // No sidebar ?> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; } <?php } ?>
da du aber jetzt auch eine sidebar im single anzeigst, passt das nicht mehr. du koenntest das aendern und nur noch das hier stehen lassen:
PHP#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
und #content hat eigentlich keinen hintergrund in der original version vom default theme; das wird alles ueber #page gemacht. -
-
du koenntest das als bild in den html code des header.php einfuegen:
von hier:PHP<div id="sitename"> <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
nach hier aendern:PHP<div id="sitename"> <img src="http://www.dinelestirisi.com/wp-content/themes/ThemeAndreas09/wp-andreas09/images/ulpian_Afak_Adali.jpg" /> <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
und in style.css einfuegen:
ueber die 'width' kannst die die groesse des bildes beeinflussen. -
ungefaeher 8 zeilen vor dem ende:
das </div> hier scheint ueberfluessig zu sein.
ZitatBei Artikeln gibt es zudem das Problem, dass zwischen dem [COLOR=#306582]Footer[/COLOR] und dem oberen Teil der Seite ein kleiner blauer Streifen ist.
der sollte dann auch weg sein. -
kommt darauf an:
das bild im shortpost ist wahrscheinlich (wegen zu wenig information) ein post thumbnail mit the_excerpt();
der gesamtartikel zeigt die eingebundenen bilder.
antwort: wahrscheinlich ist das machbar.
fuer mehr info:
name und download link des themes;
link zum blog. -
das problem liegt im inhalt des sidebar.php:
eine mischung von invaliden anordnungen von ul, li, div, geoeffnet und geschlossen ohne beachtung der regeln.
von aussen ist nicht ersichtlich, ob das fest programiert ist, oder in widgets eingegeben wurde.
das ist auch der grund fuer einige dieser validierungsfehler: http://validator.w3.org/check?uri=http…=Inline&group=0 -
menue:
-handgemacht, fest, nur diese vier links?
dann ginge das mit vier festen divs, float:left; grafik dazwischen; links als hintergrundgrafik - stichwort 'css sprites'.
-kategorien?
das ginge mit wp_list_categories(); horizontales menu; css sprites.
-seiten?
das ginge mit wp_list_pages(); sonst wie kategorien.
das sind die stichworte zum suchen; der codex bietet einiges an info.
ZitatJetzt klebt der [COLOR=#306582]Content[/COLOR] direkt am [COLOR=#306582]Header[/COLOR], aber unter dem Menü soll dann erst noch ne Lücke sein.
dafuer musst du beim default theme die html struktur verandern: im original verwendet das theme einen durchgehenden #page hintergrund.
dazu im header.php '<div id="page">' nach unten verschieben, vor das '<hr />'. und die #header und #page styles in der style.css anpassen. -
generell, ja.
aber der aufwand haengt ganz stark vom theme ab; einige themes sind strukturiert aufgebaut und uebersichtlich gegeliedert, da ist es einfacher.
und der erfolg haengt ganz stark vom css verstaendnis ab.
mehr im austausch gegen den namen und den downloadlink des themes; oder noch besser gegen einen link zum blog. -
nachlesen - zB im codex, oder in online tutorials.
verwendung anstelle des <body> tags im header:
erzeugt eine vielzahl von individuellen classes die dann in der style.css verwendet werden koennen.
einfach im header einbauen, und dann den body tag im html code der seiten im browser ansehen - die classes notieren, und dafuer neue hintergrund formate erstellen.
zB: -
wenn's schnell gehn soll:
'body_class()'