Samostalno uređivanje teksta i gumba

Modul 3: Tekstovi, fotografije i sekcije · Vrijeme čitanja: 8 minuta

Cilj učenja: Nakon ove lekcije moći ćete sami prilagođavati tekstove i gumbe bez AI-ja, koristiti poveznice i oblikovanje te svaki gumb usmjeriti na pravo mjesto: na stranicu, adresu e-pošte, telefonski broj, drugu web stranicu ili sekciju.

Ključni pojmovi: Uredite, dvostruki klik, alatna traka za oblikovanje, poveznica, Istaknuta riječ, Uredi gumb, odredište gumba, mailto i tel, sidro (sekcija), gumb za slanje, Postavke obrasca

Zašto uređivati sami

Ne mora sve ići preko AI-ja. Tipfeler, drugi telefonski broj, rečenica koja treba biti malo drukčija: to ćete brže upisati sami. Samostalno uređivanje je besplatno, odvija se bez AI-ja i bez prijedloga. Odmah vidite što radite, a AI usput ne mijenja ništa što niste tražili. Svaki put kada spremite, alat za izradu stvara novu verziju ("Vaš je tekst spremljen kao verzija ..."), pa se uvijek možete vratiti (lekcija 3.5).

Osnovno pravilo: sadržaj koji već znate upišite sami; nove tekstove ili drukčiji ton zatražite od AI-ja. Bas iz tvrtke Schildersbedrijf Example prepušta AI-ju pisanje tekstova o uslugama, ali broj upisa u registar, adresu i telefonski broj prepisuje sam. Tako je siguran da su točni.

Uređivanje teksta u pregledu

U pregledu prijeđite mišem preko teksta. Pojavit će se mali gumb Uredite. Kliknite ga ili izravno dvaput kliknite tekst. Tekst sada postaje polje za unos i u njega pišete kao u programu za obradu teksta.

Spremanje i odustajanje radite tipkovnicom:

• U kratkom tekstu, primjerice naslovu: Enter sprema, Esc odustaje.
• U duljem tekstu s odlomcima: Ctrl+Enter sprema (Enter je tada novi redak), Esc odustaje.

Možete krenuti i iz chata: pomoću Odaberite element odaberite tekst i kliknite Uredite tekst pokraj oznake. Gumbi Spremite i Odustanite tada se nalaze pri dnu chata.

Dobijete li poruku "Ovaj element ne možete izravno urediti. Zatražite to putem chata.", riječ je o elementu koji alat za izradu sam slaže. Tada zatražite izmjenu u chatu i pritom označite element.

Alatna traka za oblikovanje: naslovi, popisi, boja i poveznice

Tijekom uređivanja uz tekst se nalazi alatna traka Oblikovanje s malim gumbima; prijeđite mišem preko njih da vidite naziv. Koji su gumbi prisutni, ovisi o vrsti teksta: u naslovu ih je manje nego u odlomku. Među ostalim naći ćete:

• u duljem tekstu vrstu retka: Običan tekst, Podnaslov, Mali podnaslov;
• Podebljano, Kurziv, Podcrtano, Precrtano, Isticanje;
• Popis s grafičkim oznakama, Numerirani popis, Citat;
• Poravnanje (lijevo, sredina, desno) i Veličina (manje, normalno, veće, mnogo veće);
• Boja teksta, s bojama Vašeg vizualnog identiteta (glavna boja, druga boja, boja teksta, blagi tekst, bijela, tamna);
• Dodajte ili uredite poveznicu i Uklonite poveznicu;
• Istaknuta riječ: jednu do četiri odabrane riječi prikazuje u stilu isticanja Vašeg vizualnog identiteta;
• Izbrišite oblikovanje.

Tipkovnicom do alatne trake dolazite pomoću Alt+F10.

Nekoliko savjeta. Odaberite boju iz svog vizualnog identiteta, a ne neku proizvoljnu boju: tako Vaša stranica ostaje mirna i sve se međusobno uklapa. Odaberete li boju koja je slabo čitljiva na pozadini, alat za izradu će to naznačiti ("slabo čitljivo na ovoj pozadini"). Podnaslove koristite za strukturu teksta, a ne da nešto povećate; tražilice i čitači zaslona koriste tu strukturu (tečaj „Pronađeni na internetu“, lekcija 3.2). I podebljano koristite štedljivo: ako je sve podebljano, ništa se više ne ističe.

Poveznica u tekstu

Označite riječi i kliknite Dodajte ili uredite poveznicu. Odaberite Stranica Vaše web stranice ili upišite adresu, adresu e-pošte ili telefonski broj. Alat za izradu prihvaća web adresu (https://...), adresu e-pošte (mailto:), telefonski broj (tel:), putanju na Vašoj stranici (/pagina) ili sekciju (#sectie). Ako ne prepozna adresu, neće spremiti poveznicu i to će Vam reći.

Tekst poveznice pišite tako da posjetitelj zna kamo će doći. "Pogledajte naše cijene" bolje je od "kliknite ovdje". To je ugodnije za posjetitelje i za osobe koje koriste čitač zaslona.

Gumbi: tekst i kamo vode

Gumb ima dvije stvari: tekst i odredište. Prijeđite mišem preko gumba i kliknite Uredi gumb. Vidjet ćete:

• Tekst na gumbu;
• Kamo vodi ovaj gumb?, s pet mogućnosti.

Alat za izradu provjerava što upišete. Adresa e-pošte mora biti valjana, telefonski broj mora imati najmanje 8 znamenki, a web adresa mora biti stvarna adresa. Uređivanje gumba je besplatno i bez AI-ja.

Zašto je to važno: gumb je često najvažnije mjesto na stranici. Gumb "Zatražite ponudu" koji nikamo ne vodi stoji Vas klijenata. Postoji li poveznica bez odredišta, alat za izradu upozorava: "Ova poveznica još nikamo ne vodi i neće raditi na Vašoj objavljenoj stranici. Odaberite stranicu ili adresu."

Pazite kod mogućnosti Poziv: u polju za unos kao primjer stoji 06 12345678. To je primjer, a ne broj. Upišite svoj broj.

Gumb za slanje obrasca nije poveznica

Gumb ispod Vašeg kontaktnog obrasca izgleda kao svaki drugi gumb, ali radi nešto drugo: šalje obrazac. Kada prijeđete mišem preko njega, umjesto Uredi gumb stoji Postavke obrasca. Kliknete li ga, vidjet ćete Gumb za slanje obrasca i adresu na koju stižu poruke. Ako to još nije postavljeno, stoji "adresa e-pošte Vašeg računa". Pomoću Promijenite adresu dolazite do Postavke > Obrasci. Ondje postavljate adresu i ostatak obrasca (lekcije 4.3 i 5.3).

Želite li da Vam posjetitelji mogu pisati bez obrasca, postavite običan gumb s mogućnošću E-pošta. On radi i na besplatnoj stranici bez paketa, jer posjetitelj tada sam šalje e-poštu iz svog programa za e-poštu.

Zamke

• Telefonski broj samo u tekstu. Stavite ga i u gumb ili poveznicu s mogućnošću Poziv, kako bi Vas ljudi s mobitela mogli odmah nazvati.
• Gumbi koji vode na pogrešnu stranicu nakon preimenovanja ili uklanjanja stranice. Uklonite li stranicu, alat za izradu uklanja i poveznice prema njoj te javlja koliko ih je bilo. Nakon toga provjerite svoje gumbe.
• Ostavljanje primjera podataka. Adresa e-pošte ili broj iz prve verzije mogu biti izmišljeni (lekcija 2.4). Sami prepišite svoje stvarne podatke.
• Boje izvan Vašeg vizualnog identiteta. Proizvoljne boje čine stranicu nemirnom, a ponekad i nečitljivom.
• Prepuštanje AI-ju da "poboljša" ono što je već dobro. Svaki nalog AI-ju može promijeniti više nego što želite. Sitnice radite sami.

U alatu za izradu: ovako to radite

1. U pregledu prijeđite mišem preko teksta i kliknite Uredite (ili dvaput kliknite).
2. Prilagodite tekst; za naslove, popise i poveznice koristite alatnu traku Oblikovanje.
3. Spremite tipkom Enter (kratak tekst) ili Ctrl+Enter (dulji tekst).
4. Prijeđite mišem preko gumba i kliknite Uredi gumb.
5. Prilagodite Tekst na gumbu i pod Kamo vodi ovaj gumb? odaberite odredište.
6. Kliknite gumb za slanje svog obrasca i putem Postavke obrasca provjerite kamo stižu poruke.

Sažetak

• Samostalno uređivanje teksta je besplatno, bez AI-ja i bez prijedloga; svako spremanje je nova verzija.
• Alatnom trakom Oblikovanje izrađujete naslove, popise, boju u svom vizualnom identitetu, istaknute riječi i poveznice.
• Uredi gumb određuje odredište: Stranica, E-pošta, Poziv, Web stranica ili Odjeljak.
• Gumb za slanje obrasca nije poveznica; adresu primatelja postavljate u Postavke > Obrasci.

Kviz

Zadatak

Zadatak D3.2: Gumbi koji negdje vode. Provjerite sve gumbe na svojoj početnoj i kontaktnoj stranici i svakom gumbu dodijelite stvarno odredište.

Popis za provjeru:

• [ ] svaki gumb na početnoj stranici otvoren pomoću Uredi gumb;
• [ ] za svaki gumb odabrano odredište (Stranica, E-pošta, Poziv, Web stranica ili Odjeljak);
• [ ] barem jedan gumb s mogućnošću Poziv ili E-pošta s Vašim stvarnim podacima (ne 06 12345678);
• [ ] barem jedan gumb s mogućnošću Odjeljak prema sekciji na istoj stranici;
• [ ] gumb za slanje obrasca pregledan putem Postavke obrasca i adresa primatelja provjerena;
• [ ] jedan tekst samostalno prilagođen s poveznicom putem Dodajte ili uredite poveznicu;
• [ ] na prikazu Mobitel provjereno da su gumbi dobro postavljeni.

Pitanja:

1. Koji gumb prije nije vodio nikamo ili je vodio na pogrešno mjesto, i kamo sada vodi?
2. Na koju adresu stižu poruke iz Vašeg obrasca i je li to adresa koju čitate svaki dan?
3. Koji ste tekst poveznice odabrali i zašto?

Nakon "gotovo" vidjet ćete primjer odgovora: gumb "Zatražite ponudu" u glavnoj sekciji (hero) nije nikamo vodio, a sada se pomiče do sekcije Kontakt; poruke stižu na info@example.com, koju Bas čita svaki dan; tekst poveznice "Pogledajte naše cijene" umjesto "kliknite ovdje", jer posjetitelj tada zna kamo će doći.

Dodatno štivo

• Besplatan tečaj Vidljivost na internetu 3.2: Naslovi i struktura stranice
• Besplatan WordPress tečaj 4.1: Blok uređivač
• Sitebuilder i AI Builder: koji odabrati i kako ga otvoriti?