CSS Hero översyn, en av de mest populära CSS-redigerare till WordPress. Anpassa din WordPress webbplats som ett proffs utan några kodningskunskaper.
En av de främsta anledningarna bakom den enorma populariteten för WordPress CMS skulle vara dess omfattande anpassningspotential.
Men några av de WordPress teman, med sina begränsade temaalternativ, gör det svårt att designa ordentligt efter dina önskemål.
Manuell anpassning av kärntemafilerna är möjlig, men det kan vara lite krångligt och leda till problem om du inte är försiktig. Men det borde inte vara ett problem med CSS Hero WordPress plugin.
När pluginet är installerat ger det dig tillgång till ett peka-och-klicka-gränssnitt som låter användaren justera utseendet och känslan på din webbplats i realtid.
De flesta grundläggande anpassningar, som att justera färg, justering och teckenstorlek, kan hanteras via ditt vanliga grafiska användargränssnitt.
För mer avancerad konfiguration får du dock tillgång till en dedikerad kodredigerare som låter dig ange dina anpassad CSS.
Kort sagt, detta är en webbutvecklares dröm när man betänker hur mycket design- och anpassningspotential pluginet har i beredskap.
Men med det sagt är det värt att nämna att pluginet är betalt, och därför kanske folk funderar på om det är en bra investering för dem eller inte.
Det är därför vi, för den här läsningen, har sammanställt en omfattande läsning som går igenom alla finesser och funktioner. CSS Hero har att erbjuda, så att du kan fatta ett välgrundat beslut angående pluginet.
Så utan vidare, låt oss börja:
CSS Hero - Funktioner
För att börja recensionen, låt oss snabbt gå igenom alla funktioner och funktioner som pluginet har att erbjuda:
Anpassning för olika skärmstorlekar
CSS Hero ger dig alternativ att redigera och förhandsgranska hur din webbplats kommer att se ut på olika skärmstorlekar som dator, surfplatta och mobil.
Detta gör att du kan finjustera designen så att användare som kommer från både småskärmstelefoner och stora bildskärmar får bästa möjliga användarupplevelse.
Du får tillgång till en liveredigeringsskärm där du kan göra ändringar i realtid.
Pluginet låter dig också skapa olika designer för olika skärmstorlekar, vilket ger dig total anpassningsfrihet.
Åtkomst till komplexa CSS-egenskaper
Pluginet ger dig tillgång till komplexa CSS-egenskaper som du kan lägga till eller justera i din webbplats design med ett enkelt peka-och-klicka-gränssnitt.
Allt du behöver göra är att ange ett nummer eller flytta ett reglage så kommer ändringar att göras i dessa specifika CSS-element i designen, som gradienter, box-skuggor, textskuggor, Och så vidare.
Och det är inte allt, du får tillgång till den enorma samlingen av Google Fonts såväl som Typekit typsnitt som hjälper dig med allt ditt typografi behov.
Välj bara vilket typsnitt du vill använda från rullgardinsmenyn, så är du klar.
Färganpassning är också superbekvämt med inkluderingen av en dedikerad färgväljare och möjligheten att testa färgjusteringar och bakgrundsändringar i realtid.
Plugin-programmet låter dig till och med lagra/spara dina färgval för att enkelt skapa och tillämpa ett färgschema.
Med ett smidigt reglagegränssnitt kan du också justera utfyllnad och marginaler ges till olika designelement och moduler, vilket ger dig extra kontroll över layouten och det övergripande utseendet på din webbplats.
Inbyggd kodredigerare
Pluginet ger dig tillgång till ett avancerat CSS/LESSCSS-redigeringsgränssnitt med stöd för liverendering, kallat Inspector.
Funktionen låter dig lägga till extra regler, kopiera/klistra in vissa kodrader och till och med exportera ditt arbete med ett enda klick.
Detta är en gudagåva för utvecklare eftersom de kommer att kunna göra justeringar och justeringar direkt på kärnnivå.
Den är fullt kapabel att hjälpa dig att granska, redigera och förfina den genererade CSS-kodningen och kan till och med hjälpa dig att felsöka eventuella problem om de uppstår.
Kodavsnitt färdiga att använda
Den inbyggda kodredigeraren låter dig direkt infoga anpassade koder för att göra önskade ändringar i din webbplats design.
Men om du vill göra några generiska justeringar med hjälp av vanliga kodavsnitt, har du tur.
Pluginet innehåller en snygg samling färdiga kodavsnitt som hjälper dig att effektivisera din process.
Alternativ för att ångra/göra om historik
Alla justeringar och ändringar du gör med pluginet kan ångras/göras om om du tror att du gjorde ett misstag när du redigerade. Alla dina ändringar som gjorts med pluginet lagras i en dedikerad historik.
Allt är mycket detaljerat, så att gå bakåt eller framåt i din redigering är lika enkelt som att klicka på den version du vill återgå till. Detta gör experimenterandet mycket enklare!
Spara kontrollpunkter
Pluginet låter dig också skapa och lagra kontrollpunkter för din temaredigeringsprocess. Här kan du ta ögonblicksbilder av dina redigeringar och lagra dem som olika versioner.
Senare kan du granska dessa versioner, välja den du gillar bäst och klicka på en enda knapp för att publicera den.
Naturligtvis kan du också använda kontrollpunktsfunktionen för att spara dina redigeringsförlopp så att du kan återgå till dem senare.
Och det är inte hälften av det
Här är några av de andra anmärkningsvärda funktionerna som pluginet tillför:
CSS Hero – Användargränssnitt
CSS Hero ger dig tillgång till en WYSIWYG-redigeringsupplevelse i frontend som kommer att se ut ungefär som det som visas på bilden nedan:
Som du kan se får du ett verktygsfält högst upp som ger dig tillgång till alla grundläggande alternativ, som vilken skärmstorlek du vill redigera för, alternativ för att ångra/göra om, skapa kontrollpunkter och mycket mer.
Den huvudsakliga Inspektörsredaktör är placerad som en sidofält på vänster sida av skärmen.
Beroende på vilket element eller vilken modul du redigerar visar gränssnittet olika alternativ som du kan komma åt för att starta din redigeringsprocess.
Det är också här du får tillgång till kodredigeringsgränssnittet. När din anpassning är klar kan du klicka på knappen Spara och publicera.
Alternativt, om du inte vill publicera ditt arbete just nu, kan du använda alternativet Kontrollpunkter i det övre verktygsfältet för att spara ditt arbete men inte publicera det.
Du får också tillgång till ett verktygsfält längst ner som låter dig snabbt hoppa mellan olika delar av din layout, så att du snabbt kan göra dina anpassningar till dem.
Du kan dock också specifikt välja det HTML-element du vill redigera och behöver inte göra dina anpassningar i bitar.
Ska du använda CSS Hero?
Allt som allt, CSS Hero är ett utmärkt anpassnings-plugin som packar in en mängd kraftfulla funktioner i ett intuitivt användargränssnitt.
Utvecklare kommer säkerligen att tycka att detta är ett ovärderligt verktyg i sin arsenal. Detsamma gäller för webbansvariga som är trötta på att leta efter rätt temadesign och bara vill ha ett kraftfullt redigeringsverktyg som hjälper dem att anpassa sin webbplatslayout ordentligt.
Kom dessutom ihåg att pluginet inte har några låsningar och att du enkelt kan exportera alla dina stilmallar från en webbplats och importera dem till en annan.
Så om du kan offra bekvämligheten med att göra ändringar direkt i ditt webbplatsgränssnitt kan du få deras grundabonnemang på 29 dollar/år, vilket praktiskt taget är ett kap när man tänker på det.
