Lägg till effektfulla skuggor på era bilder med Shadows plugin

Lägg till effektfulla skuggor på era bilder med Shadows plugin

Publicerad den 08. Sep, 2009 av i Plugin

Många av oss som bloggar använder ofta bilder till våra inlägg för att visa något mer iögonfallande än bara text. För att göra bilder, divs och blockquotes ännu mer effektfulla kan man lägga till snygga skuggkonturer på ett enkelt sätt med ett plugin som heter Shadows.

Shadows är ett plugin med storleken  434 Kb uppackat, men med lite optimering blir pluginet inte större än 29 Kb! Jag visar längre ner i artikeln hur ni gör! Så storleken på pluginet är litet (som det ska vara) och gör inget större väsen av sig med databasförfrågningar och dylikt. Ett plugin som kan vara ett effektivt sätt att snygga till sina bilder eller divs på sin blogg. Här är några exempel på hur det kan se ut med Shadows plugin.

shadow_curl

shadow_flat

shadow_osx

shadow_osx_small

Installera och hantera Shadows plugin!

Via Deepport kan ni ladda ner Shadows eller klicka på direktlänk till Shadows plugin. Ladda ner plugin eller installera automatiskt via er WordPress installation. Om ni vill minska ner storleken på pluginet så ladda först ner till er dator och installera inte direkt via er admin-panel i WordPress. Filen är i Zip format så ni behöver packa upp filen.

I katalogen Shadows som zippas upp, plockar ni bort bilderna screenshot-1.png och screenshot-2.png för ni behöver inte dem. Nu är katalogen Shadows endast 29 KB. Nu kan ni ladda upp katalogen Shadows via FTP till er WordPress installation eller gör ni som jag, packa i ihop er (lilla) Shadows katalog med ert Zip-program och logga ni in på er WordPress blogg och installera automatiskt Shadows plugin. Via er admin-panel kan ni göra inställningar via fliken Shadows som lagts till, men det behövs inte, det går bra med standard inställningarna.

För att lägga till skuggeffekter på era bilder som i bildexemplen gör ni bara så här

Hur får man fram skuggeffekterna på sina bilder, Divs och blockquotes? Jo, man använder sig olika ”classes” för varje objekt och dem olika klasserna kan ni se här.

  • shadow_curl
  • shadow_flat
  • shadow_osx
  • shadow_osx_small

Om jag som brukligt infogar en bild i en artikel ser min vanliga img class ut så här.

<img class="alignleft size-full wp-image-171" title="WP-Plugin"

För att lägga till olika skuggkonturer och använda Shadows ”classes” byter jag bara ut img class till någon av klasserna shadow_curl, shadow_flat.. och då ser det ut så här..

<img class=" shadow_osx" title="WP-Plugin"

Det ser betydligt snyggare ut med en skuggeffekt på bilderna eller hur?

Andra bloggar om: , , , ,

Om Peter Nilsson

Peter Nilsson är en webbnörd som inriktat sig på att skriva om WordPress. Här på bloggen hittar ni tips om WP-tema, plugin, guider & tips och mycket mera. Stay tuned..

Web | Twitter | Facebook | Google+ | More Posts (321)

Tags: , , ,

Lämna en kommentar