pozdravujem. V tomto návode vás chcem naučiť, ako zmeniť dizajn úvodzoviek vo wordpresse. Na začiatok si povedzme, aké citácie sú v texte.
Koncept ponuky vo wordpresse
Na zvýraznenie niektorých dôležitých kúskov textu v článku má WordPress takú skvelú vec, ako sú citáty (nie tie, o ktorých sme analyzovali). Na paneli nástrojov vyzerá toto tlačidlo takto.
Každý to vie používať – ľavým tlačidlom myši zakrúžkujeme text, ktorý chceme zvýrazniť, a stlačíme toto tlačidlo. V skutočnosti teraz vidíte tento text v dizajne úvodzoviek.
Všetky šablóny sú odlišné, a preto je odlišný aj dizajn úvodzoviek. V niektorých prípadoch to nie je vôbec krásne a čo chcete zmeniť. Potom sa naučím, ako to opraviť.
Začíname pracovať.
Upozorňujem vás, že budeme pracovať s jazykom ako CSS. Hlavná vec je pochopiť celý princíp toho, čo sa deje, a potom to nebude ťažké.
Nájdeme súbor a požadovaný štýl.
V aktívnej téme musíte nájsť súbor style.css. Aby sme to urobili, prejdeme na vzhľad a potom v editore nájdeme style.css. Ďalším krokom je nájsť štýl pre bloková citácia. Pozeráme sa na postupnosť všetkých akcií na obrázku.
Cesta k samotnému súboru style.css
Vyhľadávací dopyt. Vyhľadávanie sa otvorí stlačením CNTRL + F a potom prilepte dotaz.
Nájdené riadky kódu, sú potrebné.
Meníme dizajn.
Musíte pochopiť, čo presne chcete vidieť. Radím nevymýšľať si žiadne obrázky a podobne. Maximum, čo sa dá urobiť
Zmena pozadia.
Veľkosť a dizajn písma.
Rám (plný, prerušovaný, bodky) môže byť na jednej strane alebo na oboch.
Žiadne obrázky a podobne, inak bude, nepotrebujete zbytočné problémy. Ponúkam Vám štandardný set.
Blockquote( farba pozadia: #f6f6f6; ľavý okraj: 4px plné #1F37FF; tieňový rámček: 1px 2px 2px 2px rgba(0,0,0,.4); okraj: 10px 10px 20px 10px; písmo: 20px georgia, Helvetica,sans-serif; štýl písma: kurzíva; farba: #000000; tieň textu: 2px 2px 2px #FFFFFF; )
Poďme analyzovať tento kód riadok po riadku.
Štýl pre úvodzovky s otváracou zátvorkou.
Farba pozadia.
Mŕtvica som urobila len vľavo, ak chcete, môžete to urobiť zo všetkých strán, alebo z dvoch.
Blokový tieň.
Zarážky, aby sa celý blok nelepil na text článku.
Veľkosť písma a jeho vlastníctvo.
Štýl písma, urobil som kurzívu.
Farba písma.
Textový tieň.
Štýl zatváracej ortézy.
Jazyk CSS je veľmi jednoduchý a intuitívny, dokážete čítať riadky a všetkému rozumieť aj sami. Môžete pridávať, naopak odoberať, ale opakujem, nevkladať obrázky, pretože ide o prispôsobenie. Ak máte vedomosti, prihláste sa alebo sa opýtajte v komentároch.
Druhý spôsob je pomocou pluginu na formátovanie citátov na blogu WordPress
Zo všetkého množstva sa mi páčil jeden, tento WP-NOTE je jednoduchý a nie ťažký. Inštaluje sa z administračného panela vyhľadaním pluginov.
Teraz sa naučíme, ako ho používať.
Má 5 možností dizajnu pre rôzne situácie. Najprv vám poviem, ako to napísať. Pri písaní článku treba text, ktorý bude zvýraznený, uzavrieť do špeciálnych tagov, ukážem to na príklade [ poznámka ], viď screenshot.
Je jasné, že zobrazujem všetky značky a ich prepisy.
Použitie pre zdravie. Tento plugin nepoužívam, blockquote mi odpovie na všetko a je to pekný a ľahký plugin.
Na vytváranie úvodzoviek v HTML sa používajú dva prvky: blokový prvok <Ыockquote>
a vložený prvok . Tag <Ыockquote>
používa sa na zobrazenie dlhých úvodzoviek, ktoré zaberajú celý odsek a zobrazujú ho odsadené od ľavého a pravého okraja. Táto značka vám umožňuje umiestniť text kompaktne do stredu stránky. Môže obsahovať ďalšie prvky formátovania textu.
Prvok používa sa pre krátke úvodzovky, ktoré sú súčasťou aktuálneho odseku. Vo všeobecnosti prehliadače zabaľujú obsah prvku v úvodzovkách. Normálne cenová ponuka neobsahuje zalomenia riadkov a cenová ponuka sa považuje za prvok na úrovni textu.
Oba prvky môžu mať atribút CITE, ktorej hodnota je adresa URL citovaného fragmentu.
Príklad: dlhé a krátke úvodzovky
Skúste to sami"
možno ľahko určiť pomocou zvislej olovnice.
Ako povedal A. A. Milne, niektorí ľudia sa rozprávajú so zvieratami.
Zenit je pre pozorovateľa najvyšším bodom na oblohe. vo vertikálnom smere, ktorý, ako je známe, možno ľahko určiť pomocou zvislej olovnice.
Ako povedal A. A. Milne, niektorí ľudia sa rozprávajú so zvieratami.
Tag
Skratka je skratka písomne prevzatých slov alebo slovo zložené z viacerých častí iných slov (univerzita, výskumný ústav, výkonný výbor a pod.). Pri použití akejkoľvek skratky alebo skratky v texte použite značku . Pomocou atribútu „title“ môžete nastaviť popis s dekódovaním skratky. Vyhľadávacie roboty zároveň indexujú presne plnú verziu prepisu definovanú v atribúte „title“. Aby sa skratky odlíšili od bežného textu, sú podčiarknuté bodkovanou čiarou.
Príklad: Skratka
Skúste to sami"
NASA robí neuveriteľné vesmírne experimenty.
Napr. Stephen Hawking je teoretický fyzik a kozmológ.
NАSА!} hostí niekoľko neuveriteľných vesmírne experimenty.
Napr. Stephen Hawking je teoretický fyzik a kozmológ.
Tag
Tag používa sa na uvedenie kontaktných informácií, adries a telefónnych čísel. Môže obsahovať poštovú adresu, ako aj e-mailovú adresu alebo telefónne číslo. Väčšina prehliadačov zobrazuje obsah prvku kurzíva.
Príklad: Adresa
Skúste to sami"
HTML návod Belyi Maksim Maksimovič Severozápadný technologický inštitút Štátna univerzita technológie a dizajnu v Teplogorsku [chránený e-mailom]
značky a
Tag používa sa pri odkazovaní na nejaký primárny zdroj, ako je kniha, webová stránka alebo akademická práca, na označenie odkazovaného zdroja. Často sa používa v bibliografii pri pripisovaní autorských práv alebo pri uvádzaní mena vlastníka zdroja. Prehliadače zobrazujú obsah prvku kurzíva.
Tag používa sa na označenie definície nejakého nového pojmu. Vysvetlenie nového pojmu (vedecký pojem alebo úzkoprofilový názov) v texte sa nazýva „definícia“. Prvok možno použiť, ak sa nový pojem vyskytuje v texte po prvýkrát a hneď je uvedená jeho definícia. Prehliadač zobrazuje takýto text kurzívou.
Príklad: Zdroje a definície
Skúste to sami"
Sledovanie Červeného draka Stephena Hopkinsa.
Hybnosť telesa je vektorová veličina, smer jej vektora je rovnaký so smerom rýchlosti
Len za prvý mesiac sa predalo viac ako desaťtisíc lístkov pozerať film červený drak Stephen Hopkins.
hybnosť tela je vektorová veličina, smer jej vektora je rovnaký so smerom rýchlosti
Tag
Tag ovláda smer zobrazeného textu. Má požadovaný atribút dir, ktorý nadobúda hodnoty ltr (zľava doprava) a rtl (sprava doľava).
Príklad: Smer textu
Skúste to sami"
Ak váš prehliadač podporuje obojsmerný algoritmus (bdo), ďalší riadok bude napísaný sprava doľava (rtl)
Tento text je písaný sprava doľava.
Úlohy
Záverečná úloha
V tejto lekcii ste sa zoznámili s niektorými logickejšími prvkami formátovania, ktoré neurčujú vzhľad textu, ale jeho typ av závislosti od toho, ktorý prehliadač používa jeden alebo iný typ externého formátovania. Všetky vyššie diskutované prvky sú kontajnery a vyžadujú uzatváraciu značku. Niektoré z týchto prvkov nemusia vôbec zmeniť vzhľad textu, preto sme sa zamerali skôr na to, ako definujú význam textu, než ako ho formátujú.
Je čas zopakovať si, čo ste sa naučili, a dokončiť štyri jednoduché úlohy:
Krátky citát
Rozhodnite sa sami »
Pomocou logickej hodnoty HTML pridajte úvodzovky okolo slova: „Teória“.
Krátky citát
Teória predpovedá nové javy a nové zákony.
Krátky citát
teória predpovedá nové javy a nové zákony.
dlhý citát
Rozhodnite sa sami »
Vložte nasledujúci text do prvku, ktorý z neho urobí ľavú odsadenú úvodzovku. Zadajte adresu URL zdroja, z ktorého pochádza tento citát: „http://www.world.org“.
dlhý citát
Charakteristickou pre rýchlosť a smer pohybu je fyzikálna veličina – rýchlosť.
Definícia prvku bola zmenená
a . Článok vysvetľuje, čo to znamená pre vývojárov.
Zmeny definície
Prvok
predstavuje obsah, ktorý je citátom z iného zdroja, prípadne, vrátane zmienky o tomto zdroji, ktorý by mala byť umiestnené vo vnútri prvkov