Právě je 23 kvě 2017 09:03

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]




Odeslat nové téma Odpovědět na téma  [ Příspěvků: 5 ] 
Autor Zpráva
 Předmět příspěvku: WordPress - Náhled obrázku v rubrikách
PříspěvekNapsal: 24 črc 2011 08:32 

Registrován:
31 srp 2010 09:03
Příspěvky:
18
Začínám používat šablonu elements of seo. Když vkládám obrázek do článku, dávám ho zkraje článku, když si pak otevřu rubriku, tak se vlastně ukáží články bez náhledu obrázků, dá se toto nějak vyřešit? děkuji


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - náhled obrázku v rubrikách
PříspěvekNapsal: 24 črc 2011 21:53 

Registrován:
20 črc 2011 12:16
Příspěvky:
31
Dobrý den,
na vině je způsob, kterým Wordpress automaticky vytváří ukázky z článků. Respektive kombinace způsobu vytváření automatických ukázek článku ve Wordpressu a způsobu, jakým šablona Elements of SEO (používal jsem verzi 1.2) vytváří seznam článků v kategoriích (a archivech, Elements of SEO nerozlišuje mezi archivem a kategorií).

Když odešlete nový příspěvek ve Wordpressu, automaticky se vytvoří jeho Úryvek (budu toto pojmenování používat pro výsledek PHP funkce, která to má na starosti). A tento úryvek je poté zobrazen šablonou Elements of SEO v archivu a v kategoriích. Problém je, že v základním nastavení Wordpress vytváří automatický Úryvek z 55 počátečních slov článku (což jde dále upravit pomocí souboru functions.php ve složce šablony vzhledu) a odstraní všechny elementy, tedy i obrázky. Existuje několik řešení, které zde popíšu, od nejjednoduššího až po ty složitější a můžete si tak vybrat to, které vám bude vyhovovat nejvíce:

Asi nejjednodušší volbou bude nainstalovat plugin Thumbnail For Excerpts. Díky němu se začnou automatické Úryvky vytvářet i s obrázky. Velice jednoduché.

Nebo můžete vytvářet Úryvky ručně. Ve Wordpresu je tato možnost standardně skryta, takže ji nejprve musíte povolit. Jděte do administračního rozhraní do Příspěvky -> Vytvořit příspěvek, rozbalte vpravo nahoře Nastavení zobrazených informací a zaškrtněte Stručný výpis příspěvku. Pod oknem pro text příspěvku se zobrazí ještě jedno menší okno. Do tohoto okna můžete napsat svůj vlastní Úryvek a pomocí HTML kódu do něj můžete vložit obrázek - tento úryvek se potom zobrazí ve výpisu kategorií v šabloně Elements of SEO. Nicméně (bez úpravy kódu šablony) se už nezobrazí při rozhliknutí článku. Bude to de facto takový perex, úvodník s obrázkem.

Další možností je upravit šablonu tak, aby se ve výpisu článků dané kategorie nezobrazoval Úryvek, ale celý článek. Toho dosáhnete ale už jen úpravou zdrojového kódu šablony. Stáhněte si tedy pomocí FTP klienta ze složky (vzhledem ke kořenové složce instalace Wordpressu) /wp-content/themes/elements-of-seo/ soubor archive.php na lokální disk vašeho počítače a pomocí textového editoru (Notepad nebo třeba PSPad jej otevřete. Najděte v tomto souboru řádek:
Kód:
?php the_excerpt(__('Read more'));?><div style="clear:both;"></div>

A nahraďte jej za:
Kód:
<?php the_content(__('Read more'));?><div style="clear:both;"></div>

Tím docílíte, že ve výpisu článků v kategorii budou tyto články zobrazeny ve své plné délce. (Až na případ, kdy jste podle předchozího návodu vytvořil ruční Úryvek. Tento ruční Úryvek se ve výpisu zobrazí vždy, pouze Úryvky vytvořené automaticky budou nahrazeny plnou délkou článku. Pozor na to!)
V tomto případě asi také budete chtít přidat na konec článku odkaz na jeho otevření (třeba kvůli komentářům). Toho docílíte snadno přidáním kódu:
Kód:
<a href="<?php echo get_permalink(); ?>"> Přejít na článek -></a>

hned za:
Kód:
<?php the_content(__('Read more'));?><div style="clear:both;"></div>

(le zase - v případě, že používáte ruční Úryvek, tento kód nepřidávejte, zobrazoval by se totiž dvakrát odkaz na pokračování ve čtení článku.)

_________________
Jakub Fišer
Webhosting C4
http://www.c4.cz/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - náhled obrázku v rubrikách
PříspěvekNapsal: 24 črc 2011 22:55 

Registrován:
20 črc 2011 12:16
Příspěvky:
31
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řílohy:
Poznámka: Ukázka Náhledového obrázku
WordpressNahledovyObrazek.png
WordpressNahledovyObrazek.png [ 20.62 KiB | Zobrazeno 10903 krát ]

_________________
Jakub Fišer
Webhosting C4
http://www.c4.cz/
Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - náhled obrázku v rubrikách
PříspěvekNapsal: 25 črc 2011 06:52 

Registrován:
31 srp 2010 09:03
Příspěvky:
18
Já bych chtěl ještě jednou poděkovat za ochotu a kvalitu s kterou se zde člověk potká, fakt všechna čest
Martin Valina


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - náhled obrázku v rubrikách
PříspěvekNapsal: 25 črc 2011 06:59 

Registrován:
31 srp 2010 09:03
Příspěvky:
18
Jinak použil sem ten kde stávající kod sem nahradil
<?php the_content(__('Read more'));?><div style="clear:both;"></div> připadá mi elegantní, hlavně jednoduchý na úpravu
ale předpokládám, že zkusím asi i ostatní :-) ještě raz moc díky

viz http://www.krusnohorsky.cz/zkouska/zkou ... toserialy/


Nahoru
 Profil  
 
Zobrazit příspěvky za předchozí:  Seřadit podle  
Odeslat nové téma Odpovědět na téma  [ Příspěvků: 5 ] 

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků


Nemůžete zakládat nová témata v tomto fóru
Nemůžete odpovídat v tomto fóru
Nemůžete upravovat své příspěvky v tomto fóru
Nemůžete mazat své příspěvky v tomto fóru
Nemůžete přikládat soubory v tomto fóru

Hledat:
Přejít na:  
FTP Uploader
Staňte se naším zákazníkem!
Hledáme kolegy
WordPress partneři

Seznam všech partnerů

WordPress Hosting
Návody pro C4

© 2009-2012 ČESKÝ WEBHOSTING s.r.o. Kontaktní e-mail: forum@c4.cz
Diskuzní fórum využívá technologie: phpBB, phpBB-SEO.com, phpBB.cz