Kategori: Wordpress


  • Lite ny touch på ximon.se

    Som ni kanske ser på bloggen så har den fått en fin bakgrund. Jag tycker att den ger en lite skönare känsla.
    Hoppas att ni gillar det också

    (Följande text förutsätter viss kunskap i html och css för att vara av behållning.)

    Men sättet jag löste det på känns lite som ett mindre perfekt fulhack. Tanken var att bilden skulle vara bakgrund till allt, och själva main wrappern skulle vara vit-transparant. Temat har dock ingen sådan wrapper som gav padding runt texter. Så jag fick göra om bakgrundsbilden och lägga in ett vitt fält i mitten(Jag använde den utmärkta ”online-photoshop” tjänsten pixlr.com till detta). En inte helt ultimat lösning eftersom den knasar lite i mobilversionen, men det är nog inte någon som ser det och definitivt ingen som bryr sig (förutom jag).

    En sak till som jag oroade mig var också att om någon använde en större skärm än mig, då skulle den personen se vita kanter runt bilden. Det finns lyckligtvis ett till litet hack till det också. I style.css sa jag till att bakgrundsbilden att vara 100% bred. Den skulle alltså, oavsett skärmstorlek/upplösning, fylla hela hela skärmen i sidled. (Den fyller dock inte i höjdled, så skulle du sitta på en monsterskärm så får du skylla dig själv).  Du kan testa detta genom att hålla i Ctrl och sedan klicka på – eller +. För att få tillbaka till din vanliga storlek håller du ner Ctrl och klickar på 0.

    För att få det som jag ville så skrev jag:

    body{
    background-image:url(http://ximon.se/wp-content/uploads/2013/02/bg_trans.jpg); Bilden jag använder
    background-repeat:no-repeat; bilden ska inte repetera sig åt något håll
    background-attachment:fixed; bilden ska hela tiden vara på samma ställe, även om jag scrollar neråt
    background-position:center top; bilden ska vara positionerad längst upp i mitten.
    background-size:100%; det är här jag ger orden att den ska fylla hela skärmen i sidled. Vill man att bilden ska fylla både i höjd och sidled skriver man 100% 100%. Risken då är att den blir sneddragen om man har annorlunda proportioner på skärmen.
    }

     Ta bort all kursiverad text om du vill göra en copy-paste.

    Det det finns mycket mer jag skulle kunna skriva, förklara och utveckla men jag tror jag stanna här. För bådas skulle ;)

    Ställ gärna frågor om du har några. Skulle du ha tips på hur jag skulle kunna göra det annorlunda så säg gärna till.

    Kategori


  • Att tänka på INNAN du ordnar en hemsida

    Jag har fyra punkter som jag går igenom när någon behöver en hemsida. Utav diger bitter erfarenhet har jag förstått vikten av att även göra det i rätt ordning. Du får helt enkelt lita på mig i detta. Gör du fel så kan du ta beräknad tid gånger två.

    1. Future, vilket syfte fyller hemsidan, vad är poängen? Vilken förändring vill du se när den är färdig.
    2. Function, vilka funktioner behövs för detta (tänk fortfarande inte på hur det ska se ut). Ska du koppla den till andra tjänster (flickr, twitter facebook etc), vad ska den innehålla, vill du blogga från en smartphone osv.
    3. Feeling, vilken känsla ska sidan förmedla? Ska den vara “professionell”, personlig etc?
    4. Fabrics, nu kan du gå loss med färger och utseende. Istället för att testa 18 olika teman så har du redan en idé på hur den ska se ut.

    Oavsett om du gör den själv eller köper tjänsten så äger du fortfarande alla fyra punkter, Då kan duktiga designers och kodare skapa en hemsida som överträffar dina förväntningar.

    Ett tips till, använd wordpress punkt.

    Kategori


  • Ska man ha en professionell blogg och en privat?

    Jag har länge funderat på om jag istället ska ha en separat blogg för personligt jidder och en med professionell profil. Funderingarna har gått fram och tillbaka. Det har framför varit två saker som tvingat mig till att fundera en runda till.
    1, Dé privata besökare som gillar den ”professionella” delen, tröttnar dom om det kommer in personliga ströposter titt som tätt? 2, Eventuella arbetsgivare, backar dom för dé inte kan hantera transparensen?

    Jag frågade @jocke, @infomastern, @donna_carlsson @kommunchef och @athell hur dé tänkte. Summan av svaren var att om jag skulle köra en EN blogg men styla så att det är tydligt vad som är personligt och professionellt. Dessutom länkade @jocke till Micke på Åsiktstorped som skrivit en förnuftig post om att blogga professionellt och/eller privat på samma plats.

    För att göra det kort så kör jag nu allt på samma blogg men jag kategoriserar det personliga med en unik kategori. Nu ska jag bara göra det grafisk tydligare vilket som är vad Men det får bli med mitt nya tema..

    Hur bloggar/skriver du?

    Postat från Android WordPress, med risk för felstavningar etc..

    Kategori


  • Hur funkar ett wordpresstema

    Översikt över hur wordpress är uppbyggt. Tack Fredrik Malmgren för länken

    Yoast.com by Joost de Valk has put together a great infographic about the anatomy of a WordPress theme. It gives you a overview of how a WordPress theme works and which files does what.

    The anatomy of a WordPress theme

     

    Krångligt?  Behöver du mer hjälp, ta kontakt med mig på wesize.se

     

    Kategori


  • Bra wordpresslänkar

    Bra länkar om wordpress; teman, plugin och kodning finns det gott om på nätet. Det kan dock ta tid att hitta sina favoriter. För er skull så samlar jag mina favoriter. De kan verka tråkiga till en början men det är content till max. Håll till godo.

    Nybörjare

    http://www.wpbeginner.com/ Fin site för wordpressnybörjare

    http://ztrixq.se/category/wp/wordpress/ Bra svensk site om allt wordpress, SEO och internet i stort.

    Kodning

    http://codex.wordpress.org/ Den kanske tråkigaste länken, men den är guld värd. Vill du lite mer än att kunna byta tema så är det hit du ska gå.

    http://net.tutsplus.com/category/tutorials/wordpress/?tag=videos Högkvalitets video-tuturials om design och kodning.

     

    Handhavande

    http://wp-support.se/ Sveriges forum för wordpress.

    http://wordpress.org/support/ Engelska supportforumet.

    http://wpxl.se/ Svensk site om wordpress. Nyheter, tips och trix.

    http://sixrevisions.com/wordpress/ Nyheter och tips hur du får en snygg och effektivt tema.

    http://speckyboy.com/category/wordpress/ Design, optimering och nyheter.

     

    Design

    http://www.smashingmagazine.com/tag/wordpress/ The place för nyheter & tips allt rörande wordpress.

    http://codex.wordpress.org/Site_Design_and_Layout Grundkunskap i hur team fungerar.

    http://wordpress.org/extend/themes/ WordPress egen sida med säkra teman.

    http://themeforest.net/ Högkvalitativa betalteman.

    Kategori


  • Portfolio för wesize.se

    Jag har samlat ihop en liten portfolio för wesize. Här är några sidor som jag är stolt över.

    Kategori