Je také možné nastavit Wordpress tak, aby umoňoval ke každému článku přiřadit speciální obrázek, který je pak možné zobrazovat vedle Úryvku. K tomu ovšem bude nutné upravit zase upravit některé soubory šablony Elements of SEO. Budete pak moci ale používat standardní funkci Wordpressu (viz. příloha [Volba demonstrovaná na obrázku se v administraci -> Příspěvky -> Vytvořit příspěvek zobrazí až poté, co provedete pokyny v následujícím návodu a také musí být zaškrtnuto Náhledový obrázek v Nastavení zobrazených informací]).
Pomocí FTP si znovu stáhněte ze složky /wp-content/themes/elements-of-seo/ soubory functions.php, archive.php a také index.php a uložte si jej na lokální disk vašeho počítače. V textovém editoru nejprve otevřete soubor functions.php a přidejte tam kód:
Kód:
add_theme_support('post-thumbnails');
if ( function_exists('add_theme_support') ) {
add_theme_support('post-thumbnails');
}
Pokud jste neprováděl v tomto souboru žádné jiné předchozí změny, pak by tam mělo být celkem:
Kód:
<?php
if ( function_exists('register_sidebars') )
register_sidebars(2);
add_theme_support('post-thumbnails');
if ( function_exists('add_theme_support') ) {
add_theme_support('post-thumbnails');
}
?>
Soubor uložte a zavřete. Otevřete si soubor archive.php a najděte řádek:
Kód:
<?php the_excerpt(__('Read more'));?><div style="clear:both;"></div>
Případně kód (pokud jste prováděl některé úpravy z předchozího příspěvku):
Kód:
<?php the_content(__('Read more'));?><div style="clear:both;"></div>
A před tento kód přidejte na nově vytvořený řádek kód:
Kód:
<?php the_post_thumbnail(); ?>
Respektive kód:
Kód:
<?php the_post_thumbnail(array(90,90), array ('class' => 'perexovyobrazek')); ?>
Kde
Kód:
array(90,90)
určuje maximální rozměry obrázku, tak jak bude zobrazen (bez ohledu na to, zda byl nahrán a uložen jako obrázek větší). A
Kód:
'class' => 'perexovyobrazek'
přidá obrázku třídu, pomocí které jej půjde nastylovat pomocí CSS.
Soubor uložte a zavřete. Nyní si otevřete soubor index.php a vytvořte nový řádek před řádkem obsahující kód:
Kód:
<?php the_content(__('Read more'));?><div style="clear:both;"></div>
A zase na něj vložte kód:
Kód:
<?php the_post_thumbnail(array(60,60), array ('class' => 'alignleft')); ?>
Takže nakonec tam bude:
Kód:
<div id="contentleft">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<p class="date"><b>Posted on</b> | <?php the_time('F j, Y'); ?> | <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p>
<?php the_post_thumbnail(array(60,60), array ('class' => 'alignleft')); ?>
<?php the_content(__('Read more'));?><div style="clear:both;"></div>
<div class="bt-links"><strong>Category:</strong> <?php the_category(', ') ?><br /><?php the_tags('<strong>Tags:</strong> ',' > '); ?></div>
<!--
<?php trackback_rdf(); ?>
-->
Soubor uložte a všechny tři soubory nahrajte zpět do složky elements-of-sero (přehrajte nimi původní).
Dle libosti můžete ještě stáhnout a upravit soubor style.css přidáním pravidel pro zobrazení obrázku (třídou perexovyobrazek).
Napište, prosím, zda jste některý z výše uvedených postupů (buď v prvním, nebo v tomto druhém příspěvku) použil.
Přihlásit se
Registrovat
FAQ
Hledat
ještě raz moc díky