Elementor piedāvā dažādus rīkus WordPress vietnes dizainam, un viens no pamatelementiem ir ikona. Ikonas ir ne tikai dekoratīvi elementi, tās var arī uzlabot lietotāju funkcionālo pieredzi un palīdzēt īsumā paziņot svarīgu informāciju. Uzziniet, kā izmantot un pielāgot ikonas Elementor, lai uzlabotu savu vietni.
Galvenās atziņas
- Ikonas ir daudzpusīgi elementi, kas var pildīt gan mākslinieciskas, gan informatīvas funkcijas.
- Ikonas var pielāgot, tostarp krāsu, izmēru, formu un animāciju.
- Sasaistes opcija ļauj efektīvi izmantot ikonas navigācijai.
Soli pa solim
Solis Nr. 1: Ikonas pievienošana
Lai pievienotu ikonu savai sadaļai, velciet ikonas logrīku uz vēlamo lapas apgabalu. Redzēsiet, ka tiek parādīta priekšizvēle, parasti zvaigznes ikona.
Solis 2: Mainīt ikonu
Noklikšķiniet uz esošās ikonas, lai atvērtu izvēles logu. Šeit varat izvēlēties kādu no dažādām ikonām. Piemēram, izvēlieties taksometra ikonu, lai savam saturam piešķirtu konkrētu tēmu.
Solis 3: Izvēlieties ikonas veidu
Elementor piedāvā trīs ikonu veidus: parastās ikonas, vienlaidu ikonas un zīmola ikonas. Parastajām ikonām parasti ir tikai kontūra, bet cietās ikonas ir pilnībā aizpildītas. Zīmola ikonas atbilst labi zināmiem logotipiem, piemēram, Amazon vai Apple logotipiem.
4. solis: Pielāgojiet displeja iestatījumus
Ikonas izvietojumu var pielāgot dažādos veidos - izmantojot "Stacked" (pilnībā aizpildīta), "Framed" (ar kontūru) vai "Default" (parādīts fons). Izvēlieties iespēju, kas vislabāk atbilst jūsu vietnes estētikai.
5. solis: pielāgojiet ikonas lielumu un formu
Vēl viens svarīgs punkts ir ikonas forma. Varat izvēlēties, vai tai jābūt apaļai vai kvadrātveida. Aplis bieži tiek uztverts kā harmoniskāks, savukārt kvadrāts atstāj atšķirīgu grafisko iespaidu.
6. solis: iestatiet saiti
Lai radītu interaktivitāti, varat iestatīt saiti. Piemēram, ievadiet savas sākumlapas adresi, lai apmeklētāji, noklikšķinot uz ikonas, tiktu uz to novirzīti.
7. solis: Pielāgojiet stilu
Sadaļā "Stils" jums ir iespēja iestatīt primāro un sekundāro krāsu. Virziena efektiem varat arī norādīt, kā jāmaina krāsas. Piemēram, mainiet primāro krāsu uz sarkanu un sekundāro krāsu uz melnu.
8. darbība: Nosakiet norādes efektus
Ja vēlaties palielināt interaktivitāti, varat elementam "hover" pievienot arī animācijas efektus. Tie ietver tādas opcijas kā "Push" vai "Grow". Izvēlieties vēlamo efektu, lai uzlabotu lietotāja pieredzi.
9. solis: Nosakiet lielumu un atstarpi
Varat pielāgot ikonas lielumu, savukārt atstarpe, kas pazīstama arī kā izvietojums, nosaka, cik daudz vietas ir starp ikonu un tās iekšējo ietvaru. Eksperimentējiet ar šīm vērtībām, lai atrastu vēlamo līdzsvaru.
10. posms: Saites vērtības
Ja vēlaties veikt individuālus iestatījumus dažādiem ikonas stūriem, varat sasaistīt vērtības vai pielāgot tās atsevišķi. Sasaistītās vērtības nodrošina, ka izmaiņas tiek piemērotas visām pusēm vienlaicīgi.
Solis 11: Pārbaudiet uzlabotos iestatījumus
Sadaļā Paplašinātie iestatījumi atradīsiet tādas pašas opcijas kā pamatiestatījumos. Pārliecinieties, vai viss ir konfigurēts pareizi, lai nodrošinātu konsekventu attēlošanu jūsu vietnē.
Kopsavilkums
Šajā rokasgrāmatā jūs esat apguvuši ikonu pievienošanas un pielāgošanas pamatpakāpes Elementor programmā. Šie paņēmieni palīdzēs jums izveidot vietnes, kas ir gan estētiski pievilcīgas, gan funkcionālas, sākot no ikonu izvēles līdz pat krāsai, izmēram un sasaistēm.
Biežāk uzdotie jautājumi
Kā izvēlēties pareizo ikonu? Izvēlieties ikonu, kas atbilst jūsu satura tēmai; Elementor piedāvā plašu bibliotēku.
Vai es varu mainīt ikonas krāsu?Jā, jūs varat mainīt gan galveno, gan sekundāro ikonas krāsu.
Kā pievienot animāciju? Ikonas novietošanas iestatījumos varat izvēlēties dažādus animācijas efektus.
