T-tröja

Jag gjorde ett bidrag till en designtävling på Threadless.com. Uppdraget var att göra ett t-shirttryck med temat fotografi. Prispotten motsvarade ungefär 25 tusen kronor. Tyvärr höll inte mitt bidrag riktigt måttet den här gången.

Utförandet är jag nöjd med men det behövs en riktigt lysande idé i grunden för att ha en chans med så tuff konkurrens, och jag tror jag har en sådan på gång för nästa försök!

Arms and Lens - Threadless, Best T-shirts Ever

Ingen sidebar på vissa sidor

Jag hittade många instruktioner på nätet för hur man tar bort sidofältet från utvalda sidor på sin wordpressblogg, men ingen av dessa metoder funkade för mitt tema. Anledningen till detta är att koden som åkallar sidofältet i Intrepidity finns inbäddad i sidfoten. Också en del andra sektioners finns i sidfoten, så det dög inte att ta bort den helt och hållet heller.

Vad jag ville ha var en sida för bildgalleri fri från sidofält, så att mina bilder skulle kunna visas så stort som möjligt.

Här är instruktionerna för hur jag gjorde. Det kräver så vitt jag vet FTP-åtkomst. Alla stilar i exemplet nedan bör naturligtvis ändras så att de passar era övriga stilar:

Gallerimall

Skapa först en ny php-fil kallad gallery.php. Det går att skapa filen i en vanlig textredigerare. Kopiera in koden från temats egen page.php i den, spara och ladda upp den där du har WordPress installerat. Hädanefter går det att göra redigeringarna inifrån wp-admin på din sida.

I redigeraren (wp-admin/utseende/redigerare); öppna header.php och klipp ut:

<div id="container">

<div id="container-shoulder">

<div id="left-col">

Dessa bör flyttas till raden efter <?php get_header(); ?> i alla olika sidmallar förutom den nya gallery.php, alltså alla mallar där sidhuvud, sidofält och sidfot skall visas. Glöm inte obskyra sidmallar som 404.php, archive.php, osv. Skriv inte in några avslutande taggar för dessa, eftersom det redan finns i sidfoten.

Gå nu till gallery.php och klistra in <div id="gallery-container"> på samma ställe. Gå sedan till style.css och klistra in:

#gallery-container {width: 900px; background: #ffffff; }

#gallery-container .page {padding: 20px 0 12px 30px }

#gallery-container .page h2 {font-size: 22px; padding:14px 20px 0 0 }

någonstans i stilmallen.

Sök upp <div class="page-content"> i gallery.php och ersätt med <div class="gallery-content">. Gå till styles.css och lägg till

.gallery-content {background: #ffffff url(images/dots.gif) repeat-x 0 top; margin:4px 0 0 0; padding:12px 0 0 0; width: 840px}

Ny sidfot

Sedan är det dags att skapa en alternativ sidfot, som inte åkallar sidofältet, för galleriet. Jag gjorde en helt ny sidfot, genom att skapa en div id kallad gallery-footer och styla den med CSS, på samma sätt som med gallery-container ovan. Men eftersom det bara gäller en sidmall i det här fallet så tycker jag att det går bra att skriva hela koden direkt i gallery.php.

Börja med att ta bort <?php get_footer(); ?> som ligger sist i gallery.php. Kopiera hela innehållet i footer.php och klistra in i slutet av gallery.php. Ta sedan bort:

</div><!--End left-col-->

<?php get_sidebar(1); ?>

</div><!-- #container-shoulder -->

Lämna </div><!-- #Container--> för att avsluta <div id="gallery-container">.

Bildbilagor

Jag använde också det här för att skapa en bättre mall för mina bildbilagor, men det krävde lite ytterligare trix så det återkommer jag med en annan gång.

Spårvagnsmänniskor

Det här är några figurer jag ritade av på spårvagnen en dag. Jag försökte inte ens göra karikatyrer, dom såg minst så här speciella ut. Särskilt den äldre mannen med solglasögon var helt otrolig. Gigantiska öron, krokig näsa, comb-over och solbrillor; han var helt enkelt en levande seriefigur. Eftersom jag hade skissblocket med mig kunde jag inte låta bli att göra lite skisser (som jag sedan tuschade hemma). Helt populärt var det inte, som ni kan se på minerna.

Etiketter: , ,
Inlagt i Fritid av Pontus. Inga kommentarer

Det lilla, spionerande smilfejset

Mot slutet av mitt arbete med hemsidan så upptäckte jag det här:

Ett pyttelitet smilfejs längst ner på sidan. Jag blev helt kall!

—Vem är det som jävlas med mig? Har någon hackat min sida redan innan den är färdig? Nej, det måste vara något tecken som jag råkat skriva dit av misstag.

—Fel! Jag högerklickar på den och det är en bild med namnet ”g.gif”. Då måste det ju vara någon som har haft roligt på min bekostnad. Förkrossad berättar jag om saken för min flickvän. Hon får ett skrattanfall och tycker det var ett bra bus.

—Må så vara, tänker jag, men faktum kvarstår att någon har mixtrat med min sida. Jag känner mig otrygg. Så jag laddar ner bilden och kollar var den kommer ifrån; ”http://stats.wordpress.com/g.gif”??? Det här måste undersökas.

Ok, så det visar sig att WordPress petar in en liten ”WordPress Ninja” (som den verkar kallas på vissa håll) på alla sidor som använder deras statistiska funktioner. Det är den som håller koll på antalet besökare. Dom räknar helt enkelt antalet gånger g.gif laddas.

Det finns alltså små, spionerande smileys överallt på nätet. Här är wordpressninjan på min gamla blogg:

Testa gärna om ni kan hitta den på annat håll.

Jag tycker nog att den är rätt gullig egentligen. Även om den säkert ger många skrämselhicka när de först upptäcker den. Det visar att folket på WordPress har humor, om inte annat. Men i vissa teman blir det trubbel. På min sida orsakade den till exempel en 4 pixlar bred, vit linje längst ner på min svarta sidfot. För er som har problem med ert smilfejs så finns det en lösning.

Hur man tar bort smilfejset. (I korthet: lägg till img#wpstats {display: none;} i ert stylesheet). Det verkar inte som om det påverkar statistiken.


Etiketter: , , ,
Inlagt i Spaningar av Pontus. 3 kommentarer

Hej världen!

Yes! Färdig.

Men wow! Jag hade ingen aning om vilken pärs det skulle bli när jag satte igång med att bygga den här hemsidan.

I likhet med många andra har jag byggt lite enklare hemsidor i mina dar. Jag lekte med möjligheterna att bygga hemsidor med tabeller i internets barndom och gick igenom en självstudiekurs i Dreamweaver vid något tillfälle. En metod som passade mig bra var att bygga sidor i Photoshop som en enda bild, sedan skära upp den i smådelar, importera alltihop till Dreamweaver och tilldela varje del en länkfunktion eller liknande där. Men jag har aldrig hanterat så komplicerad kod som krävs för att få en sådan här sida att fungera.

Nu har jag ju inte skrivit koden själv från grunden, men jag har ändrat på det mesta, vilket i de flesta fall resulterade i oförutsägbara resultat. Det kändes som att så fort jag fick en sak att fungera som den skulle, så orsakade den lösningen ett haveri på annat håll. Ni måste förstå att mitt utgångsläge när det gäller CSS, JavaScript och JQuery var på absolut noll.

Som designer är jag van att kunna åstadkomma nästan vad som helst grafiskt (bara man inte ger upp, så). Därför var det oacceptabelt att kompromissa med vissa saker i presentationen, så jag var tvungen att möta de tekniska utmaningarna med ökad kunskap. Det blir nog en och annan artikel om specifika problem som jag har stött på och hur jag löste dem. I och för sig finns det redan många handledningar på nätet om att anpassa wordpressteman men det kan aldrig bli för många, eftersom varje tema är erbjuder unika utmaningar.

Ursäkta röran…

Det fattas så klart en hel del material på sidan. På titelsidan finns ett bildspel där jag har tänkt att göra reklam för det bästa innehållet på sidan. Jag har tänkt skriva engagerande beskrivningar av varje grafiskt formgivningsprojekt och roliga bildtexter till alla bilder. Sidan Om mig har jag stora planer för. Där ska finnas en saklig och professionell genomgång av vilka tjänster jag kan erbjuda och hur det går till att anlita mig. Men allt detta kommer ta lite tid.

Ramverket är hur som helst färdigt, och ni är välkomna att kika runt hur mycket ni vill.

Etiketter: ,
Inlagt i Meddelanden av Pontus. 4 kommentarer