Oldalak szerkesztése az AI-jal

Azok a weboldaltervezők, akiknek megvan a Felület és séma testreszabása képességük, megkérhetik az AI-panelt (lásd Az AI panel), hogy dolgozzon a weboldalon: hozzon létre oldalakat, módosítsa a meglévő oldalakat és a láblécet, formázza át a blokkokat, szerkessze a menüt és alkalmazzon arculati csomagokat. Ez a képesség alapértelmezés szerint ki van kapcsolva, és csak az adminisztrátoroké (lásd Ki mit használhat). Az AI-buborék a weboldal előnézetének felső sávjában is ott van, így megnyithatod a panelt, miközben az oldalt nézed. Ugyanezek az eszközök a weboldalszerkesztőben is működnek (lásd AI a weboldalszerkesztőben).

Erre a gyárilag szállított Weboldalépítő ügynök van beállítva: először elolvassa az oldalakat és a menüket, módosításokat javasol, és soha nem mondja, hogy valami kész, mielőtt jóváhagynád.

Példák kérésekre:

• „A Rólunk oldalon rövidítsd le az első címet, és a gomb a kapcsolati oldalra mutasson.”

• „Töröld a kezdőlap harmadik blokkját, és a GYIK kerüljön a végére.”

• „Az árazási blokk kapjon sötét színkombinációt, és több térközt felül és alul.”

• „Tedd bele a telefonszámunkat a láblécbe.”

Mit módosíthat az AI

Az AI vázlatként olvassa be az oldalt (vagy a láblécet): a blokkjait sorrendben, és minden blokkban a címsorokat, bekezdéseket, gombokat, hivatkozásokat, képeket, ikonokat és az ismétlődő elemeket, például kártyákat vagy kérdéseket. Ezután műveletek listáját küldi, egyszerre legfeljebb 50-et, amelyek együtt hajtódnak végre:

• szöveg, illetve hivatkozás vagy gomb címének és feliratának módosítása;

• kép és alternatív szövegének cseréje, vagy egy blokk háttérképének cseréje;

• blokk vagy blokkon belüli elem (kártya, kérdés, szám) eltávolítása, áthelyezése vagy megkettőzése;

• új blokk beszúrása a katalógusból;

• blokk beállításainak megadása (lásd lent), és horgony megadása egy blokknak #anchor hivatkozásokhoz.

Ezenkívül új, nem közzétett oldalakat hozhat létre, blokkot adhat egy oldalhoz, menüpontokat adhat hozzá, nevezhet át és rendezhet át, arculati csomagot alkalmazhat, és módosíthatja az AI által kezelt egyéni CSS-t.

Megjegyzés

• A láblécet ugyanúgy szerkeszti, mint egy oldalt. Az első AI-módosítás másolatot készít a láblécről ehhez a weboldalhoz, ahogy a weboldalszerkesztő is teszi, amikor szerkeszted.

• Az alkalmazások által generált oldalakat (webshop, blog, eseményoldalak…) és a fejlécet az AI nem szerkeszti: ezeket a weboldalszerkesztőben módosítsd.

• Minden művelet megnevezi az elemet, amelyet módosít. Ha az oldal közben megváltozott, a műveletet elutasítja, és az AI újra beolvassa az oldalt, így soha nem írja felül tévedésből egy újabb változatát.

Blokkbeállítások

Az AI a weboldalszerkesztő saját beállításaival formázza a blokkokat, nem kézzel írt CSS-sel:

• színkombináció (a weboldal öt színkombinációjának egyike, vagy egyik sem);

• térköz a blokk felett és alatt;

• szövegigazítás (kezdet, közép, vég);

• szélesség (keskeny, normál, teljes szélesség) és magasság (automatikus, fél képernyő, teljes képernyő);

• háttérkép, vagy nincs háttérkép;

• egy blokk vagy elem árnyéka és lekerekített sarkai.

Az AI ebben a sorrendben dolgozik: szövegek, hivatkozások és képek; blokkbeállítások; arculati csomag a teljes webhely színeihez és betűtípusaihoz; egyéni CSS pedig csak akkor, ha semmi más nem oldja meg.

Építőblokkok

Az új oldalak és az új blokkok a weboldal saját építőblokkjait használják. Az AI számára egy 32 blokkból álló katalógus készült, amely leírja, mire való az egyes blokk: borítók és bannerek, címek és szövegblokkok, szöveg képpel, oszlopok, jellemzők és kártyák, számok, idővonalak, fülek, ártáblázatok, csapattagok, idézetek, logók, képgalériák és mozaikok, cselekvésre hívások, GYIK, elérhetőségek és egy kapcsolatfelvételi űrlap. Ha a témának van saját változata egy blokkból, azt használja.

Ha Az AI minden építőelemet használhat be van kapcsolva (ez az alapértelmezés), az AI a weboldal blokkpaneljének összes többi blokkját is használhatja, a téma blokkjait is beleértve; ezek szövegeit és képeit automatikusan találja meg. A rekordokat megjelenítő, más oldalakat beágyazó, szkriptet futtató vagy űrlapot küldő blokkokat soha nem kínálja fel. Kapcsold ki a beállítást, ha csak a válogatott blokkokat szeretnéd (lásd Követelmények és beállítások).

Megjegyzés

A kapcsolatfelvételi űrlap a cég e-mail-címére küldi az üzeneteket. Soha nem hoz létre rekordokat más alkalmazásokban.

Képek

Egy új kép forrása lehet:

• Unsplash-stockfotó, ha a weboldal beállításaiban meg van adva Unsplash-kulcs;

• AI által generált kép, ha be van állítva képmodell (lásd Szolgáltatók és modellek);

• a weboldal médiatárának egy nyilvános képe, vagy az AI-beszélgetéshez csatolt kép;

• egy internetes cím. A szerver szigorú korlátokkal tölti le (csak nyilvános címekről, legfeljebb 10 MB, 10 másodperc, csak képfájlok), és a weboldal képeként tárolja; soha nem hivatkozik rá a másik oldalról.

Hivatkozások és egyéni CSS

• Hivatkozások. Az építő csak a weboldal meglévő oldalaira és horgonyaira, a saját abszolút címeire, e-mail-címekre és telefonszámokra hivatkozik. A kitalált útvonalat vagy a más weboldalra mutató hivatkozást lecseréli és felsorolja a kártyán; a más weboldalra mutató menüpontot elutasítja. Egy adminisztrátor ezt feloldhatja a következő beállítással: Az AI más weboldalakra mutató hivatkozásokat is hozzáadhat (lásd Követelmények és beállítások). Az ilyen hivatkozásokat ekkor is megjelöli a kártyán.

• Egyéni CSS. Az AI csak egyszerű CSS-szabályokat írhat a weboldal egyéni stíluslapján a saját jelölői között; a jelölőkön kívüli saját szabályaid megmaradnak. A CSS vonatkozhat a teljes webhelyre, egy oldalra vagy egy blokkra: oldal vagy blokk esetén minden szabály automatikusan arra korlátozódik, így más oldalakat nem módosíthat. A Sass tiltott (változók, interpoláció és hasonlók), ahogy az importok, a szkriptek, a CSS által nem ismert függvények, valamint a @media, @supports, @keyframes és @font-face kivételével minden at-szabály is. Az url() csak a webhely képeire és statikus fájljaira mutathat. Mentés előtt a weboldal stíluscsomagját lefordítja az új szabályokkal; ha nem fordul le, semmi sem kerül mentésre, és megjelenik a hiba.

Megerősítő kártyák

A weboldal változtatásai nyilvánosak, ezért mindig előbb javaslatként jelennek meg: a panel egy kártyát mutat, amelyet megerősítesz vagy elvetsz (lásd Az AI panel). Csak az Alkalmazás kérdezés nélkül írási mód alkalmazza őket azonnal; a vegyes mód továbbra is kérdez. A kártya a változtatás teljes tartalmát mutatja, nem összefoglalót: oldalszerkesztésnél minden műveletet a korábbi és az új szöveggel, új blokkoknál minden blokkot a címével, szövegeivel, gombjaival és azok céljaival, a lecserélt hivatkozásokat, egy megjegyzést, ha a blokk már közzétett oldalra kerül, CSS-módosításnál pedig a teljes CSS-t. A más weboldalra mutató hivatkozást a kártya a céloldal hosztjával jelöli. Megerősítéskor a változtatást újra ellenőrzi.

Minden alkalmazott módosítás bekerül az AI-módosítások közé, és visszavonható (lásd AI-módosítások és visszavonás). Ha elérhető a vizuális ellenőrzés, az AI egy nagyobb módosítás után képernyőképet nézhet az oldalról (lásd Vizuális ellenőrzés).

Ha egy fordulónak nincsenek építőeszközei (hiányzik a képesség, vagy nem vagy weboldaltervező), az asszisztens megmondja, hogy hiányzik a Felület és séma testreszabása képesség vagy a weboldaltervezői jog, hogy egy adminisztrátor megadhatja, és helyette elmagyarázza a kézi utat: Menüszerkesztő, Oldalak, szerkesztési mód és témabeállítások.