Ce zici de personalizarea temei Live WordPress în timp real? Ei bine, CSSHero este un plugin pentru a face modificări într-un mod simplu

WordPress este un cadru CMS, plin de personalizare și oferă o mulțime de API și cârlige pe care orice dezvoltator le poate folosi pentru a modifica teme și pluginuri. Acesta este motivul pentru care în prezent avem o opțiune de a alege pluginuri din mii de pluginuri disponibile din depozitul oficial WordPress.

În această postare vom discuta despre noul plugin CSSHero cu toate detaliile. Dar înainte de a începe, să ne concentrăm asupra these questions .

• Cum să make live changes site-ului tău WordPress?
• Temă se schimbă în timp real?
• Există vreo modalitate ușoară de a afla numărul de proprietăți CSS pentru tema WordPress?
• Editați-vă blogul WordPress cu previzualizări în timp real
• Personalizarea temelor WordPress înainte ca acestea să fie live

Dacă aveți oricare dintre întrebările de mai sus, sunteți în locul potrivit.

Dacă doriți să faceți modificări live de unul singur, without any help din partea pluginului, atunci trebuie să cunoașteți aproape ~300 of CSS properties înainte. Este oarecum imposibil să le modifici pentru a vedea schimbări reale în modul teme live. customizer WordPress vă permite să modificați unele dintre proprietăți, dar nu toate și aceasta este problema reală pe care o avem.

Aș spune că avem DOUĂ opțiuni:

Opțiunea-1) Efectuați manual modificări CSS

• Deschide-ți blogul în Chrome/Mozilla
• Faceți clic dreapta pe elemente CSS, cum ar fi antet, postare, imagine etc
• Faceți clic pe Inspect pentru a vedea proprietățile CSS
• Faceți modificări pentru a vedea efectul
• Odată ce sunteți bine – Accesați fișierul style.css al temei și salvați modificările
• Repetați procesul de mai multe ori

Opțiunea-2) Utilizați pluginul cu funcționalitate încorporată, în cazul nostru este CSSHero

• Efectuați modificări pe live site cu editor
• Vezi rezultatul live
• Faceți clic pe Save button și ați done

CSSHero în colaborare cu Crunchify, oferind 10 free Licenses gratuite cititorilor Crunchify. A completa acest formular google pentru a vă înscrie numele. – Giveaway TERMINAT

Să instalăm CSSHero și să efectuăm modificări live ale temei WordPress

NOTE : Verificați videoclipul complet din partea de jos a acestei postări.

Pasul 1

De ce CSSHero? CSSHero este un plugin WordPress premium . Licența de bază începe cu $29/site . Aș spune – dacă ești începător sau profesionist merită să încerci. Vine cu o garanție de returnare a banilor de 30 days .

Folosește codul CRUNCHIFY pentru a obține 34% off la Starter, Planurile personale și 40% off la planul Pro.

Înregistrați-vă licența și descărcați cea mai recentă versiune a CSSHero plugin din tabloul de bord: http://www.csshero.org/

Pasul 2

• Instalează-l din panoul de administrare WordPress și activează-l
• La activare, va cere Key
• Doar faceți clic pe Get my Key Now! butonul și se va deschide o pagină cu cheia de licență
• Faceți clic pe Get License și sunteți gata

Punctul-1) Să începem cu funcționalitatea

• Acum accesați home page a blogului dvs. și veți vedea butonul animat CSSHero în colțul din top right sus.
• Faceți clic pe acesta și pluginul va încărca control panel care funcționează cu tema dvs

Aruncă o privire la gif-ul de mai jos cu toate CSSHero options :

Punctul-2) Opțiunea CSSHero Theme Editor

Ideea pentru theme editor este să schimbi tot theme's style cu un editor vizual simplu. Cu ajutorul editorului de teme CSSHero ai putea schimba

• Antet
• font
• frontieră
• stiluri etc.

Același lucru este valabil și pentru

• continutul corpului
• post de intrare
• metavalori
• valorile antetului
• subsol
• bara laterală, etc. Aruncă o privire la GIF de mai jos.

Punctul-3) Opțiuni de dispunere a dispozitivului la îndemână cu un singur clic

După cum vedeți în imaginea de mai jos, editorul de teme ne oferă opțiunea de a verifica numărul diferitelor Layouts pentru mobil, iPhone, iPad ale temei dvs., doar cu trecerea mouse-ului și un singur clic.

Punctul-4) Cum să anulați modificările recente?

Utilizatorul are opțiunea de a anula toate modificările recente folosind modulul simplu Change history . Pun pariu, nici unul dintre dezvoltatori nu face treaba corect la prima încercare, nu cel puțin eu :). Acest lucru este foarte util pentru mine.

CSSHero oferă, de asemenea, un modul foarte la îndemână care arată all of your save changes . Puteți reveni în timeline și puteți reveni la versiunea anterioară. Nu este instrumentul ăla la îndemână? Am folosit acest instrument până acum de multe ori și mi-a plăcut.

Punctul-5) Setări și instrumente Opțiuni

Preset Settings și Tools Options .

Aruncă o privire la videoclipul detaliat pe care l-am capturat, care arată toate funcționalitățile CSSHero WordPress Custom CSS Editor.

Video Youtube detaliat:

Acum, deoarece ați văzut toate funcționalitățile, este timpul să puneți întrebările de mai jos :).

Punctul-6) Funcționează acest plugin cu tema mea?

Conform informațiilor de pe site-ul oficial CSSHero, pluginul funcționează mai jos cu toate cadrele de teme WordPress.

• Cadrul Genezei
• GeneratePress
• StraturiWP
• Tema Ultimatum
• Total
• În avans
• WP Bootstrap
• Tematic
• Necesar+Foundation
• Omega
• Pagelines DMS

Dacă tema dvs. isn't compatible cu CSSHero, atunci no worries . Vă va afișa o opțiune pentru a activa Rocket mode .

Message : Nu există suport nativ pentru această temă. Vrei să încerci detectarea automată în modul rachetă? enable it și încercați CSS again și ar trebui să vedeți aceleași opțiuni ca și în videoclipul de mai sus.

Punctul-7) Ce zici de suport și documentare pentru pluginuri?

Unele dintre pluginurile WordPress populare, cum ar fi Gravity Forms, WooCommerce, Contact Form7, WP Pools și altele, sunt compatibile cu cadrul CSSHero.

Aceasta înseamnă că CSSHero nu funcționează numai cu theme customization , ci și cu plugin layout customization .

Nu în ultimul rând, pe site-ul oficial, există un număr de articole detaliate de tips and tricks disponibile pentru a le citi.

Only Cons la care m-am putut gândi este să mă familiarizez cu toate funcționalitățile. Poate dura ceva timp pentru a începe și a deveni profesionist. Odată ce vă familiarizați cu CSSHero, sunt sigur că va fi very handy solution pentru toți bloggerii WordPress.

Luați legătura cu noi dacă aveți un produs, un plugin, o temă etc. pe care credeți că doriți să-l promovați.

Iată ofertele exclusive Crunchify pentru CSSHero:

Bună Cititorii Crunchify –

Suntem încântați să anunțăm up-to 40% off la pluginul de personalizare a temei CSSHero WordPress.

Vă rugăm să aruncați o privire la pașii de mai jos

Pasul 1

• Accesați site-ul CSSHero: https://www.csshero.org/
• Faceți clic pe linkul Pricing Plans de prețuri

Pasul 2

• Faceți clic pe butonul I have a coupon code

Pasul 3

• Introdu codul cuponului: CRUNCHIFY

Pasul-4

• Faceți clic pe butonul Valorificați pentru a obține 34% off la Starter și la Planul personal
• Obțineți o reducere de 40% off la planul Pro

Lista tuturor ofertelor: https://crunchify.com/deals/