WordPress a AI: jak opravit jazyk a směr textu ve vloženém fragmentu HTML

Zjistěte, která část stránky mění jazyk

Na francouzskou stránku o smyšleném workshopu přibude pasáž v arabštině. Věta říká, že workshop začíná v 10:30. Když ji vložíte do bloku Vlastní HTML, na obrazovce se zobrazí arabské znaky. Pasáž však nemá vlastní označení jazyka a přebírá směr textu ze stránky. V jiné verzi návrhu je uvedeno lang="ar", ale dir="ltr" stále vynucuje směr zleva doprava. Každý z těchto stavů vyžaduje jinou opravu.

Nejprve si přečtěte text kolem pasáže. Nadpis, úvod, nabídka i následující pokyny jsou ve francouzštině. Jazyk celého dokumentu určuje prvek html, který generuje WordPress a jeho šablona. Francouzštinu ponechte jako výchozí jazyk dokumentu. U přidané pasáže označte skutečný jazyk věty a směr odpovídající jejímu písmu. Jazyk popisuje obsah textu. Základní směr určuje, jak prohlížeč v daném kontextu uspořádá písmena, číslice a interpunkci.

Před úpravou bloku si zapište očekávaný výsledek. Stránka zůstane ve francouzštině a se směrem zleva doprava. Věta má být rozpoznatelná jako arabská a má být v pasáži se základním směrem zprava doleva. Dvě sousední francouzské věty se mají chovat jako předtím. Po uložení zkontrolujte také hodnotu 10:30. Oprava se týká atributů a jejich rozsahu. Znění věty a výchozí jazyk webu zachovejte.

Při hledání příčiny vycházejte ze stránky, kterou opravdu dostává návštěvník. Nabídky administrace mohou být nastavené podle jazyka vašeho účtu. Z jejich názvů se proto nedá určit jazyk příspěvku. Porovnejte jazyk nadpisu, úvodu a citátu s deklarací ve zobrazeném dokumentu. Jestliže je deklarace chybná už pro nadpis a úvod, zapište to jako problém celé stránky. Díky tomu budete při této zkoušce moci upravit citát samostatně.

Před uložením vloženého obsahu zachovejte výchozí stav

Pracujte na kopii příspěvku nebo stránky. Napište francouzskou úvodní větu, citát o čase konání a další francouzskou větu za ním. Věty okolo bloku budou sloužit ke srovnání. Ve výchozí verzi je citát také ve francouzštině. Uložte revizi nebo přesný obsah bloku a otevřete kopii tak, jak ji uvidí návštěvník. Zapište text všech tří částí a jazyk uvedený na kořenovém prvku. Jestliže stránka už deklaruje nesprávný jazyk, zaznamenejte tento problém zvlášť. Nastavení ostatních stránek vyžaduje samostatnou kontrolu.

Pro napodobení návrhu bez použití služby nahraďte francouzský citát ukázkovou arabskou větou v bloku Vlastní HTML. Zachovejte první verzi, ve které citát nemá uvedený jazyk ani směr. Připravte druhou verzi, ve které má citát lang="ar" a dir="ltr". V obou verzích použijte stejný arabský text. Pozorované rozdíly pak můžete připsat atributům, protože slova ani číslo se nemění.

Pracujete-li se skutečným návrhem, zkontrolujte text a značky ještě před vložením. Fragment obsahu patří do hlavní části stránky. Pokud návrh obsahuje obálku celého dokumentu s prvky html, head nebo body, ponechte pouze potřebný fragment. Při překladu celé stránky závisí hlavní jazyk na výsledné stránce a jejím nastavení. V tomto postupu mění jazyk jediný citát. Deklaraci proto omezte na něj.

Jednotlivé verze veďte v poznámkách odděleně. Výchozí blok umožňuje rychlý návrat, pokud chyba při vložení zasáhne další pasáž. Poznamenejte si první slova francouzských vět před citátem i za ním, abyste po uložení našli stejné místo. V kopii můžete také zachovat označení pro potřeby testu. Je-li citátů více, zaznamenejte přesnou polohu toho, který chcete zkontrolovat, i když není v dokumentu první.

Do poznámek přidejte adresu kopie a čas posledního uložení. U každé ze tří částí rozlište vlastní atribut a hodnotu převzatou z nadřazeného prvku. Zapište také přesné očekávané znění obou vět kolem citátu. Pokud máte otevřený starší náhled, zavřete jej před porovnáním. Když pokaždé otevřete stejnou adresu a hledáte stejný úsek, snáze poznáte, jestli rozdíl vznikl při uložení, nebo jste si jen prohlíželi jinou verzi příspěvku.

Rozlište zděděný jazyk a zděděný směr

V DOM se jazyk deklarovaný na prvku vztahuje také na jeho potomky, kteří nemají vlastní deklaraci. Citát bez lang proto může zdědit francouzštinu ze stránky, i když obsahuje arabské znaky. Prohlížeč je může zobrazit bez ohledu na deklarovaný jazyk. Při kontrole prvního stavu zjistíte, že výsledným jazykem citátu je francouzština, protože nejbližší deklarace je na úrovni stránky.

Pro označení arabštiny v tomto cvičení stačí lang="ar". Základní směr se nastavuje samostatně. Ve druhém stavu prohlížeč rozpozná citát jako arabský a text přesto dál vede zleva doprava, protože citát stále obsahuje dir="ltr". Samostatný zápis obou hodnot pomůže vysvětlit, proč může první oprava vypadat hotová, i když směr zůstává chybný.

Směr ovlivňuje uspořádání textu. Věta vedená zprava doleva může obsahovat číslice, čas nebo jméno zapsané jiným písmem. Nepřevracejte ručně pořadí znaků ani neposouvejte interpunkci ve snaze vyrovnat chybnou deklaraci na obalovém prvku. Nejdřív opravte základní směr pasáže a pak si přečtěte větu i čas na obrazovce. Zarovnání doprava určuje polohu textu na řádku. Směr čtení má vlastní nastavení.

Vyberte prvek, který pokrývá přesně danou pasáž. Je-li celý citát v arabštině, použijte prvek, který jej obaluje. U několika slov uvnitř francouzské věty označte jen odpovídající úsek. Samostatné vlastní jméno nebo výraz už běžný v jazyce textu nemusí potřebovat zvláštní deklaraci. Pokud si jazykem nebo směrem nejste jistí, nechte text před výběrem atributů zkontrolovat. Deklarace má přesně popisovat to, co čtenář dostane.

V nástrojích prohlížeče začněte u odstavce, který obsahuje samotná slova, a postupujte po nadřazených prvcích, dokud nenajdete první deklaraci jazyka. Poznamenejte si, na kterém prvku leží. Totéž udělejte u sousední věty. Obě části mohou převzít jazyk ze stránky, nebo se mohou lišit kvůli atributu blíže k jednomu z nich. Tím ověříte, zda nalezená deklarace opravdu platí právě pro slova, která kontrolujete.

Opravte fragment v bloku, který ho generuje

Na kopii otevřete blok Vlastní HTML a najděte citát. Na prvku, který jej obaluje, přidejte nebo opravte lang="ar" a dir="rtl". Obě francouzské věty ponechte mimo tento prvek. V ukázce níže věta říká, že workshop začíná v 10:30. Atributy popisují celý citát a vztahují se i na odstavec uvnitř něj.

Opravu omezte na atributy jazyka a směru. Před uložením si text přečtěte, aby se při dalším vložení nezměnil čas. Pokud návrh používal pravidlo CSS pro směr nebo zarovnání, zkontrolujte jeho rozsah. Základní směr vychází ze značek HTML. V závislosti na šabloně může pravidlo vzhledu přesto způsobit jiný vypočtený směr. V takovém případě zjistěte, které pravidlo se na pasáž vztahuje.

Pokud blok pochází ze šablony nebo opakovaně používaného vzoru, zjistěte, kde je text uložen. Změna sdíleného zdroje může zasáhnout více stránek. V tomto postupu použijete lokální blok v jednom příspěvku, aby byl rozsah omezený. Pokud potřebujete upravit sdílený prvek, najděte na kopii webu další místo, kde se používá stejný zdroj. Můžete tak potvrdit, že se stránky bez citátu dál chovají stejně jako dřív.

Nejprve uložte jedinou změnu na kopii a znovu otevřete tentýž blok. Uchovejte malý výřez uloženého kódu, abyste jej později mohli porovnat s kódem vykreslené stránky. Pokud pracujete se sdíleným vzorem, uložte si ještě před zásahem adresu druhého výskytu. Po změně zkontrolujte oba. Správný citát na první stránce sám neukáže, jestli se změnila druhá. Když nedokážete určit místa používající stejný zdroj, přerušte pokus se sdíleným prvkem.

<blockquote lang="ar" dir="rtl">
  <p>تبدأ الورشة عند الساعة 10:30.</p>
</blockquote>

Po uložení zkontrolujte DOM stránky

Uložte kopii, zavřete předchozí náhled a znovu otevřete adresu příspěvku. Prohlédněte citát v panelu **Prvky** vývojářských nástrojů prohlížeče. Nejprve zkontrolujte, zda prvek html stále deklaruje francouzštinu. Potom ověřte, že atributy patří citátu v dokumentu, který prohlížeč skutečně zobrazuje. Mají platit pro arabský odstavec a jejich rozsah má skončit před další větou. Deklarace na špatné úrovni může opravit citát a zároveň změnit chování jiného bloku.

Porovnejte kód bloku s DOM. Pokud byl ve vloženém kódu atribut lang nebo dir a v DOM chybí, znovu otevřete blok a zkontrolujte, co se uložilo. Jestliže atribut chybí už v uloženém bloku, rozdíl vznikl mezi vložením a uložením. Pokud v bloku zůstal, prověřte součást, která stránku generuje, a to, jak prohlížeč zpracoval HTML. V obou případech odchylku zaznamenejte dřív, než upravíte nastavení celého webu nebo oprávnění svého účtu.

Ve vypočtených stylech citátu vyhledejte vlastnost direction. U opraveného fragmentu má hodnotu rtl. U následující francouzské věty zůstává ltr. Pokud je v DOM dir="rtl", ale vypočtený směr je stále ltr, hledejte pravidlo vztahující se na tento prvek nebo některého z jeho potomků. U každého odstavce také zapište nejbližší deklaraci jazyka. Panel stylů ukazuje, co prohlížeč použije při zobrazení. Deklarovaný jazyk určete samostatnou kontrolou atributů.

Přečtěte si arabskou větu a číslo v jejich kontextu. Test porovnává text v DOM s výchozím textem včetně 10:30. Porovnání pomáhá odhalit změnu obsahu při vložení. K ověření viditelné polohy jednotlivých znaků je nutná další kontrola. Pokud pasáž obsahuje více druhů písma, podívejte se na ni s běžnými styly webu a nechte ji zkontrolovat někým, kdo jazyk zná.

V prohlížeči vyberte přímo odstavec uvnitř citátu a zjistěte, která pravidla se na něj vztahují. Liší-li se vypočtený směr od deklarovaného, poznamenejte si pravidlo i prvek, na němž se uplatnilo. Dočasné vypnutí pravidla v panelu stylů může pomoci zjistit příčinu v otevřené kartě. Po novém načtení se tato změna ztratí. Výsledek poznamenejte a případnou opravu pak ověřte znovu po skutečném uložení ve WordPressu.

Vyhodnoťte výsledky a zapište omezení testu

V ukázkové instalaci WordPressu si kořenový prvek zachoval lang="fr-FR" i vypočtený směr zleva doprava ve všech pěti stavech. V první vložené verzi bez atributů citát zdědil francouzštinu. Ve druhé verzi Chrome rozpoznal lang="ar", ale směr zůstal zleva doprava. Po opravě měl citát očekávané hodnoty a odstavec je zdědil. Obě francouzské věty si zachovaly jazyk, směr i znění.

Varianty se uložily do bloku Vlastní HTML pomocí funkcí jádra WordPressu a poté se prohlédly v DOM načtené stránky. Postup ověřuje, že atributy a text zůstaly zachovány při uložení a zobrazení v tomto prostředí. Napodobuje možné stavy po vložení. Skutečné vložení ze schránky ve vizuálním editoru může dopadnout jinak. Při testu byly zablokovány styly šablony a skripty stránky, aby bylo možné sledovat vliv samotných atributů.

Čtečky obrazovky nebyly součástí testu. Atribut lang="ar" poskytuje informaci o jazyku, kterou mohou využít asistivní technologie. Přepnutí hlasu, výslovnost a přečtení času vyžadují samostatnou zkoušku. Pokud toto chování potřebujete ověřit, přidejte test se čtečkou a hlasem, které používá váš tým. Zapište, co bylo přečteno, odděleně od kontroly DOM.

Obnovte výchozí stav a uchovejte postup kontroly

Chcete-li změnu na kopii vrátit, obnovte revizi s výchozím fragmentem. Pokud se mezitím upravily jiné části, vraťte jen citát a atributy zaznamenané na začátku. Příspěvek znovu otevřete v prohlížeči. Zkontrolujte kořenový prvek, citát a obě kontrolní věty. Obnovení může být neúplné, když se text vrátí do původní podoby, ale na obalovém prvku zůstane přidaný atribut.

V testu revize přesně obnovila uložený obsah i zobrazený fragment. Citát byl opět ve francouzštině a okolní prvky se chovaly jako dřív. Výsledek by byl jiný, kdyby váš výchozí stav už obsahoval správně označenou pasáž v arabštině. V takovém případě vraťte její text i původní atributy. Vycházejte z verze, kterou jste uchovali pro danou stránku.

Při předání ke kontrole uveďte adresu kopie, dotčenou pasáž a očekávané hodnoty. Přidejte zjištěné atributy a vypočtený směr ve všech třech částech. Zachovejte návrh v podobě, v jaké jste ho testovali, i opravenou verzi. Kdo bude práci kontrolovat, může ověřit, že se čas nezměnil, citát má správnou deklaraci a zbytek stránky si zachoval zamýšlený jazyk a směr.

Před obnovením celé revize si prohlédněte rozdíly také v sousedních odstavcích. Pokud někdo od vaší zkoušky upravil jiný text, ponechte pozdější změnu a z výchozí kopie obnovte pouze dotčený fragment. Jestliže byl atribut nastavený ve sdíleném vzoru, rozlište návrat obsahu příspěvku od návratu samotného vzoru. Po uložení otevřete správnou stránku a porovnejte výsledek u citátu i u částí, které měly zůstat v novější podobě.

Přizpůsobte kontrolu výrazu uvnitř věty

Pasáž může tvořit jen anglický výraz uprostřed francouzského odstavce. V takovém případě mají oba texty stejný směr. Označte výraz odpovídajícím jazykem a přečtěte si slova před ním i za ním. Pokud celá francouzská věta přebírá angličtinu, atribut je umístěný příliš vysoko v dokumentu. Okolní slova zkontrolujte i tehdy, když se viditelný směr řádku nemění.

Je-li celá pasáž odstavcem v písmu vedeném zprava doleva, nastavte směr na odstavci nebo na jeho vlastním obalovém prvku. O tom, ke které straně se text zarovná, může dál rozhodovat šablona. Před změnou zarovnání zkontrolujte deklarovaný a vypočtený směr. Pokud čtenář potřebuje rozpoznat čas nebo označení, nechte ověřit výsledné zobrazení a samotné číslo zaznamenejte.

V obou případech po uložení otevřete blok a zjistěte, kde přesně je atribut uvedený. Pokud návrh přidává více pasáží, vyberte mezi dvěma z nich francouzský kontrolní text. Tak odhalíte příliš rozsáhlý prvek, který své atributy předává všemu následujícímu. Začněte jedinou oddělenou opravou. Rozšiřte ji na další pasáže až po ověření jejich jazyka, směru a polohy v DOM.

Je-li na rozhraní jazyků číslo nebo interpunkce, najděte slovo bezprostředně před úsekem a první slovo za ním. V DOM zkontrolujte, do kterého prvku každé patří. Pak přečtěte celý řádek, protože přijatelný vzhled může zakrývat příliš široký rozsah atributu. Pokud hodnoty u sousedních slov odpovídají výchozímu stavu, pokračujte k dalšímu úseku. Pokud se změnily, zkontrolujte hranice prvku ještě před přenesením stejné opravy na další místa.