Úvodní stránka › Fórum podpory WordPressu › Šablony, CSS (zobrazení webu) › Jak upravit design štítků?
Zvolené téma neobsahuje zatím 1žádnou odpověď. Do diskuze (2 účastníci) se naposledy zapojil uživatel lioness2 a poslední změna je stará 7 let, 1 měsíc.
-
AutorPříspěvky
-
11. března 2017 (12:24) #31664
Dobrý den,
chtěla bych se zeptat jakým způsobem bych mohla upravit vzhled štítků v sidebaru?
Nelíbí se mi běžné nastavení (různá velikost písma, viz např. tento web) a ráda bych měla štítky “lépe oddělené” – viz např. obrázek.
Chtěla bych umět nastavit zejména orámování názvu štítků včetně určení vzdálenosti rámečku od písma a zároveň mezery mezi jednotlivými rámečky (štítky) a barvu pozadí štítků…
Snažila jsem se to upravit nějak přes SiteOrigin CSS, ale tam mi to dovolí upravit vždy jen konkrétní štítek ale ne pravidlo pro všechny štítky najednou v sidebaru.
Jedná se o úpravu šablony Hueman (child).
Moc děkuji.11. března 2017 (12:27) #31665nevím proč se nepřiložil obrázek (20 kb), zkouším znovu…
Attachments:
14. března 2017 (10:35) #31701Nikdo neví nebo byl jen můj dotaz přehlédnut? :-( Je to pro mne opravdu důležité, protože štítky se mi v základu šablony zobrazují absolutně nevhodně.. Pokud by nešlo zcela změnit vzhled (orámování, pozadí apod.), pak bych potřebovala alespoň nějak pořešit, aby se mi štítky (slova) nepřekrývaly – viz obrázek…
Děkuji.Attachments:
14. března 2017 (12:14) #31706Dobrý den,
nechce se mi šablona instalovat :).
Nemáte to opět někde na testu?14. března 2017 (14:55) #31713Dobrý den, jste zlatej, že jste se objevil, bohužel to mám pod režimem údržby :-( Jde to upravit přes CSS nebo je nutné zasahovat někam do PHP? Jestli jsem to správně pochopila z naší minulé diskuze, tak já si přes “prozkoumat prvek” mohu zjistit název prvku a pak k němu zadat nějaké vlastnosti do CSS šablony že? Ale co jsem četla nějaká témata na webu, tak tam psali o úpravě v nějakém .php souboru a to by asi nebylo příliš bezpečné…? Já bych to třeba i na chvíli z toho režimu údržby vypnula a poslala vám odkaz na web, ale nechci ho tu zveřejňovat :-( Jak funguje dole tlačítko “poslat jako soukromou odpověď”? Nebo pokud by vám nevadilo mi napsat email na můj pracovní email info@fotoreal.cz, a já bych vám to poslala do emailu…?
15. března 2017 (7:33) #31718S dovolením to vemu odzadu.
“Poslat jako soukromou odpověď” zřejmě vidí pouze @admin
Teď to prosím berte v dobrém:
@admin toto forum vytvořil aby zde lidé našli odpovědi na své problémy s WP. Mnohdy jsem zde našel řešení i já. Pokud by je začali řešit soukromě přes e-mail nemá potom forum smysl.
Dotaz na fóru beru jako nezávaznou službu. Mailem se spíše řeší zakázky (beru to spíše za povinnost odpovědět). I na to tady má @admin prostor.
Nyní k Vašemu problému.
Pokud je zdrojový kód napsán rozumným vývojářem, jde převážně vždy vzhled řešit pomocí CSS. “Hnusně” se to dá nastylovat tak, že se sektorům (třídám) nepřiřadí názvy a nastylují se přímo. Pak Vám nezbude nic jiného, než to upravit přímo v souboru html (php, java) nebo to kompletně předělat.
To naštěstí převážně ve WP nehrozí.Pokud chcete změnit styl všeho co se nachází v sektoru, musíte upravovat styl celého sektoru. Pokud tedy chcete upravovat vzhled všech štítku, hledejte do čeho všechny štítky patří. Tedy tagcloud. A chci upravovat vlastně odkazy tak to upřesním tagcloud a.
Zkusím Vám sem vložit jak se upravují štítky v šabloně Twentysixteen, třeba Vás to navede. Případně to rozebereme dále.
/* Tag Cloud widget */ .tagcloud a { border: 1px solid #d1d1d1; border-radius: 2px; display: inline-block; font-family: Montserrat, "Helvetica Neue", sans-serif; line-height: 1; margin: 0 0.1875em 0.4375em 0; padding: 0.5625em 0.4375em 0.5em; } .tagcloud a:hover, .tagcloud a:focus { border-color: #007acc; color: #007acc; outline: 0; }
15. března 2017 (10:04) #31721Dobrý den,
význam tohoto fóra samozřejmě chápu a vůbec jsem neměla na mysli další komunikaci emailem, jen zaslání odkazu na příslušnou stránku s tím, že odpovídal byste opět zde ;-) Také chápu, že odpovědi zde ve fóru jsou nezávazné a ne vždy musí být 100%. Malinko mě zaráží skutečnost, že i přesto, že v každém emailu po instalaci či aktualizaci WP se nachází doslovný odkaz na toto fórum, který působí, že toto fórum slouží právě k řešení problémů s WP v ČR, zatím jsem zde dostala odpověď na své dotazy jen od vás, od admina nikoliv, ačkoliv na jiné dotazy odpovídal. Ale samozřejmě také naprosto chápu, že časově je těžké to zvládat a je možné, že admin odpovídá zejména na dotazy působící “vážným problémem”.. Nebo to může být také tím, že jsem přikládala obrázky a zatím se mi nikdy nepodařilo založit téma s tím, že se mi obrázek nahraje rovnou a vždy jsem ho musela přikládat do další zprávy, a tím má otázka pak působí jako minimálně jednou “zodpovězená”, pokud se přehlédne kdo naposledy odpovídal ;-) Ale to opravdu nepíši jako výtku.
Každopádně jsem velice vděčná za vás a za vaši ochotu, bez které bych se těžko pohnula dál a také jsem se toho i dost naučila.A nyní k vašemu kódu. Zabral :-) Dokonce se mi po několika marných pokusech podařilo najít i správný název prvku a změnit i vzhled štítků přímo ve widgetu šablony Hueman (záložky zobrazující komentáře a štítky) ;-) Přikládám obrázek, kdy:
– v horní části je jen vložený váš kód (k záložkovému widgetu Hueman), abyste viděl jak naskočil aniž bych ho upravila
– ve spodní části je kód včetně zobrazení běžného WP widgetu štítků, kde jsem si vyzkoušela nějaké změny a upravila odstupy a výplň orámování.
A ráda bych se ještě zeptala:
a) zda by šlo nějak zařídit, aby velikost písma byla ve všech štítkách stejná? (dočetla jsem se na webu právě o nějakém kódu v php, kdy má WP nastaven nějaký standard nejmenší písmo 8 a největší 22 – dle toho v kolika příspěvcích je štítek označen, tak nevím zda to půjde upravit přes CSS), zkoušela jsem tam přidat řádek font-size: 14px; – i jiné velikosti, ale nereaguje – viz obrázek “žlutě”b) je evidentní, že se štítky řadí dle abecedy. Nešlo by to nějak udělat, aby se řadili dle velikosti tak, aby byla vyplněna celá šířka bloku? Respektive pro představu, aby se štítky rovnaly ve stejném duchu jako když u písma zadáte zarovnání “do bloku”?
I kdyby snad nic z toho nešlo, budu i tak o mnoho spokojenější již s tímto výstupem, než to bylo předtím. ;)
Moc děkuji.
PS: váš druhý kód jsem nepřehlédla (zobrazuje štítky po najetí modře), také je velmi užitečný.Attachments:
15. března 2017 (11:46) #31723Promiňte, ale musím se opět zastat @admin :).
Díky jemu a pár lidem jako on máme WP v češtině, plugin České služby pro WordPress a když má člověk opravdu problém s WP, tak se převážně nestane, že by nepomohl. A to vše ZDARMA!
Musíte uznat, že to co tady řešíme nemá s WP nic společného.
Řešíme vlastně CSS, HTML a PHP.Nic méně.
a) De to a jdete na to dobře. Jen musíte té velikosti písma přidat důležitost, aby Vám ji nic nepřepisovalo.
font-size: 14px !important;
b) To by byl docela ořech. Neříkám, že by to nešlo (teď mě úplně nenapadá jak, zřejmě porovnáním počtu písmen). Ale asi to nebude tak jednoduché, protože ani například u Vámi dříve použité šablony MH Magazine lite to neřeší. Snad jednodušší stanovit stejnou šířku bloku.
15. března 2017 (12:28) #31724Jé super! A já měla někde v hlavě něco o tom, že by tam asi mělo být nějaké “zdůraznění” ale nějak jsem si nemohla vzpomenout jak to bylo (kdysi jsem o tom četla). Moc děkuji. Já myslím, že takto to bude absolutně dostačující, případně si s tím, ještě trošku pohraji :-)
Já jsem to vůbec nemyslela ve zlém, jen mě to trošku překvapilo, že jsem zatím od admina nedostala žádnou odpověď – i na jiné dotazy, ale tam to mohlo být i tím, že jste mezitím odpověděl vy ;-) Ano uznávám, toto se netýká přímo WP jako takového, ale ve fóru je téma Šablony a CSS, a jedná se o šablony pro WP, tak bych odpověď čekala :-D
Ještě jednou zdůrazňuji, že nic nebylo proti “adminovi” myšleno negativně, ale i tak jsem ráda, že jste tu vy, protože zrovna mně jste pomohl nejvíce jak to šlo.
A nyní jsem ještě objevila jednu nesrovnalost, není to zcela důležité, mohu nechat štítky jen tak volně.. Nicméně jak jsem upravila štítky i v tom záložkovém widgetu Hueman, tak teprve nyní jsem povyjela na stránce výše a zjistila jsem, že zadáním úpravy volby .alx-tabs-container jsem dosáhla sice úpravy vzhledu štítků v záložce, ale v záložkách typu nejnovější a nejčtenější příspěvky (nejsou na obrázku) jsem si tímto také rozhodila vzhled (orámoval se mi náhledový obrázek, název příspěvku, kategorie i datum a zvětšily se mezery mezi nimi) – tedy jsem pochopila, že tato volba upravuje vzhled všech typů záložek ve widgetu. Zkoušela jsem tedy vložit jinou volbu (název prvku – viz obrázek žlutě) aby se upravily jen štítky v záložce štítků, ale zřejmě chybný, protože nic nereaguje. Přikládám ještě obrázek kódu, kdyby vás napadlo jak na to, ale jak jsem psala výše, toto není pro mne nezbytně nutné, spíš že bych se opět poučila o něco víc :-)
Děkuji.Attachments:
15. března 2017 (16:37) #31733Tak jsem si šablonu nainstaloval.
Styl je zapotřebí stanovit sektoru tab-tags (Ve Vašem případě zřejmě tab-tags-3. Já mám tab-tags-2)
Jen pozor! V tomto případě se nejedná o třídu class, ale o identifikátor id. Před ním se nepíše tečka, ale křížek. Rozdíl mezi nimi je, že třídu můžeme použít několikrát, ale identifikátor pouze jednou. Kód by tedy měl vypadat#tab-tags-3 a { vámi upravené CSS }
15. března 2017 (18:10) #31735No vida, jak málo stačí, změnit tečku za křížek a bylo by.. Njn, ještě se mám hodně co učit. A až mám skoro výčitky, že jste si kvůli tomu opět šablonu instaloval, ikdyž jsem psala, že tohle není zase tak “nutné”… Každopádně děkuji, funguje to.
Ovšem mám teď jinou “komplikaci”, nejsem si jistá, zda úpravu CSS skutečně vkládám na správné místo (ohledně ošetření stability úprav do budoucna). Ale na to jsem již založila nové téma, když byste pak měl chvilku a mrknul na to případně také? ;-) https://www.separatista.net/forum/tema/jak-spravne-vytvorit-sablonu-child-v-child-theme-configurator#post-31728
Děkuji.
-
AutorPříspěvky
Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.