E-mail | SIS | Moodle | Helpdesk | Knihovny | cuni.cz | CIS Více

česky | english Přihlášení



Návod k editaci obsahu šablony výzkumných skupin PřF UK

Jako návod k editaci připravené šablony pro weby výskumných skupin jsme pro Vás připravili několik návodů spolu s ukázkovými videi. Návody obsahují celou škálu možností - od nejjednodušších kroků pro ty, kteří nikdy s WordPressem nepracovali, po pokročilejší postupy.
V případě, že jste v tomto návodu nenašli potřebné kroky, kontaktujte Mgr. Daniela Palubu (palubad@natur.cuni.cz).

Obsah:

 

K administraci stránky (tzv. backendu) se přihlásíme po přidání „/wp-login.php“ na konec naší URL adresy.

(video) 

(pokud se video zobrazuje v nízké kvalitě, změňte kvalitu videa na 1080p v dolní liště videa)

 

Základní editace

K editaci jednotlivých stránek se můžeme dostat dvěma způsoby:

  1. Kliknutím na Stránky 🡪 Přehled stránek v levém panelu administrace.

(video)

  1. Na jakékoliv stránce na frontendu webu (tj. v prostředí, které vidí návštěvníci webu) se po přihlášení k administraci objeví černý pruh v horní části stránky. Stránku, na které se právě nacházíme, můžeme editovat po kliknutí na „Upravit stránku“ v horní černé liště.

(video)

 

Editace samotného obsahu stránky je podobná editaci v MS Wordu nebo v některém z grafických programů. 

(video)

 

Odkazy (hyperlinky)

Přidání odkazu (hyperlinku): Pro přidání odkazu označíme text, který má směřovat na odkaz, a vložíme odkaz. Můžeme si vybrat, jestli chceme, aby se odkaz otevíral v novém okně/kartě. Otevírání v novém okně/kartě je doporučeno pro externí stránky směřující ven z našeho webu. Interní stránky, jako např. odkaz na naši stránku s publikacemi, směřovat do nového okna nemusíme.

(video)

 

Tlačítka

Stejně tak můžeme přejmenovávat tlačítka (BUTTON) a měnit jejich odkazy. Na videu je ukázáno, jak jednoduše přidat odkaz na interní stránku našeho webu.

(video)

 

Obrázky

Rovněž obrázek můžeme vyměnit velice snadno. Je možné si vybrat obrázek z naší stávající galerie nebo přidat různé obrázky i z našeho počítače. Ve videu je ukázáno, jak si zvolit velikost obrázku, aby co nejlépe odpovídala rozsahu textu.

(video)

 

Odkazy na výzkumnické sociální sítě

V případě stránky členů týmu je možné přidávat kontaktní e-mail a odkazy na různé (hlavně výzkumné) sociální sítě. Po kliknutí na ikonku sociální sítě lze v pravém panelu zadat odkaz na Váš profil. Pokud se nezobrazí pravý panel, klikněte na ikonku v pravém horním rohu.

(video)

 

Mapa v kontaktech

Adresu na mapě můžeme nastavit následovně:

(video)

 

Zobrazení náhledů v mobilní/tabletové verzi a zveřejnění

Po editaci stránky můžeme obsah a vzhled zkontrolovat pomocí náhledu v různých zařízeních nebo v přímo v novém okně.

(video)

 

V případě, že jsme spokojeni, můžeme obsah aktualizovat a tím zveřejnit.

(video)

 

Bloky obsahu

Ve WordPressu se jednotlivé části (nadpisy, texty, obrázky) nazývají bloky. Bloky je možné seskupovat do skupin bloků. V případě, že některé bloky nebo skupiny bloků nebudeme využívat, můžeme je jednoduše smazat kliknutím na „Odstranit blok“.

(video)

 

V případě skupin bloků, které obsahují více (pod)bloků (např. seznam závěrečných prací, publikací, popisy členů výzkumných týmů, ikonky sociálních sítí) můžeme přidávat nebo odebírat jednotlivé (pod)bloky.

(video)

 

Editor WordPressu umožňuje nejen editovat a mazat obsah, ale i různorodý obsah přidávat. Ten si můžeme prohlédnout kliknutím na v horní liště editačního módu stránky (levý obrázek). Pro Vás budou nejužitečnější předem připravené “opakovatelné bloky”, které se využívají v této šabloně (pravý obrázek).

            

 

Je pravděpodobné, že některé bloky budeme chtít použít jinde, nebo – např. v případě stránky členů výzkumné skupiny – budeme chtít přidat další členy. Z toho důvodu jsme připravili opakovatelné bloky. Přidávat je můžeme tlačítkem po kliknutí do obsahu stránky. Video Vám blíže napoví, jak na to.

(video)

 

Jednotlivé skupiny bloků (např. člena výzkumného týmu) můžeme přesouvat – umístit výše nebo níže na stránce.

(video)

 

Vytvoření a mazání nových stránek a příspevků

Nové stránky, stejně jako příspěvky (novinky) můžeme přidávat dvojím způsobem:

  1. Z backendu (administrace) webu

(video)
V tomto videu je ukázáno, jak vytvořit novou stránku z administrace webu a jak ji pak přidat do menu.

  1. Z frontendu pomocí horní černé lišty

(video)

V tomto videu je ukázáno, jak přidat nový příspěvek (novinku), aby se zobrazoval i s náhledovou fotkou na domovské stránce. Doporučený rozměr (poměr stran) obrázku je 1:1. Samotná editace příspěvku je stejná, jako stránky – je možné přidávat bloky podle představ.

 

Vymazávání stránek z menu:

(video)

 

Vymazání stránky z webu:

(video)

 

Více možností editace

Více možností a návodů, jak editovat obsah ve WordPressu najdeme na: Step by Step Guide to the Gutenberg Builder for WordPress - WPExplorer.

 

Slider obrázků na hlavní stránce

Editace slideru. Ve videu je ukázáno, jak změnit obrázek, text i tlačítko (i jeho odkaz). Doporučený rozměr obrázku je 2,5:1– např. 1750 x 700 px. Pokud je poměr stran jiný, dojde k ořezu obrázku. Je však ovšem možné nastavit střed obrázku, podle kterého se oříznutí vycentruje.

(video)

 

Pro náročné: Je samozřejmě možné měnit i barvu, velikost textů atd. V nastaveních pak lze měnit i poměr stran slideru:

 

V případě, že plánujeme mít 3 slidery, je doporučeno editovat stávající slidery podle prvního návodu. Pokud chceme menší počet sliderů, nepotřebné slidery můžeme vymazat:

(video)

 

Jak přidat nový obrázek do slideru a jak otestovat slider na různých velikostech různých zařízení:

(video)

 

 

Cookies bar

Jak opravit „cookies bar“:

(video)


 

Aktualizace WordPressu a pluginů + zálohování webu

V případě, že je dostupná nová verze WordPressu, administrace stránky náš na to upozorní podobnou hláškou jako v horní části všech stránek administrace.

 

Zálohování webu

Před samotnou aktualizací je vhodné udělat zálohu (backup) našeho webu. Na to můžeme využít pluginy na to připravené, např. UdraftPlus, který je potřeba nainstalovat. Před zálohou je však potřeba vybrat místo, kam budeme ukládat naše zálohy. Doporučuji dělat zálohy na náš fakultní (v doméně natur.cuni.cz) google disk. Nastavíme to nasledovným způsobem:

(video)

Ve videu je ukázáno i to, jak vytvoříme zálohu na našom Google Disku. 

 


Samotná aktualizace WordPressu

Po vytvoření zálohy již můžeme provést aktualizaci WordPressu:

(video)

 

Ke Google Disku je potřeba přihlásit se jenom jednou. Pokud vyjde nová verze WordPressu, stačí již jen kliknout na vytvoření nové zálohy (video od času 0:40).



 

Změna hesla do administrace

Uživatelé (levý panel) → Profil → Nastavit nové heslo (na konci stránky)

Nové heslo si vždy zkopírujte a uložte před aktualizací profilu!

(video)



Fotografie fakulty

Fotografie o fakultě, které můžete využít na Vašem webu naleznete na této stránce.

 

Akce dokumentů