Tīmekļa vietņu dizains bieži tiek bagātināts ar radošiem elementiem, kas piesaista apmeklētāju uzmanību. Fantastisks rīks šim nolūkam ir Elementor animētais virsraksts. Šī funkcija ļauj izcelt noteiktus vārdus vai fragmentus, padarot saturu dzīvīgāku un pievilcīgāku. Šajā rokasgrāmatā uzzināsiet, kā ievietot un pielāgot animētu virsrakstu ar Elementor.
Galvenie secinājumi
- Animētais virsraksts piedāvā dažādas stila iespējas, tostarp teksta izcelšanu, rotāciju un animāciju.
- Jūs varat pielāgot gan animēto tekstu, gan saistīto virsrakstu.
- Virsraksta efektu var uzlabot, izmantojot dažādus animācijas veidus, piemēram, "Rakstīšana", "Flip" vai "Ieliešana".
Soli pa solim, kā izveidot animētus virsrakstus
1. solis: Piekļūstiet Elementor redaktoram
Palaidiet savu WordPress administratora daļu un dodieties uz lapu vai ziņu, kurā vēlaties pievienot animēto virsrakstu. Noklikšķiniet uz "Rediģēt ar Elementor", lai atvērtu Elementor redaktoru.
2. solis: animētā virsraksta logrīka izvēle
Elementor kreisajā sānjoslā sameklējiet logrīku "Animētais virsraksts". Velciet un nometiet to vēlamajā lapas apgabalā.
3. solis: Ievadiet savu statisko tekstu
Kad esat pievienojuši logrīku, ievadiet savu statisko tekstu laukā "Galvenais virsraksts". Tas ir teksts, kas paliks nemainīgs, kamēr mainīsies animētais teksts. Piemēram, varat ievadīt "Šī vietne ir".
Solis Nr. 4: Animētā teksta definēšana
Dodieties uz sadaļu "Animētais teksts" un ievietojiet vārdus vai fragmentus, kurus rotācijas kārtībā vēlaties uzsvērt. Tie varētu būt tādi vārdi kā "lieliski", "lieliski piemērots", "iesācējam" un "jūsu kontaktpunkts Nr. 1".
5. solis: Pielāgojiet stilu
Cilnē "Stils" varat pielāgot virsraksta un animētā teksta dizainu. Šeit varat pielāgot teksta krāsu un fona formu. Populāra izvēle ir piešķirt fonam sarkanu krāsu, taču varat izvēlēties arī melnu vai zaļu krāsu.
Solis 6: Aktivizējiet animācijas efektu
Sadaļā "Animācijas efekti" varat norādīt, kā jāizskatās animācijai. Vai vēlaties, lai animētajam tekstam būtu "bezgalības cilpa", lai tas pastāvīgi atkārtotos? Veiciet atbilstošus animācijas ilguma un aiztures iestatījumus.
7. posms: animācijas veida izvēle
No nolaižamajā izvēlnē atlasiet vēlamo animācijas veidu. Pieejamie efekti ir šādi: "Rakstīšana", "Pārvēršana" vai "Ieliešana". "Drop-in" efekts ir īpaši pievilcīgs, taču arī "Typing" efektam ir savs šarms.
8. solis: Priekšskatījums un pielāgojumi
Izmantojiet priekšskatījuma funkciju, lai redzētu, kā animētais virsraksts izskatās tīmekļa vietnes tiešajā skatā. Šeit varat veikt pielāgojumus, piemēram, mainīt teksta lielumu vai atstarpes, lai optimizētu izkārtojumu.
9. solis: Galīgie pielāgojumi pirms publicēšanas
Pirms lapas saglabāšanas vēlreiz pārbaudiet visus iestatījumus. Pārliecinieties, ka fonti un krāsas ir saskaņoti ar pārējo vietni. Ja viss izskatās labi, noklikšķiniet uz "Publicēt", lai izmaiņas jūsu vietnē tiktu ieviestas.
Kopsavilkums
Ar šo ceļvedi jūs esat izgājuši cauri pamata soļiem, lai Elementor programmā izveidotu animētu virsrakstu. Jūs varat izmantot funkcijas un pielāgošanas iespējas, lai savai vietnei piešķirtu dinamisku akcentu un piesaistītu apmeklētāju uzmanību.
Biežāk uzdotie jautājumi
Kā es varu mainīt animētā teksta krāsu?Jūs varat mainīt krāsu attiecīgā teksta lauka cilnē "Stils".
Ko darīt, ja animācija nedarbojas pareizi?Pārliecinieties, vai visi iestatījumi ir piemēroti pareizi, un pārbaudiet, vai priekšskatījums ir mainījies.
Vai vienā lapā ir iespējams izmantot vairākus animētus virsrakstus? Jā, varat pievienot tik daudz animētu virsrakstu, cik vēlaties, taču pievērsiet uzmanību lasāmībai.
Vai animācijām ir kādi ierobežojumi? Ir pieejamas dažādas animācijas, taču dažas no tām var netikt optimāli attēlotas noteiktās ierīcēs vai pārlūkprogrammās.
