Kohët e fundit një nga lexuesit tanë që nuk kishin versionin Pro të Elementor na sfidoi se si mund të shtonte CSS të personalizuar në faqen e tij të internetit.
Meqenëse çështja është pak më komplekse, ne menduam se disa përdorues mund të përballen me këtë problem. Kështu që vendosëm të sigurojmë një artikull të hollësishëm se si të shkojmë atje.
Në këtë artikull, ne do t'ju tregojmë se si të shtoni me lehtësi CSS të personalizuar në një faqe ose faqe në internet të Elementor.
Tre mënyrat për të shtuar CSS të personalizuar në një faqe ose faqe në internet të Elementor janë si më poshtë:
- Shtoni kodin CSS përmes elementit HTML.
- Përmes shtojcës Kodi i copës.
- Përdorimi i Përshtatësit të Temës së Elementor
Metoda 1: Shtoni kodin CSS nga elementi HTML element
Përdorni këtë metodë nëse doni të shtoni CSS vetëm në një faqe të vetme.
Hapi 1: Zvarritni dhe hidhni elementin HTML Elementor
Ju mund ta vendosni këtë element HTML kudo në faqe, dhe do të funksionojë mirë.
Hapi 2: Klikoni në ikonën Redakto HTML
Klikoni në ikonën Redakto html në të djathtë të elementit HTML Elementor. Klikimi mbi të do të sjellë një kuti vepre redaktimi HTML në anën e majtë të ekranit.
Hapi 3: Shtoni kodin tuaj CSS
- Klikoni në skedë Përmbajtje dhe hapni listën zbritëse Kodi HTML.
- Vendosni kodin tuaj CSS në fenerë.
Metoda 2: Custom CSS për Elementor përmes shtojcës Code Snippets
Përfitimet e përdorimit të shtojcës Code Snippets:
- Nëse dëshironi të ndryshoni ose azhurnoni temën tuaj WordPress, CSS do të zbatohet gjithmonë.
- Kjo është mënyra më e përshtatshme dhe efikase për të shtuar kodin CSS sepse mund të aktivizoni ose çaktivizoni kodin CSS si shtojca.
Hapi 1: Hapni menunë e shtesave në panelin tuaj
Hapi 2: Shtoni një shtojcë të re
Klikoni në butonin Shto në »Për të hyrë në faqen për shtimin e shtojcave të reja.
- Kërkoni për shtojcën " Kodi Snippets ".
- Instaloni atë duke klikuar në butonin Instalo tani pasi rezultatet e hulumtimit të jenë pozitive.
Hapi 3: Aktivizoni shtojcën
Klikoni në butonin aktivizoj »Sapo instalimi të ketë përfunduar për të aktivizuar shtojcën Fragmente kodi.
Hapi 4: Hapni faqen e shtojcës dhe shtoni një copë kodi
- Hap menunë fragmente nga paneli juaj
- Klikoni butonin Ri për të shtuar një fragment të ri të kodit
Hapi 5: Krijoni një fragment dhe aktivizojeni atë
- Jepni copë kodit tuaj një emër.
- Brenda etiketës, shkruani kodin tuaj. Ky kod është në dispozicion më poshtë për kopjim.
- Klikoni në butonin Ruaj ndryshimet Për të ruajtur copën e kodit.
- Pas ruajtjes së CSS, klikoni në " aktivizoj Për të aktivizuar kodin CSS.
Kopjoni kodin
add_action( 'wp_head', function () { ?>
<style>
//VOTRE CODE ICI
</style>
<?php } );
Metoda 3: Përdorni Përshtatësin e Temës Elementor
Shënim: Bëni kujdes para se të përdorni këtë metodë sepse nëse ndryshoni temën do të humbni këtë CSS të personalizuar.
Hapi 1: Hapni përshtatësin e temës
Shkoni në faqen tuaj të internetit dhe klikoni në opsionin e personalizimit në shiritin e sipërm të navigimit. Kjo do të hapë një dritare të personalizimit të temës.
Hapi 2: Klikoni në skedën shtesë CSS
Kjo do të hapë faqen e hyrjes në CSS.
Hapi 3: Shtoni kodin tuaj CSS
Mirë! Tani ju e dini se si të shtoni me lehtësi CSS të personalizuar në një faqe ose faqe në internet të Elementor. Kjo do ta bëjë më fleksibël modelimin e faqeve unike në internet në Elementor Free.
Merrni Elementor Pro Tani!
Zbuloni gjithashtu disa shtesa premium WordPress
Mund të përdorni të tjera WordPress plugins për të dhënë një pamje moderne dhe për të optimizuar trajtimin e blogut ose faqes tuaj të internetit.
Ne ju ofrojmë këtu disa shtesa premium WordPress që do t'ju ndihmojnë ta bëni atë.
1. FileBird
A keni luftuar ndonjëherë për të menaxhuar mijëra skedarë imazhesh, video ose dokumentesh që keni ngarkuar në WordPress FTP tuaj? po ose jo, nuk ka rëndësi, e rëndësishme është të dish se plugin WordPress FileBird do t'ju ndihmojë të menaxhoni skedarët tuaj të medias me lehtësi dhe t'i jepni më shumë fuqi bibliotekës suaj.
Ndërfaqja e tij e thjeshtë e përdoruesit dhe menyja e kontekstit lejojnë përdoruesit të zvarritin dhe lëshojnë skedarët në dosje ose të kenë të drejtat e nevojshme për të krijuar shpejt, riemëruar ose fshirë dosjet në të njëjtën mënyrë si ju në kompjuterin tuaj.
Me këtë shtojcë në dorë, skedarët tuaj mediatik do të organizohen sistematikisht dhe ju lehtë mund të zgjidhni një imazh për ta futur në një faqe ose ta botoni atë. Përveç kësaj, kjo shtojcë është plotësisht në përputhje me shtojcat më të njohura, veçanërisht me WooCommerce, dhe gjithashtu mbështet një numër të madh gjuhësh.
Për të zbuluar më shumë, zbuloni Si për të menaxhuar WordPress fotografi dhe dosjet
Pra, nëse doni të jepni një nxitje për të menaxhimi i bibliotekës suaj të mediave, plugin WordPress FileBird mund të jetë arma juaj sekrete.
Shkarko | DEMO | web hosting
2. Kategoritë Ultimate WooCommerce Expandable
Ce plugin WordPress ju lejon të modifikoni lehtësisht listat e gjata të kategorive të mërzitshme të WooCommerce dhe t'i zëvendësoni ato me nivele të ndryshme nën-artikuj në një meny fizarmonikë.
Funksionalitetet kryesore të tij janë: mundësia e aktivizimit të tij dhe së fundmi që të funksionojë automatikisht (nuk kërkohen parametra!), Mbështetja për nivele të shumëfishta të kategorive (kategori, nën-kategori, etj.), Theksimi i kategori aktive, hapja e të gjitha kategorive prindërore nëse kategoria aktuale është brenda, pajtueshmëri me ndonjë Tema WooCommerce, duke iu përgjigjur dëshirave, azhurnime falas dhe një mbështetje shumë aktive të klientit.
Shkarko | DEMO | web hosting
3. WavePlayer
Siç mund ta merrni me mend nga emri, WavePlayer është një shtojcë e riprodhuesit audio që merr formën e valës së skedarit audio që luhet. Me këtë shtojcë, ju mund të presë gjurmët ose thjesht ta integroni atë me shërbime të tjera transmetimi.pritje në re, të tilla si SoundCloud.
Mund të përdoret gjithashtu për qëllime podcasting dhe ofron veçori të tjera të tilla si: mbështetje HTML5, paraqitje e përgjegjshme, integrim WooCommerce, etj ...
Ju gjithashtu do të jeni në gjendje të krijoni vizualisht një listë dëgjimi përpara se ta botoni. Një tjetër tipar thelbësor është shpejtësia dhe efikasiteti i tij.
Shkarko | DEMO | web hosting
Burimet e rekomanduara
Mësoni rreth burimeve të tjera të rekomanduara për t'ju ndihmuar të ndërtoni dhe menaxhoni uebfaqen tuaj.
- Si të compress dhe resize imazhet në WordPress
- Si të keni një adresë email me WordPress hosting tuaj
- Si të riemëroni imazhet në një blog WordPress
- Si për të gjetur lidhje në faqen e WordPress identifikimit
Përfundim
Këtu! Kjo është e gjitha për këtë udhëzim, shpresojmë që t'ju ndihmojë të shtoni CSS të personalizuar në Elementor falas. Mos hezitoni të ndajeni me miqtë tuaj në rrjetet tuaja të preferuara sociale.
Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress.
Nëse keni sugjerime ose vërejtje, lërini ato në seksionin tonë komente.
...