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.

Aktuálně je na stránce zobrazeno 11 příspěvků - 1. až 11. (z celkem 11)
  • Autor
    Příspěvky
  • #31664

    lioness2
    Participant

    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.

    #31665

    lioness2
    Participant

    nevím proč se nepřiložil obrázek (20 kb), zkouším znovu…

    #31701

    lioness2
    Participant

    Nikdo 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:
    #31706

    JKovac
    Participant

    Dobrý den,

    nechce se mi šablona instalovat :).
    Nemáte to opět někde na testu?

    #31713

    lioness2
    Participant

    Dobrý 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…?

    #31718

    JKovac
    Participant

    S 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;
    }
    #31721

    lioness2
    Participant

    Dobrý 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:
    #31723

    JKovac
    Participant

    Promiň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.

    #31724

    lioness2
    Participant

    Jé 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:
    #31733

    JKovac
    Participant

    Tak 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
    }
    #31735

    lioness2
    Participant

    No 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.

Aktuálně je na stránce zobrazeno 11 příspěvků - 1. až 11. (z celkem 11)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti