Lenas egna - Trial & error

mot html5: del 1

Postat 06 augusti 2011 i WP & HTML5 Inga kommentarer

Det här är alltså början till ett nytt tema. Helt utan tema kan inte WP köras, så jag har skapat ett nytt tema i dess allra enklaste form. I katalogen /wp_contents/themes/ har jag gjort en ny temakatalog som jag kallade ”mitt-tema” (kan heta vad som helst, men undvik mellanslag och håll dig till tecknen a-z, A-Z, 0-9, _ och – i namnet, det bör man för övrigt alltid göra med katalog- och filnamn som ska leva på webben för att undvika problem). I min temakatalog finns två filer, style.css och index.php, dessa två är nödvändiga för ett tema, men kommer så småningom att få sällskap med många fler.

style.css

Stilmallen innehåller i nuläget inga stilregler över huvud taget, endast den rad som definierar själva temat för WP-motorn.

/*
Theme Name: Mitt HTML5-tema
*/

Man kan lägga in mer information än bara tema-namnet om man vill, men ska man bara ha det för eget bruk räcker det så. Informationen skrivs som en kommentar, vilket i css görs mellan /* och */

index.php

Allt som skrivs mellan <?php och ?> är alltså php-kod, och består så här långt enbart av anrop till färdiga wp-funktioner. Exakt vad dessa gör kan man hitta i WordPress Codex (en sida som jag alltid har öppen som referensverk, det finns ingen möjlighet att lära sig allt utantill). De allra flesta finns under Template Tags, några får man använda sökfunktionen för att hitta.

Jag har gjort filen så enkel som möjligt och bara tagit med det allra nödvändigaste, så att själva inläggen ska synas och det ska gå att kommentera, men samtidigt använt de nya HTML5-elementen.

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo('charset'); ?>" />
	<title>Lenas egna - Trial & error</title>
	<link rel="stylesheet" type="text/css" src="<?php bloginfo('stylesheet_url'); ?>" />
	<?php /* Funktionsanropet wp_head() ska alltid finnas allra sist före </head>! */ ?>
	<?php wp_head(); ?>
</head>
<body>
	<header>
		<hgroup>
			<h1><?php bloginfo('name'); ?></h1>
		</hgroup>
	</header>
	<?php /* Hämta inlägg: The Loop */ ?>
	<?php while(have_posts()) : the_post(); ?>
	<article>
		<header>
			<h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
			Postat i <?php the_category(); ?>
			<time pubdate="pubdate"><?php the_date(); ?></time>
			<?php comments_number(); ?>
		</header>
		<?php the_content(); ?>
		<footer>
			<?php the_tags('Taggar: '); ?>
		</footer>
	</article>
	<?php if(is_single()) : ?>
		<ol class="commentlist">
			<?php comments_template(); ?>
		</ol>
		<?php comment_form(); ?>
	<?php endif; ?>
	<?php /* Avsluta The Loop */ ?>
	<?php endwhile; ?>
	<nav>
		<?php next_posts_link(); ?>
		<?php previous_posts_link(); ?>
	</nav>
	<?php /* Funktionsanropet wp_footer() ska alltid finnas allra sist före </body>! */ ?>
	<?php wp_footer(); ?>
</body>
</html>

HTML5-element som används:

header Definierar inledningen av ett dokument eller en sektion, kan innehålla t ex navigation och rubriker
hgroup En grupp av h-taggar (<h1> till <h6>), där lägsta siffran är huvudrubrik och övriga underrubriker
article Enligt w3.org ska article egentligen användas för att definiera externt innehåll, men verkar i praktiken användas till just det som det låter som: en artikel eller en bloggpost
time Definierar datum och/eller tid (attributet pubdate talar om att det handlar om publiceringsdatum)
nav Definierar navigering
footer Definierar antingen en sidfot, eller foten på en sektion, t ex en article

Anm 1: Jag har skrivit in sidans namn i title-taggen. Det ska man inte göra, man ska använda sig av ett funktionsanrop istället (samma tema ska kunna användas till en annan wp-installation, eller du ska kunna byta namn på bloggen utan att behöva ändra i filerna). Men jag vill inte använda standardfunktionen utan istället skriva en egen funktion för att göra den mer sökmotorvänlig, så det får vara så länge. Om du vill anropa standardfunktionen ska title-taggen se ut så här:

<title><?php bloginfo('name'); ?></title>

Anm 2: Jag har avinstallerat alla plugins också, för att ingen sådan ska lägga sig i hur saker och ting uppför sig. Med ett undantag: en plugin som gör det möjligt att visa kod i inläggen.

HTML5 handlar alltså väldigt mycket om semantik. Och man har på ett sätt tagit till sig det som varit praxis bland webbutvecklare och gjort till standard. Det har varit väldigt vanligt under många år att man lagt t ex en headerbild, sidans rubrik och en navigation inom en div-tagg med id=”header”. Nu blir det ett eget element istället.

Nästa steg blir att lägga till såpass med stilregler att det blir lite mer läsvänligt. Det här är inte så kul.

html5 – innan jag börjar

Postat 05 augusti 2011 i WP & HTML5 Inga kommentarer

Det jag tänkte skulle bli ett litet sidoprojekt växer redan under planerings- och researchstadiet. Jag hade inte tänkt vara så himla ambitiös från början, bara experimentera mig fram som jag brukar göra när jag lär mig nya saker, med den enda skillnaden att jag skulle göra det här istället för lokalt på min egen dator, och så skriva ner vad jag gör vartefter. Men det vore väl inte jag om jag skulle kunna hålla det på en sån enkel och lagom nivå, så jag har ägnat halva natten åt att läsa på ännu mer, samlat på mig länkar och försökt fatta beslut om exakt hur och i vilken ordning jag ska göra saker, och vilka eventuella hjälpmedel i form av färdiga mallar som ska användas. Och i mina tankar har det hela växt ut till ett ganska omfattande och ambitiöst projekt.

Först och främst har jag kollat närmare på vilka webbläsare som har bäst stöd för HTML5. Och jag hade fel igår när jag skrev att Safari skulle gå bra. Safari är inte lika uselt på den punkten som IE, men inte långt ifrån. I särklass bäst är Chrome, och det är oavsett operativsystem. Tvåa är Firefox, och en bit därefter kommer Opera. Vill du hänga med här så rekommenderar jag absolut att du installerar Chrome!

Så kom jag på att om alla inlägg jag gör om detta ska ha ett läsvärde efter att jag gjort nästa förändring, så måste jag hela tiden infoga skärmdumpar som visar förändringarna. Det betyder att man kommer att kunna se förändringarna i bilderna, även om man har en kass webbläsare, vilket i bästa fall kan motivera även den mest inbitne IE-användare att byta upp sig för att få del av allt nytt och roligt som händer på webben nu.

Innan avklädningen, med ett färdigt tema "Oenology".

När det gäller hjälpmedel och färdiga mallar har jag haft riktig beslutsångest. Självklart finns det färdiga WP-teman som tar tillvara alla de senaste finesserna i WP, och det finns även de som stöder HTML5. Men jag vill ju lära mig, och det gör jag bäst genom att skriva koden själv. Det är helt ok att använda färdiga mallar och teman, men vill man ändra något i dessa så måste man veta vad man gör. (Om man ser på frågorna på olika hjälpforum, så är det just där det blir galet. Man hittar ett snyggt tema, laddar hem det och vill sedan ändra något, men har inte på långa vägar de grundkunskaper som behövs för att greja med koden.) Det finns också en del helt avskalade startteman, som bara hämtar in en drös med WP-grejer, men helt och hållet (ibland nästan helt) saknar formattering, dvs css-regler. Teman som alltså fungerar som mall för att göra ett eget tema. Här finns t ex fem olika att välja på, det allra ”renaste” där är Starkers HTML5. Men jag bestämde mig till slut att inte ens använda ett sådant, utan koda allt själv från grunden (vilket inte hindrar att jag använder t ex Starkers som referens).

Helt konsekvent i undvikandet av mallar kommer jag inte att vara ändå. Jag har de senaste två-tre åren använt mig av 960.gs, ett färdigt ”rutnät” som css-mall för att göra layouten på webbsidor. Och det kommer jag att göra nu också (om jag inte istället väljer att testa Fluidgrid den här gången), att sitta och pilla med marginaler och kolumner och få det snyggt tar bara tid. Jag tycker alltså inte att det är fel att använda färdiga mallar, men jag tycker att om man gör det gäller två saker: antingen låter man bli att peta i mallen och tar den som den är (i det här fallet finns ingen anledning att peta), eller också kan man tillräckligt om det man petar i, oavsett om det är html, php, javascript eller css för att veta vad man gör.

Jamen dåså! Då är det dags att ”klä av” bloggen. Trial & error.

PS Om du vill veta mer om nyheterna med HTML5, så finns en översiktlig beskrivning här. På svenska!

mot html5

Postat 04 augusti 2011 i IT & webb, WP & HTML5 1 kommentar

Att jobba med webb är lite stressande faktiskt. Att försöka hänga med i svängarna är inte helt lätt när utvecklingen går så rasande snabbt. De senaste sajterna jag gjort är, trots att de är nya, redan omoderna. Inte för att det kanske gör så mycket, det handlar ju inte om att de är byggda i frames och med animerade giffar som dekoration, de är inte omoderna på det viset. Men med modernare teknik hade jag kunnat göra mer, och de hade förhoppningsvis kunnat ge en bättre användarupplevelse.

Men jag har helt enkelt inte hunnit med. Medan jag har kämpat med att lära mig AJAX-tekniken skapligt, och dessutom stuckit emellan lite med att experimentera lite med Android-appar (och sånt här sker alltså mest ”vid sidan om”, på lediga stunder), har HTML5 raskt tågat in på webben. Visserligen lär det inte bli den fastslagna standarden förrän 2014, läste jag häromdagen, men används redan nu i stor utsträckning och stöds av flera av de stora webbläsarna. (Inte helt oväntat ligger t ex IE en hel del efter t ex Chrome, FF och Safari.)

Nu har jag de senaste dagarna läst på en del om HTML5, och känner att jag måste testa och experimentera för att lära mig. Normalt sett brukar jag göra sådant för mig själv på min egen dator, och brukar resultera i att jag sjunker in i det och försvinner för omvärlden under tiden, men igår fick jag en idé. Jag gör det här på min egen blogg istället, in public och live! Och så skriver jag om vad jag gör under tiden. Inte som en tutorial precis, eftersom jag lär mig själv under tiden, men det kanske kan hjälpa andra ändå om jag bemödar mig om att skriva på vanlig svenska utan alltför mycket fackuttryck. Det mesta jag läser för att lära mig är både på engelska och fackspråk, och är kanske obegripligt för de flesta. Förvänta er ingen nybörjarguide bara, det kommer att krävas förkunskaper både när det gäller HTML och CSS och förmodligen också lite grundläggande kännedom om WordPress.

Från och med nu kommer alltså bloggen (med ojämna mellanrum) att genomgå förändringar. Jag kommer att börja med att klä av den helt och hållet, och sedan steg för steg bygga upp ett nytt tema runt den, ett tema som förhoppningvis tar vara på alla (de flesta) möjligheterna med både det nya WP och HTML5.

Det kan bli kul (och det är för min del inte bara för nöjes skull, det är fortbildning) det här! Ett problem kan vara att jag inte har rätt sorts publik, i den mån jag över huvud taget har några läsare kvar efter mitt magra bloggande det senaste året så är kanske inte detta önskeläsningen… Men jag kan nog blogga om annat också emellanåt.

får man se bra ut också, kanske?

Postat 25 juli 2011 i tankar & åsikter 4 kommentarer

Efter Tvååker bestämde jag mig, nu är det verkligen dags för nya glasögon. Åtminstone behövdes högre styrka, eventuellt behövde jag kanske mer än bara läsglasögon också. En tid för synundersökning bokades till nästa vecka, men idag fick jag en återbudstid som jag snabbt nappade på.

Den unga, kvinnliga optikern gjorde sitt jobb och hon konstaterade, precis som optikern som undersökte mig när jag skaffade läsglasen för några år sedan, att det lilla brytningsfel jag har är inget att bry sig om, det räcker med läsglasögon. Bra, tänkte jag, det lär ju bli bra mycket billigare så. Sedan sa hon något jag inte tänkte så mycket på vad hon menade med just då: ”Det är ju onödigt att slipa upp ett par glas för det”. Jag svarade: ”Då kan jag välja vilka bågar jag vill då?” (Jag tänkte på att A som har progressiva glas inte kan välja för smal båge.) Optikern såg lite undrande ut och jag vet inte riktigt vad hon svarade.

Hon följde mig ut i butiken och pekade på en liten ställning med glasögon i plastpåsar. Samma typ som brukar finnas på bensinmackar. 39 kronor styck. Fula som bara den. ”Du kan välja där. Styrka 2.”

Jag blev så förvånad och förvirrad att jag blev stum. Sen klämde jag fram att jag nog faktiskt ville ha nåt roligare… Då kom det, repliken som fick mig att förstå att jag inte var värd att ödsla tid på: ”Ja, jag tar betalt för synundersökningen nu då, så får du göra hur du vill sen. Vanliga läsglasögon kan du ju köpa var som helst, om du hittar nåt du vill ha på ICA t ex. Bara kom ihåg styrka 2.” Jag betalade snällt, men tänkte att vill du inte sälja, så ska du fanimej inte få sälja heller. Men kastade en förstulen blick på designerbågarna på vägen ut.

Senare passerade jag Life-butiken, och såg att det fanns ett hyggligt sortiment med läsglasögon där. Och köpte ett par rätt snygga för 300 spänn. Men jag kan inte släppa det här. Vad var det som gjorde att jag blev så avsnoppad? Varför tyckte inte människan att jag var värd ett par snygga och välsittande glasögon? Tänk om jag på riktigt hade velat ha ett par designerbågar för flera tusen (det ville jag inte, men minst tusen hade jag varit beredd att betala)?

Det bästa sättet att spara är väl att inte köpa alls, och på det viset lever väl Specsavers upp till namnet.

tankar

Postat 23 juli 2011 i tankar & åsikter Inga kommentarer

Jag var på apoteket igår för att hämta ut en omgång ”kärringpiller”. När jag stod med min kölapp och förstrött granskade artiklarna på allergihyllan, kom två norska, vithåriga tanter i 75-årsåldern. De skulle ha øye-dropper. Jag pekade först på ett paket, men upptäckte att det fanns så många sorter att det nog var bättre att personalen hjälpte till. Medan de diskuterade med expediten funderade jag lite över det faktum att det är ganska ovanligt med norska turister här. Tyskar och danskar är det gott om, men inte mycket norrmän. Oviktiga tankar medan jag väntade på min tur.

Det måste ha varit ungefär en timme efter explosionen i Oslo. En timme innan massakern på Utøya började. Jag visste ingenting. Antagligen inte tanterna heller.

Hemma hörde jag först om bomben, och samtidigt om ”någon form av skottlossning utanför Oslo”. Alla, både polis och media var fullt upptagna med bomben, ett samband mellan de två händelserna verkade just då lite långsökt, och ingen anade att den där ”skottlossningen” i själva verket var en massaker som även i krig skulle räknas som krigsbrott.

Senare på kvällen, när hela bilden av omfattningen och sambandet mellan händelserna började sjunka in, tänkte jag på de norska tanterna igen. Två gamla norska tanter på semester i Sverige. Just då var just de min närmaste relation till Norge, och jag undrade över om de hade något barnbarn på ön…

Och i morse var plötsligt de 15-20 döda nästan 100. Hur ofattbart mardrömslikt måste det inte ha varit på den där ön? Här är en ögonvittnesskildring. Det kommer nog fler.

trettisex timmar, en sorts rekord

Postat 19 juli 2011 i hälsa 1 kommentar

Det var ju Tvååkers-utställningen fredag-lördag i helgen som var. En trevlig tillställning som vanligt, inget anmärkningsvärt inträffade. Jag hade en lätt och fullt hanterbar, men envis huvudvärk från fredag kväll, men det är ju inte heller något anmärkningsvärt och eftersom den inte var av migränsorten knappast värd att nämna ens.

Det möjligtvis anmärkningsvärda började under hemresan. Huvudvärken satt där den satt (i ögonbrynet, och det vet jag ju vad det är) och irriterade. Jag var fullt kapabel att köra bil, men efter stoppet i Ljungby där jag vrålhungrig försökte äta en Sibyllakorv som bara gjorde mig illamående, var det väldigt skönt att ha en medpassagerare som tog över ratten och jag fick sitta bredvid och blunda istället. Sista biten hem började jag frysa, vilket egentligen inte var rimligt i rådande temperatur, och när jag väl var hemma vid halv-nio-tiden stupade jag omedelbart i säng med fullt utvecklad feberfrossa.

Jag sov i stort sett i ett enda sträck i 36 timmar… Gjorde ett par halvhjärtade försök att vakna till med hjälp av lite kaffe, men somnade direkt igen. Måndag morgon vaknade jag, fortfarande med tryckande bihålor men feberfri och utan värk.

36 timmar. Men så himla sjuk var jag ju inte? Konstigt. Och konstigt att vakna och fundera över om idag var idag eller om det var igår. Eller om imorgon är idag?

Men det där var igår. Idag är jag typ frisk. Och tror att jag vet att idag är idag.

alla bilder…

Postat 12 juli 2011 i Okategoriserade 3 kommentarer

Jag har testat diverse olika galleri-plugins genom åren, och nu tänker jag installera ett nytt igen… Ska nog ta mig tiden att länka om gamla bilder också den här gången, så de kommer fram ur gömmorna.

antingen eller

Postat i hem & familj 3 kommentarer

Det finns ganska många områden där jag bara har två lägen: antingen – eller. Av eller på. Min huslighet t ex. I perioder är jag fullständigt av, gör bara minsta möjliga av hushållsysslor och knappt det. Har absolut ingen inspiration för matlagning, kommer inte på några rätter, och fixar definitivt inte att handla för mer än en dag i taget. Att göra något utöver vad som krävs för att vi inte ska svälta finns inte på kartan. Om jag skulle bli sugen på något kaffebröd t ex, så köper jag. Bakning drar ju med sig en massa disk och är inte alls värt besväret. Tycker jag då.

Men så svänger det. Jag drar igång långkok, jag experimenterar fram nya rätter, jag bakar, syltar och saftar. Jag klarar utan vidare att planera så att jag kan handla för flera dagar i taget. Jag är på.

Nyss ramlade jag in i på-läget. Det började med de där körsbären som fanns på Skyttelund. Hur mycket som helst, kom och plocka! annonserade Ullis ut på FB. Efter att jag skjutit på det i

Körsbär. Mijoners triljoner.

flera dagar av olika anledningar kom jag iväg igår. Plockade bortåt fyra kg i ett nafs, det finns verkligen hur mycket som helst! Sedan ägnade jag några timmar åt urkärning… En synnerligen kladdig och sölig och enahanda syssla, men jag gav inte upp utan fortsatte ända tills vartenda bär var urkärnat. Sammanlagt 3,5 liter sylt blev resultatet. Men inte nog med det. Jag gjorde ett test med vinäger också, hallonvinäger är ju himla gott, så varför inte körsbärsvinäger? Fortfarande bär kvar så jag experimenterade (hittade inget bra recept) ihop en körsbärskaka. Och så blev det 16 stora muffins. De allra sista bären petade jag ner i en petflaska (haha) och fyllde på med vodka. Lite sockerlag om någon vecka och jag har egengjord körsbärslikör!

På-läget håller i sig. Idag tänkte jag baka bullar till Sam. Han tycker om bullar, och bullbak är sånt som mormödrar gör. Jag hade handlat det jag behövde för baket redan innan förra resan dit, men fick inte tid med det. (Jag köpte istället en stor påse bullar, men Sam missförstod syftet, bar iväg påsen och släppte den på golvet och ställde sig sen och stampade på den!). Som tur var hann jag inte börja göra degen innan jag insåg att jag nog hade tänkt lite galet när jag handlade. Meningen var att bullarna skulle fyllas med nötmassa, men jag hade köpt Nutella!? Jag är ganska osäker på hur det skulle funka som bullfyllning, så jag gjorde ett gäng muffinsar till.

Bullbaket är fortfarande inte inställt. Jag har ju köpt jäst redan, det vore ju synd att behöva slänga den. Jag ska bara komplettera med den där nötmassan. Och ägg, mjöl, mjölk och socker, för det har jag gjort slut på nu.

måste verkligen blogga!

Postat 11 juli 2011 i tankar & åsikter 3 kommentarer

Ny design gav inspiration. Åtminstone till att läsa min egen blogg. Igår kväll blev jag sittande alldeles för länge, och så ett bra tag igen nu, och läste gamla inlägg. Jätteroligt att ha allt kvar ju! Det är nästan så jag sörjer hela det senaste året, att det liksom är försvunnet. På den punkten stupar Facebook tvärt vid en jämförelse. Nej, jag måste verkligen, verkligen hålla liv i bloggandet!

Det som är skrivet för länge sen läser jag liksom på ett annat sätt, som om någon annan än jag hade skrivit det, och då ser jag med en viss förvåning att jag stundom skriver ganska bra. Både välformulerat och fyndigt och ibland lite småroligt. Med en god svenska, åtminstone när jag korrat ordentligt. Och det är ju bra synd om jag skulle förvägra omvärlden min litterära begåvning, eller hur?

Så. Let’s blog!

plötsligt så händer det…

Postat 10 juli 2011 i tankar & åsikter 1 kommentar

Det hade ni inte trott, va?

Inte jag heller. Men plötsligt blev behovet påträngande. Inte av bloggskrivlust egentligen, man får nog ur sig det mesta av ordbajsnödigheten på FB (förbannade FB) kantänka. Det var mer själva bloggmekandet som drog. Den sista tidens webberier har bara handlat om WordPress, och lusten att prova på tekniker jag inte hunnit lära mig i kombination med alla nya möjligheter som kommit med WP 3.1 och nu häromdagen 3.2 har exploderat. Men eftersom man inte kan go crazy hur mycket som helst i experimenterandet på sajter som ska tjäna någon form av publikt syfte, tager man sin egen.

Så här är den nu, lenas egna i nya kläder. Ett färdigt tema den här gången, Oenology. Jag använde det till Rottis-SM-sajten, och blev förtjust i det dels för flexibiliteten – det är lätt att göra om på alla möjliga vis, dels för att det tar tillvara alla nya och lite webbnördiga features som WP numera har. Det klämmiga tilläggsnamnet jag la till; trial&error, känns för övrigt ganska passande. Det är ju det jag håller på med mest hela tiden.

Tja, vi får väl se om nya kläder och alla nördiga finesser gör att bloggeriet tar fart igen. Jag säger inget, så har jag ingenting sagt. Men 8, ÅTTA! blogginlägg på ett år är ju katastrof. Blir det inte en kraftig uppryckning kan jag ju lika gärna lägga ner.

style.css

index.php

Omgörning in public