[JKovacParticipant]

Díval jsem se, že máte do oddílu “kulicky” vloženy zvlášť nadpis, zvlášť text a zvlášť slider.
Zkuste to tedy jinak. Nainstalujte si plugin Page Builder by SiteOrigin. Při vytváření stránek a příspěvků Vám přibude nová záložka Page Builder. Zkuste jestli tento způsob vytváření stránek nebude lepší. Jen je vše v angličtině.

[JKovacParticipant]

Dobrý den,

pan Musílek má na svých stránkách docela dobře popsaných 110 pluginů pro wookommerci. Zkuste se podívat třeba si vyberete.

[JKovacParticipant]

Dobrý den,

když do widgetu vybíráte obrázek, tak po kliknutí na něj v knihovně médií se Vám na pravé straně straně zobrazí náhled, URL, Název atd.. Zkopírujte si URL adresu k obrázku a vložte ji do pole Odkaz v Image Widgetu. Ostatní nechte nastaveno jak je (Otevřít ve stejném okně) a nechte úpravy uložit.

[JKovacParticipant]

Pokud upravíte přímo PHP soubory bez vytvoření Child theme přijdete další aktualizací šablony o veškeré úpravy. Neaktualizováním šablony, pluginů, WP se vystavujete větším rizikům než používáním osvědčených pluginů.

WP, kvalitní šablony a pluginy jsou schválně tvořeny tzv. translation-ready aby byla možná jejich lokalizace bez zásahu do kódu. K tomu nám pak slouží například již zmíněný plugin.

[JKovacParticipant]

Jak jste tlačítko překládal? Šablonu jsem si nainstaloval, přeložil Read More pomocí pluginu Loco Translate a diakritiku mám v pořádku.

[JKovacParticipant]

Rozdělil bych to na dvě části.

1) Formátová tabulky se dá zrušit jednoduše, ale přijdete o všechno formátování. Pokud by šlo, jak píšete, pouze o styl a barvu možná je lépe opravdu v tabulce zrušit všechno formátování a tyto dvě věci vložit přímo do CSS.
Formátování smažete tak, že po vytvoření tabulky kliknete na rámeček tabulky tak, aby byla označena celá tabulka a po té kliknete na Formátování – Zrušit formátování

2) Pro zobrazení rezervačního formuláře již není tabulka vhodná, protože formulář a slider obsahují spoustu dalších formátování (stylů) a jsou to vlastně pouze 2 věci vedle sebe.
Toto by chtělo uzavřít do bloku. Zkuste zrušit tabulku, označit pouze text a slider kliknout na Formátování – Formáty – Blokové prvky – Oddíl (div). Když potom přepnete na HTML uvidíte, že se text a slider uzavřely do

<div> Váš text a slider </div>

Rezervační formulář nechte normálně za vytvořeným oddílem. Přiřaďte oddílu název stylů, které se mají použít například

<div class="kulicky"> Váš text a slider </div>

Tím si můžeme danému oddílu zadávat vlastní styl. Jděte tedy v administraci do Vzhled – Přizpůsobit – CSS a zde zkuste vložit

.kulicky {width: 80%;}
@media screen and (max-width: 620px){
.kulicky {width: 100%;}
}

Pokud šířka 80% bude malá, nebo příliš velká upravte si ji dle svého tak aby se formulář vlezl vedle vytvořeného oddílu. Další řádky kódu by měly zařídit, že v zařízeních s rozlišením menším než 620px by měl text a slider zabrat celou šířku a rezervační formulář by se měl šupnout pod ně.

[JKovacParticipant]

Dobrý den,

řekl bych, že se to již špatně uloží do DB. Pak s tím už při zobrazení nic neuděláte.

Používáte free verzi šablony Weblog nebo Pro?

[JKovacParticipant]

V jakém formátu (souboru) máte DB uloženou?

[JKovacParticipant]

Dobrý den,

minule jsem Vám radil ať zrušíte zadané rozměry u buněk.

Nyní máte zadané rozměry u řádků. Zkuste opravdu nejdříve všechny tyto rozměry (i výšky) smazat a nechat to na šabloně. Nemůžeme chtít po tabulce které zadáte šířku 900px aby se nám vlezla do telefonu s rozlišením 600px. Dále máte zadáno písmo 12pt. I toto nechte na šabloně, potom bude písmo pro menší zařízení moc velké. Nejlépe je použít čistou tabulku bez stylů. Až budete mít toto upraveno uvidíme co s tím provede šablona a provedeme pouze drobné korekce v CSS.

Ukázka čistého kódu tabulky, když si přepnete na HTML

<table>
<tbody>
<tr>
<td>Obsah buňky 1 v 1 řádku</td>
<td>Obsah buňky 2 v 1 řádku</td>
</tr>
<tr>
<td>Obsah buňky 1 ve 2 řádku</td>
<td>Obsah buňky 2 ve 2 řádku</td>
</tr>
</tbody>
</table>

[JKovacParticipant]

Dobrý den,

k tomu by mělo stačit administrace – Nástroje – Export / Import.

[JKovacParticipant]

textový editor ve front endu

K tomu používáte nějaký plugin? Pokud ano zkoušel jste jej přeinstalovat?

[JKovacParticipant]

To ví jen vývojář šablony :)

My ostatní používáme možnost, kterou nabízí skoro každý prohlížeč. Já třeba převážně používám Chrome. Pokud kliknete pravím tlačítkem na prvek který chcete upravit a zvolíte Prozkoumat, otevře se Vám nástroj pro vývojáře, kde zjistíte skoro úplně všechno.

V Edge ke stejnému účelu slouží Zkontrolovat prvek atd….

[JKovacParticipant]

Úpravy na stránkách nevidím, zřejmě jste kód hned smazala. Nevadí. Zkusíme tedy na to jít postupně.

Zkuste nejdříve vložit pouze

.entry-content ul {
    clear: none;
}

Toto by mělo zrušit čekání na ukončení plovoucího obrázku, takže by se měl seznam posunout vedle obrázku, ale bohužel odrážky nebudou zarovnané s textem.

[JKovacParticipant]

Tak na to musíme složitěji :)

Je tady pár problémů:

• jesli se nepletu, tak používáte placenou verzi šablony Zerif PRO 1.8.6.4 kterou nemáme možnost vyzkoušet
• máte starou verzi WP 4.6.3 která neumožňuje vkládat vlastní CSS

Takže nejdříve bude zapotřebí nainstalovat plugin, který Vám umožní vkládat vlastní CSS například Custom CSS and Javascript a snad to dáme dohromady i bez toho, že si to vyzkouším u sebe.

Po instalaci a aktivaci pluginu jděte do administrace – Vzhled – Custom CSS a vložte zde tento kód

.entry-content div {
    overflow: hidden;
}
.entry-content ul {
    clear: none;
}
ul, ol {
    margin: 1em 0 1.5em 3em;
}

[JKovacParticipant]

Dobrý den,

není to u všech šablon stejné. Někde se demo nainstaluje přímo se šablonou, někde je zapotřebí doinstalovat pluginy, xml soubory, provést další nastavení atd.

Až si vyberete šablonu a někdo bude vědět možná více popíše.

[JKovacParticipant]

Dobrý den,

nechce se mi zatím šablonu instalovat. Je to možné někde vidět (odkaz)?

[JKovacParticipant]

Je to dáno v CSS

@media screen and (max-width: 620px)
.mh-loop-excerpt {
    display: none;
}

Znamená to, že pro všechna zařízení s rozlišením do 620px se stručný výpis zobrazovat nebude. Musela by jste vlastnost display změnit třeba na block tedy

@media screen and (max-width: 620px)
.mh-loop-excerpt {
    display: block;
}

[JKovacParticipant]

Abych se na to mohl podívat přímo, tak jsem si kvůli Vám šablonu nainstaloval :)

Je ještě zapotřebí, aby se další plovoucí prvek (float) zobrazil až po předchozím plovoucím prvku (počkal na jeho ukončení). Na to nám slouží vlastnost Clear.

.cat-item {
  text-align: right;
  clear: both;
}

Pokud se prvku přiřadí obtékání (udělá se z něj plovoucí prvek) není zapotřebí již řešit zobrazení (display). Jen bych upravil trošku vnitřní okraj.

.widget_categories li a {
  float: left;
  padding: 0 0 10px 0;
}

[JKovacParticipant]

Protože číslo kategorie není v samostatném prvku, musíme tedy správně použít text-align. Ale ten je zapotřebí zadávat nadřazenému prvku. Protože tato vlastnost neovlivňuje prvek samotný, ale až to co se do něj vloží.
Kód by tedy měl vypadal takto.

.cat-item {
    text-align: right;
}

a u kódu co jsme vkládali před tím nás tím pádem nebude zajímat padding, ale musíme prvku widget_categories li a stanovit obtékání

.widget_categories li a {
    display: inline;
    float: left;
}

[JKovacParticipant]

@admin: Myslíte, že pokud by šlo o problém ze strany hostingu, že by byla funkční administrace nebo readme? Neblokovali by hosting kompletně?

[Autor]

Příspěvky