Pixpa's WYSIWYG editor (co vidíte, to dostanete) poskytuje výkonné a intuitivní rozhraní pro přidávání a formátování obsahu stránky, blogy a další sekce vašeho webu. S nejnovější aktualizací byl editor výrazně vylepšen a nabízí nové prvky obsahu, nástroje pro psaní s využitím umělé inteligence, vylepšené možnosti rozvržení a interaktivní ovládací prvky formátování.

Tento průvodce vás provede rozhraní editoru, jak používat jeho funkce a jak optimalizovat obsah pro váš web.

V tomto článku:

• Tlačítko Plus (+)
• Nástroje AI
• Formát – Změnit styl písma
• Tučné / Kurzíva
• Čára – Přidat čáru
• Další možnosti formátování
• SMĚR
• Barva textu
• Seznam – odrážkový / číslovaný
• Odkaz – Přidat odkazy
• Obrázek – Přidat obrázky
• Emoji
• Tabulka – Přidat tabulky
• Vložit obsah
• Kotva
• Zobrazení HTML kódu
• Možnosti specifické pro sekci

---

Přidávání prvků pomocí tlačítka „+“

Jedním z největších vylepšení v novém editoru je Tlačítko „+“, která otevře nabídku s různými prvky obsahu, které lze vložit do textové oblasti.

Prvky dostupné pod tlačítkem „+“:

• Nástroje AI: Využijte pomoc s psaním s využitím umělé inteligence pro generování nápadů na obsah, přepisování textu nebo rychlé vytváření obsahu. Zjistit více.
• Text: Přidejte standardní text odstavce.
• Nadpis: Vložit různé úrovně nadpisů (H1, H2, H3 atd.) pro lepší hierarchii obsahu.
• Obrázek: Nahrávejte a vkládejte obrázky přímo do textu.
  • Obrázky můžete nahrát nebo vložit zadáním URL adresy.
• Seznam úkolů: Vytvořit kontrolní seznamy s interaktivními zaškrtávacími políčky.
• Seznam: přidat odrážky or číslované seznamy pro strukturovaný obsah.
• Vložit: Vložit externí obsah, jako například videa, mapy, zvukové soubory a prvky iframe.
• Stůl: Přidejte tabulky pro strukturovanou reprezentaci dat. V části tabulka naleznete následující další možnosti.
  • Přidat hlavu – Vloží na začátek tabulky řádek záhlaví, který lze použít pro názvy sloupců.
  • Přidat sloupec před – Přidá nový sloupec nalevo od vybraného sloupce.
  • Přidat sloupec za – Přidá nový sloupec napravo od vybraného sloupce.
  • Přidat řádek níže – Vložit nový řádek pod vybraný řádek.
  • Přidat řádek výše – Vložit nový řádek nad vybraný řádek.
  • Odstraňte hlavu – Odebere řádek záhlaví z tabulky.
  • Odebrat sloupec – Smaže vybraný sloupec.
  • Odebrat řádek – Smaže vybraný řádek.
  • Smazat tabulku – Odebere celou tabulku z editoru.
• Citát: Zvýraznit text jako bloková citace pro zdůraznění. Tím se vytvoří zřetelný textový blok se svislou čarou vlevo, která jej vizuálně odděluje od zbytku obsahu a zvýrazňuje citovaný text.
• Úryvek kódu: Vložit a naformátovat HTML, CSS, JavaScript nebo jiné programovací jazyky v rámci obsahu.
• Čára: Přidat horizontální dělič k oddělení obsahových sekcí.

• dispozice: Za použití Nákres možnost uspořádat obsah do horizontálních bloků v několika sekcích. To umožňuje flexibilní strukturování a lepší vizuální hierarchii na vaší webové stránce. Níže jsou uvedeny klíčové funkce:

  • Rozvržení s více sloupci: Vyberte si z jednoho, dvou, tří nebo čtyř sloupců pro uspořádání obsahu různými způsoby.
  • Vlastní dělicí poměryVyberte předdefinované poměry, například 60/40 nebo 40/60, pro ovládání šířky každé sekce.
  • Vnořené blokyPro lepší organizaci můžete vybrat blok a vytvořit v něm více samostatných bloků.
• Obal: Pro lepší organizaci seskupte více prvků dohromady.
• Vložit obsah: Vytvořte obsah založený na nadpisech dokumentů, což usnadní navigaci. Je to užitečné pro blogy, tutoriály a dlouhé články, protože čtenářům umožňuje rychle přecházet na jednotlivé sekce.

Toto modulární přístup usnadňuje to přizpůsobit rozvržení a efektivně přidávat různé prvky obsahu.

---

Nástroje AI

Funkce Nástroje umělé inteligence v textovém editoru Pixpa vám umožňuje vylepšit váš obsah pomocí umělé inteligence. Zde jsou dostupné možnosti:

• Přeformulujte – Upravte vybraný text a zachujte původní význam. To pomůže zlepšit čitelnost nebo přeformulovat věty pro lepší srozumitelnost.
• Zkrátit – Zkrácením vybraného textu jej zjednodušte, aby byl stručnější, a zároveň zachoval klíčové informace.
• Prodloužit – Rozšiřte vybraný text přidáním relevantních podrobností, aby byl výstižnější a informativnější.
• Zjednodušit – Přepište text jednodušším jazykem, aby byl srozumitelnější, a zároveň zachoval původní záměr.
• Správná gramatika – Automaticky kontrolovat a opravovat gramatické chyby ve vybraném textu, čímž se zlepšuje jeho přesnost a čitelnost.
• přeložit – Přeložte vybraný text do jiného jazyka, což vám umožní bez námahy vytvářet vícejazyčný obsah.

Tyto funkce založené na umělé inteligenci pomáhají zefektivnit tvorbu obsahu, takže je rychlejší a efektivnější.

---

Formát – Změna stylu písma

Můžeš použít odlišné typy stylů písma na vašem webu (v daném okamžiku), které by byly specifikovány v Designová sekceToto je běžný designový styl, který se používá na celém webu.

Všechny styly písma jsou specifikovány v designová sekceMůžete také kliknout na Správa písem, což je poslední možnost v rozbalovací nabídce po kliknutí na Text tlačítko. Nyní si můžete prohlédnout a nastavit následující písma a upravit styl písma, velikost, barvu, tloušťku, výšku řádku a rozteč písmen:

• Okruh 1
• Okruh 2
• Okruh 3
• Okruh 4
• Text odstavce (malý a velký)
• Nadpis 1 Extra velký

Zde je snímek obrazovky stylu Nadpis 1. Můžete zde také upravit písma odstavců ostatních nadpisů.

Jakmile v sekci designu zadáte styl písma, můžete jej efektivně používat na celém webu. Stačí vybrat text a použít formátování. Systém automaticky použije barvu, velikost a tloušťku písma daného stylu na vybraný text. To si můžete prohlédnout na webu.

---

Tučné/Kurzíva

• kolík – Zvýrazněný text se po kliknutí na toto tlačítko zvýrazní tučně. V HTML se k tomu používá tag.
• Kurzívní – Zvýrazněný text se po kliknutí na toto tlačítko zobrazí kurzívou. V HTML se k tomu používá

---

Čára – Přidat čáru

Editor umožňuje přidat vodorovnou čáru. Kliknutím na tuto ikonu přidáte čáru tam, kde je umístěn kurzor.

---

Další možnosti formátování

Nabídka Další formátování v textovém editoru Pixpa nabízí další možnosti stylingu textu pro vylepšení vzhledu a struktury vašeho obsahu. Zde je popis funkcí jednotlivých možností:

• Kód – Naformátuje vybraný text jako vložený kód nebo úryvek kódu. To je užitečné pro zobrazení programového nebo technického obsahu.
• Zdůraznit – Přidá k vybranému textu podtržení pro zvýraznění.
• Kotva – Přidá k vybranému textu pojmenovanou kotvu, která vám umožní vytvářet interní odkazy, které vedou přímo do dané sekce na stejné stránce. Užitečné pro vytváření obsahu nebo navigace na stránce.
• Nadpis – Zobrazí vybraný text mírně nad normální účaří textu (např. X²). Běžně se používá pro matematické výrazy a poznámky pod čarou.
• Index – Zobrazí vybraný text mírně pod běžnou základní čárou textu (např. H₂O). Užitečné pro chemické vzorce a další speciální zápisy.
• Zdůraznit – Zvýrazní vybraný text barvou pozadí, aby upoutal pozornost na důležitý obsah.
• Vypouští – Přeškrtne vybraný text, aby označil odstranění nebo opravy.
• Vymazat všechny styly – Odstraní veškeré použité formátování z vybraného textu a obnoví jeho výchozí styl.

---

SMĚR

Text můžete zarovnat vlevo, vpravo, na střed a do bloku. Vyberte text a z rozbalovací nabídky vyberte zarovnání.

---

Barva textu

Ve výchozím nastavení systém použije barvu písma zadanou v designová sekceGlobální barvu však můžete pomocí tohoto nástroje přepsat. Vyberte text a klikněte na ikonu barvy. Zobrazí se standardní paleta barev, ze které si můžete vybrat.

Kromě toho zde můžete také zadat barvu pozadí pro vybraný text.

Poznámka: Můžete zadat jakoukoli jinou vlastní barvu, která není k dispozici v paletě barev z Nastavit barvu možnost zadáním Hexadecimální kód barvy.

---

Seznam

Text můžete snadno převést do seznamů s odsazením a uspořádat je.

• Seznam s odrážkami – Zvýrazněný text bude formátován jako seznam s odrážkami. V HTML to používá sadu a značky.
• Číslovaný seznam – Zvýrazněný text bude formátován jako číslovaný seznam. V HTML to používá sadu a značky.

---

Odkaz – Přidejte odkaz do textu

Editor umožňuje vložit odkaz na libovolný text. Můžete propojit stávající webové stránky nebo jakékoli jiné webové stránky/blogy/PDF soubory atd.

Označením textu a kliknutím na toto tlačítko se otevře malé modální okno, kde můžete zadat cílovou URL adresu, zvolit, zda se má otevřít v novém okně, nebo zvolit odkaz na jinou stránku na vašem webu. V HTML se používá tag Link Text.

---

Obrázek – Přidat obrázek

Obrázky můžete do svého obsahu snadno přidat pomocí možnosti Přidat obrázek v textovém editoru Pixpa. Ať už chcete obrázky nahrát ze svého zařízení nebo je vložit pomocí URL adresy, tato funkce nabízí bezproblémový způsob, jak vylepšit své příspěvky vizuálními prvky.

• Vložit obrázek přes URL – Můžete vložit URL adresu obrázku a kliknutím na tlačítko Vložit jej přidat přímo na stránku.
• Nahrát obrázek ze zařízení – Obrázek můžete přetáhnout do určeného pole pro nahrání nebo kliknout do pole a vybrat obrázek ze svého zařízení.

---

Emoji

Možnost Emoji v textovém editoru Pixpa vám umožňuje vylepšit váš obsah pomocí různých emoji. Emoji lze použít k tomu, aby byl váš obsah výraznější, aby se na něm něco zdůraznilo, nebo aby zábavným a kreativním způsobem vyjádřily emoce.

---

Tabulka

Možnost Tabulka umožňuje vkládat tabulky přímo do textového editoru. Po přidání můžete přizpůsobit strukturu a obsah tabulky pomocí několika možností formátování.

Možnosti úpravy tabulky:

• Přidat hlavu – Přidá na začátek tabulky řádek záhlaví pro zvýraznění názvů sloupců.
• Přidat sloupec před – Vloží nový sloupec nalevo od vybraného sloupce.
• Přidat sloupec za – Vloží nový sloupec napravo od vybraného sloupce.
• Přidat řádek níže – Vloží nový řádek pod vybraný řádek.
• Přidat řádek výše – Vloží nový řádek nad vybraný řádek.
• Odstraňte hlavu – Odebere záhlaví tabulky, pokud je přidáno.
• Odebrat sloupec – Odstraní vybraný sloupec z tabulky.
• Odebrat řádek – Odstraní vybraný řádek z tabulky.
• Odstranit tabulku – Úplně odstraní tabulku z editoru.

---

Vložit obsah

Vytvořte obsah založený na nadpisech dokumentů, což usnadní navigaci. Je to užitečné pro blogy, tutoriály a dlouhé články, protože čtenářům umožňuje rychle přecházet na jednotlivé sekce.

---

Kotva

Jedno Nástroj pro kotvení umožňuje přidat jedinečné HTML ID do sekce nebo odstavce vašeho příspěvku. To je užitečné pro vytváření interních odkazů na stránky (skokových odkazů), které návštěvníkům umožňují kliknout na odkaz a být přesměrováni přímo na konkrétní část stránky.

Jak to použít:

1. Klikněte kamkoli v odstavci nebo části, kterou chcete ukotvit.
2. Na panelu nástrojů klikněte na Ikona kotvy.
3. Objeví se vyskakovací okno s názvem "Kotva".
4. v „Přidat nebo změnit ID“ zadejte jedinečné ID (např. paragraph-2).
5. klikněte Uložit.

Důležité poznámky:

• ID by mělo být malými písmeny, obsahovat žádné mezery, a použití pomlčky V případě potřeby.
• Jakmile je nastavena, můžete na tuto kotvu odkazovat pomocí #your-id na konci vaší URL adresy.
  • Příklad: https://yourwebsite.com/page#paragraph-2

Tato funkce je skvělá pro dlouhé příspěvky nebo články s obsahem, což čtenářům umožňuje rychle se pohybovat mezi konkrétními sekcemi.

---

Zobrazení HTML kódu

Okno editoru může fungovat jako vizuální editor (WYSIWYG) nebo jako editor HTML.

Do HTML editoru se však můžete přepnout kliknutím na něj. Pokud víte, jak na to, můžete v zobrazení kódu cokoli změnit, nebo se můžete obrátit na tým podpory Pixpy, pokud potřebujete s něčím pomoct.

---

Možnosti specifické pro sekci

Každá sekce přidaná do textového editoru nabízí další možnosti přizpůsobení, které vám umožňují upravit její vzhled a funkčnost. K těmto nastavením se dostanete kliknutím na dvě vodorovné čáry vedle sekce, čímž se otevře rozbalovací nabídka s různými ovládacími prvky.

• přidat – Vložte nový blok obsahu pod aktuální blok pro rychlé přidání dalšího textu, obrázků nebo dalších prvků.
• Formát – Umožňuje přepínat mezi různými styly textových bloků, jako je odstavec, nadpis nebo citace.

• Kotva – Přidá k bloku ID kotvy, abyste mohli vytvářet odkazy na stránce, které vedou přímo do této sekce.
• Nahoru / Dolů – Změňte uspořádání sekce v obsahu jejím posunutím nahoru nebo dolů.
• Barva – Změňte barvu textu pro vybraný blok.
• Barva pozadí – Pro zvýraznění nebo kontrast nastavte barvu pozadí za textem v bloku.
• Hranice – Přidejte nebo upravte ohraničení kolem sekce pro efektivnější strukturování obsahu.

• Vzdálenost – Upravuje odsazení kolem bloku, včetně horního, dolního a bočního okraje, což umožňuje přesněji ovládat rozestupy a rozvržení.

• Duplikát – Naklonujte sekci, abyste zachovali konzistenci formátování a struktury v různých částech obsahu.
• Vymazat – Pokud již danou část nepotřebujete, zcela ji odstraňte.

Tato nastavení vám umožňují plně ovládat strukturu obsahu a zajistit tak dobře organizované a vizuálně atraktivní rozvržení.

---

Závěr

Jedno WYSIWYG editor Pixpa přináší a moderní, funkčně bohatý a intuitivní úpravy obsahu. Díky vylepšenému prvky obsahu, nástroje umělé inteligence, vkládání médií a strukturované formátování, tvorba poutavých stránek a blogových příspěvků je nyní efektivnější než kdy dříve.

Využitím těchto funkcí můžete vylepšete svůj obsah, zlepšit zapojení uživatele, a vytvořte bezproblémový zážitek z webu.