Editor

Upravte celý web v editoru bloků pro WordPress

Žádný vlastní tvůrce stránek a žádné shortcody. Canvas umisťuje hlavičku, hero, titulek stránky, obsah a patičku do plátna editoru a ke každému bloku, včetně základních bloků, přidává nastavení, které skutečný návrh potřebuje.

Aktualizováno

Úpravy uzamčené předlohou

Stránka se otevře tak, jak vypadá na webu

Canvas nastaví blokový editor tak, aby vykreslil celou šablonu. Hlavička a hero, pruh s titulkem stránky, váš obsah a patička: vše se zobrazí v plátně, vykreslené stejným kódem, který vykresluje i přední stranu webu.

Editor bloků WordPressu zobrazující stránku Canvas s hlavičkou, hero sekcí a patičkou vykreslenými v plátně

Co upravíte, to dostanou návštěvníci

Většina šablon předá editoru bílou plochu a design nechá pro frontend. Šablona Canvas vykreslí předlohu kolem vašeho obsahu, takže píšete uvnitř stránky, nikoli vedle ní.

  • Jeden renderer pro editor i frontend
  • Předloha je viditelná, ale na stránce ji nelze upravit, takže omylem nerozbijete rámec stránky
  • Hero, slider a titulek stránky přiřazené k této stránce jsou připraveny ještě před publikací.
  • Šířky a mezery pocházejí ze skutečné předlohy, takže sekce na celou šířku vypadá opravdu na celou šířku
Jak se prvky rozhraní dostanou na místo
Editor webu

Šablony a styly tam, kde je WordPress ukládá

Canvas je postaven na předlohách bloků WordPress. Předlohy jsou předlohy bloků, části jsou části předloh a barvy a typografie pocházejí ze souboru theme.json, takže na webu není nic skryto v žádném z našich nastavovacích panelů.

173 předloh a 4 varianty stylu

Rozvržení jednotlivých záznamů pro příspěvky, položky portfolia, události, produkty a každý další typ obsahu, který dema přinášejí, a rozvržení stránek pro landing, splash, flush a full-bleed stránky.

  • 173 předloh bloků, které lze upravit v Editoru webu
  • 5 částí předlohy pro hlavičku, patičku, titulek stránky a postranní lišty
  • 4 varianty stylu, včetně tmavé a půlnoční
  • Barvy a typografie v theme.json se z jednoho místa propisují do editoru i na web
Tmavý režim a barevná schémata
Editor webu WordPress zobrazující blokovou předlohu Canvas
Nastavení bloků

Vše, co návštěvník vidí, je nastavení, ke kterému se dostanete

Text a odkazy, obrázky a ikony, barvy, velikost, chování: pokud blok cokoli vykresluje, ovládací prvek v postranním panelu to změní. Žádná z těchto úprav nevyžaduje editor kódu.

Blok Canvas vybraný v editoru s otevřenými panely nastavení v postranním panelu

Nastavte jednou a používejte kdekoli

Dva systémy vám ušetří opakovanou práci a řeší různé problémy.

  • Uložit jako výchozí. Nastavte blok podle svých představ a uložte jej jako výchozí pro jeho typ. Další blok, který vložíte, začne od těchto nastavení. Nastavení identity, jako jsou kotva a další třídy, se nikdy nekopírují.
  • Globální styly bloků. Pojmenujte sadu nastavení jako předvolbu, použijte ji na bloky na celém webu a poté předvolbu změňte jednou: každý blok, který ji používá, se změní s ní.
Procházet knihovnu bloků
Pokročilé možnosti

Stejné 4 ovládací prvky u každého bloku, včetně základních bloků

Canvas přidává jeden pokročilý panel ke každému typu bloku registrovanému na webu, nikoli jen k vlastním. Běžný odstavec dostane stejná nastavení animace, CSS, atributů a viditelnosti, jaká dostává blok Canvas.

Animace

Vyberte vstupní animaci s vlastní rychlostí a zpožděním a výstupní animaci s vlastním zpožděním. Nic nezůstane neviditelné a nečeká na JavaScript, který nikdy nedorazí.

Vlastní CSS

Napište CSS pro tento jeden blok. Canvas jej omezí na daný blok a propustí jej stejným filtrem, který WordPress používá pro inline styly.

Vlastní atributy

Přidejte vlastní atributy do kořenového prvku bloku, například pro analytické háčky, testovací identifikátory nebo skript třetí strany, který je vyžaduje.

Podmínky zobrazení

Blok lze zobrazit nebo skrýt podle role uživatele nebo zařízení, takže panel jen pro členy nebo tlačítko pro volání jen na telefonu nepotřebuje žádný plugin.

Vlastní třídy a HTML kotva zůstávají v polích WordPressu, která už znáte, takže nic, co se tu naučíte, není specifické pro Canvas. Protože jde o běžné atributy bloků, může je nastavit stejně dobře vzor nebo skript jako vy.

Vzory

183 vzorů podle kategorií

Vzor se vloží jako běžné bloky, které můžete přeskupovat, přepisovat a mazat. Je to výchozí bod pro sekci, nikdy ne uzamčené rozvržení, které byste museli obcházet.

  • 40hlaviček
  • 24Obsah
  • 22Formulářů
  • 16Patičky
  • 14 Blogů
  • 13Hero
  • 12Galerie
  • 12Výzev k akci
  • 9Ceník
  • 9Stránky
  • 8funkcí
  • 5Akce
  • 4popupy
  • 3Sociální
  • 2Testimonials
  • 2Portfolio
  • 1FAQ

Předloha může být zařazena do více než jedné kategorie. Předlohy hlaviček a patiček jsou popsány na stránce Tvůrce hlavičky a každá předloha je sestavena z bloků v knihovně bloků.

Standardní markup

Váš obsah zůstává ve formátu bloků

Největší předností Canvasu je, že žádná část vašeho obsahu nepatří do uzavřeného vlastnického formátu. Bloky Canvas se ukládají stejně jako bloky WordPressu.

  • Každý blok Canvas je registrovaný typ bloku s reálným panelem nastavení, nikdy ne shortcode
  • Atributy jsou běžné atributy bloků, takže je mohou nastavit i vzory, REST API a příkazový řádek
  • Bloky jsou v pluginu Canvas, ne v šabloně, takže změna šablony vaše stránky nesmaže
  • Základní bloky fungují dál a získají stejný pokročilý panel
Jak si to vede v porovnání
Vkladač bloků

209 bloků v nabídce vkládání, kterou nabízí WordPress

Bloky Canvas stojí vedle základních bloků a jsou seskupeny do 10 vlastních kategorií. Dalších 105 bloků slouží jen konkrétním demům a zobrazí se spolu s demem, které je potřebuje.

Vyhledejte blok podle názvu

  • Hledejte podle názvu nebo klíčového slova a kategorie Canvas jsou v tom zahrnuty
  • 183 vzorů pod stejnou záložkou Vzory
  • Bezplatná úroveň zahrnuje 228 z 314 bloků; zbytek je obsažen v každém tarifu.
  • Stránka načte pouze CSS a JavaScript bloků, které obsahuje
Proč na tom záleží z hlediska rychlosti
Otevřený vkladač bloků WordPress s kategoriemi bloků Canvas
Stejný editor

Ještě tři věci, které zde provedete

Hlavičky, dema a texty nejsou samostatné aplikace. Otevírají se v editoru, který tato stránka popisuje, se stejným plátnem a stejným postranním panelem.

Záznam hlavičky otevřený v editoru bloků, jeho řádek hlavičky obsahuje logo a navigaci, s nastavením Canvas Header Container v postranním panelu

Vytvořte hlavičku

Hlavička je záznam tvořený bloky hlavičky, který se upravuje v plátně editoru s režimem rozvržení a třídami v postranním panelu.

Tvůrce hlavičky
Obrazovka importu dem Canvas v administraci WordPressu, která zobrazuje demo weby jako karty s kategorií, počtem stránek, velikostí balíčku a tlačítkem Importovat

Importovat demo

Každé dema uvádí své stránky, velikost a kategorii, importuje se jedním kliknutím a stejným způsobem se dá vrátit zpět.

Knihovna dem
Dialogové okno Generovat text pomocí AI otevřené nad editorem bloků, s polem pro zadání, nastavením délky a tlačítky Zrušit a Generovat

Napište obsah

CanvasAI Engine zapisuje do vybraného pole podle profilu webu, který jste jednou nastavili, a během práce ukazuje spotřebu AI kreditů.

Canvas AI
Otázky

O úpravách

Ostatní odpovědi najdete v celém FAQ a v dokumentaci.

Potřebuji plugin pro tvorbu stránek?

Canvas nevyžaduje plugin pro tvorbu stránek. Je to šablona WordPress s doprovodným pluginem, takže každý blok, hlavička, patička, hero i titulek stránky se upravuje v editoru bloků a v Editoru webu, který WordPress nabízí. Není třeba se učit žádný druhý editor, pamatovat si shortcody ani obnovovat licenci nástroje pro tvorbu stránek spolu se šablonou.

Rozbijí se mé stránky, když přepnu šablonu?

Váš obsah se ukládá jako standardní značkování bloků, nikoli jako shortcody, takže se základní bloky zobrazí v jakékoli šabloně. Bloky Canvas pocházejí z pluginu Canvas, nikoli ze šablony, takže změnou šablony je z vašich příspěvků a stránek neodstraníte.

Mohu v editoru webu stále upravovat předlohy?

Ano, Canvas dodává 173 předloh bloků, 5 částí předloh a 4 varianty stylu, všechny upravitelné v Editoru webu, kde je WordPress uchovává. Barvy a typografie pocházejí z theme.json, takže změna v panelu Styly se projeví na každé stránce.

Jaké jsou pokročilé možnosti u základních bloků?

Canvas nabízí základním blokům animace, vlastní CSS, vlastní atributy a podmínky zobrazení. Stejný panel přidává ke každému typu bloku registrovanému na webu, včetně bloků z jiných pluginů, takže nemusíte volit mezi základním blokem a blokem s potřebným nastavením.

Co přestane fungovat, když mi licence vyprší?

Když licence Canvas vyprší, na webu pro návštěvníky nic nepřestane fungovat. Váš web se dál zobrazuje přesně jako dnes, včetně prémiových bloků. Pozastaví se služba: aktualizace, importy dem, generování a úpravy prémiových bloků přes CanvasAI Engine, dokud licenci neobnovíte, s 14denní lhůtou, pokud kontrola licence nedosáhne na naše servery.

Vytvořte svůj další web s Canvas

Ať už jste začátečník, freelancer, nebo agentura, dostanete stejné bloky i stejná dema. Začněte jedním webem a vytvářejte tolik, kolik potřebujete, na stejné licenci.