b*cms - hemsida för konstnärer / kulturproducenter

b*blogg

Här kan du läsa mer om utvecklingen av b*cms och relaterade nyheter.

Yes we can - but what?

Med anledning av att den moderniserade versionen av b*cms (även kallad 3.0) nu börjar gå i produktion så har jag börjat sätta upp några exempel-sajter som visar vad b*cms kan göra. Den första exempelsajten, Monumentalist, innehåller bilder från olika monument och platser.

 

 

Sajten använder sig av följande inställningar.

  • Sajten börjar direkt med startsidan.
  • Startsidan använder galleri-funktion för att visa ett antal utvalda bilder
  • Sajten har en egen bakgrundsfärg i ljusgrått och använder typsnittet Borgia med finjusterade storlekar
  • Sidmallar:
  • Den grundläggande sidmallen för sajten påverkar alla sidor. Här används en bred sajt-sidmall med horisontell meny och centrerad layoutyta.
  • Monumental använder sidmall 2, med små tumnagelbilder för att visa alla artiklar i kategorin, och sidmall 6 med små tumnagelbilder och visning av text först på artiklarna.
  • Panorama använder sidmall 3, med breda bilder för kategorin, och sidmall 5 för breda bilder för artikeln.
  • News använder sidmall 1, med en bild och ingress för kategorin, och för artikeln sidmall 2 som visar lite större bilder i högermarginalen och med text först.
  • Och till sist cv, som bara är en artikel och använder sidmall 7, enbart text(cv), för att visa artikeln.
  • Bloggen har fasta sidmallar.

 

Värt att notera här är att b*cms inte använder sig av "teman" på samma sätt som många andra system som t.ex. Wordpress. I stället väljer man bland en rad olika komponenter och sidmallar för att få det utseende man vill ha. Och är inte de befintliga inställningarna tillräckliga kan man alltid gå in och pilla i stilmallarna på detaljnivå. Det gör b*cms till ett relativt flexibelt system utan att bli överdrivet komplicerat.

Posted: 2015-09-08 15:59:45
Add to Facebook Twitter this!   Kommentera med disqus
 

Här är karusellen!

En del bildgallerier på nätet brukar kallas för karuseller, vilket anspelar på gamla diabildsprojektorer där bilderna satt i en cirkel och matades fram automatiskt. Karuseller är ett bra sätt att visa en serie bilder utan att man behöver scrolla och lämpar sig väl för startsidor där man vill ge besökaren en snabb överblick över vad hemsidan handlar om. Nu finns karusell som alternativ för startsidan också i b*cms!

 

 

Det finns en mängd olika bildgalleri-program därute men efter att ha testat runt lite fastnade jag för BQworks Jquery-plugin Slider Pro som är både snyggt och flexibelt. Karusellen i b*cms hämtar sina bilder från en utvald artikel i portfolion. Du kan välja en befintlig artikel eller skapa en dold artikel speciellt för karusellen och ladda upp bilder till den.

När du är klar med den nya artikeln och har laddat upp bilder till den eller valt ut en befintlig artikel går du till inställningar > startsida och skrollar ner en bit till rubriken Puff-media (1). Välj en artikel under rubriken ”SLIDES: Choose one article from portfolio” och spara ändringen. Kontrollera också att puff-media är valt i listan över sidelement.
Du kan också välja en video som visas på startsidan högst upp under menyn.

 

 

Notera: om du valt en video för puff-media så kommer den att visas istället. Väljer du varken bildspel eller video visas en uppladdad bild.

Notera: bild-caption och länk används inte av bildspel. Om du vill ha bildtexter så kan du göra det för varje bild i filhanteraren.

Notera: bilderna kommer att beskäras för att passa in i karusellens format. För bäst resultat, välj bilder med samma format i bildförhållande 3:2.

Posted: 2015-07-20 12:00:45
Add to Facebook Twitter this!   Kommentera med disqus
 

Finliret: att ändra antal bilder i en rad

Ibland vill man finlira lite med inställningarna för att hemsidan ska visa sig från sin bästa sida. Sedan version 2500 finns en egen sida för att finlira med inställningar som gäller filer och media.

 



Här kan du bland annat bestämma hur många bilder som skall visas på sidor som visar ett antal artiklar i en kategori som visas som ett bildgalleri, med den sidmall som kallas för "små bilder". Ett bildgalleri kan se ut som exemplet nedan. Här visas tre artiklar per rad.

 

För att ändra antalet bilder per rad anger du helt enkelt en ny siffra på inställningssidan för filer och media under "Antal bilder i rad" och sparar. Ladda om den sida som du ville ändra och se resultatet direkt. Tänk på att den här inställningen ändrar alla sidor som har sidmallar med små bilder för kategori-sidan.

 

På den här sidan finns också inställningar för bild- och uppladdningskomponenter som kan behöva ändras beroende på vilken typ av server din hemsida ligger på. Detta är avancerade inställningar som du inte bör röra om du inte vet exakt vad du gör.

 

Posted: 2015-04-09 18:13:16
Add to Facebook Twitter this!   Kommentera med disqus
 

Nyhet #6: Finjustera din design med typsnittsstorlekar

Ibland vill man ha full kontroll över textstorlekarna på sin hemsida. Tydliga kontraster mellan rubrik och text kan ge en kraftfullt effekt, medan små skillnader mellan storlekarna på sajten kan ge fokus åt bildmaterialet. Ibland "känns" rubrikerna bara lite för stora och ibland är det nödvändigt att göra små justeringar för att kompensera för storleksskillnader mellan typsnitt.

I den allra senaste versionen av b*cms (2650) är det busenkelt att finjustera typsnittsstorlekarna på din sajt   - utan du behöver rota runt i CSS-filer på jakt efter rätt plats för storleksändringar.

I administrationens sida för inställningar för utseende ändrar du enkelt storlekar på brödtext, rubriker, underrubriker, mindre text, Webbplats-titel och meny. Ändringarna appliceras på hela webbplatsen när du sparar.

 

 

Så här kan en hemsida se ut med liten kontrast mellan rubriker och brödtext. Layouten använder en kompakt, vänsterställd vertikal meny och typsnittet Courier. Kontrasten kan minskas ytterligare med färginställningarna. Se bilden i full storlek här.

 

 

Posted: 2015-02-08 14:33:37
Add to Facebook Twitter this!   Kommentera med disqus
 

Nyheter #5: In English, please!

 

Ladies and Gentlemen! Det är hög tid att presentera den kanske mest efterfrågade funktionen för b*cms: en administration på engelska. Under hösten har jag arbetat på att översätta administrationen och bygga om den så att man enkelt kan ladda olika språk, och även om inte 100% av alla texter är översatta än så har jag kommit så pass långt att det är dags att släppa ut den tvåspråkiga administrationen.

Inställningen för att i ett slag förvandla administrationen från komplett oförståelig rotvälska (svenska) till engelska hittar du från och med version 2650 under inställningar > webbplats.

 

Posted: 2015-01-28 11:03:51
Add to Facebook Twitter this!   Kommentera med disqus
 

Nyheter #4: Snyggifiera CV:t!

Alla vill vi att vårt CV ska se bra ut! Det ska vara presenterat på ett luftigt, snyggt och välstrukturerat sätt. Jag har egentligen ingen aning om hur andra yrkesgrupper vill ha sina CV:n, men konstnärer har gärna utställningar, uppdrag och utmärkelser snyggt uppradade efter varandra, sorterade efter årtal med ett litet indrag för att göra det hela luftigt. Den här postningen går igenom hur man snyggifierar sitt CV med b*cms version 2650 (fungerar från 2300 med några ytterligare inställningar, se längst ned i artikeln).

Börja med att skapa en egen kategori för CV:t i inställningen för meny och kategorier. Välj sidmallen ”Enbart text (cv)” för artiklar. Bilden visar hur det ser ut när du redigerar en kategori i version 2650. I tidigare versioner ser det lite annorlunda ut.

 

 

Skapa sedan en artikel som du skall lägga in själva CV:t i och knyt den till den kategori du skapade i föregående steg. Öppna artikeln för att redigera den och klistra in/skriv in ditt cv i fältet ”text”. Det ska se ut ungefär så här:

2000
Utställning 1, plats, ort, etc
Utställning 2, plats, ort, etc

1999
Utställning 3, plats, ort, etc

I exemplet: markera ”2000” och alla rader som tillhör det årtalet (ej 1999) och klicka på listverktyget (gulmarkerat i bilden). Fortsätt så med alla årtalsgrupper. När du är färdig skall det se ut ungefär som på bilden. Spara.

 

 

På din hemsida kommer det att se ut som nedan. Årtalet hamnar vänsterställt och alla poster för det årtalet får ett indrag. Vill du inte ha luft mellan årtalsgrupperna tar du bort blankraden mellan listorna. Får du problem med att årtalsgrupperna klistrar fast sig vid varandra kan du markera en årtalsgrupp och klicka på listknappen för att ”avlista” gruppen för att kunna börja om igen. Det är lite pilligt. Men värt jobbet!

OBS! Kategorin för CV bör bara innehålla en enda artikel. Då visas hela CV:t direkt när du klickar på det i menyn. Glöm inte att publicera om menyn om du skapade en ny kategori för CV:t. Om du bara ändrade sidmall behöver du inte publicera om.

 

 

* Om du har version 2300-2500

Du kan snyggifiera CV:t även med dessa versioner, men för att åstadkomma den effekt du ser ovan måste du lägga in nedanstående kod i fältet för egen CSS-kod under inställningen Utseende och spara.

#widecol ul li:first-child{list-style: none; float:left; margin: 0 20px 0 0px;}
#widecol ul li{list-style: none; margin: 0 0 0 52px; padding: 0;}

Posted: 2015-01-27 13:30:38
Add to Facebook Twitter this!   Kommentera med disqus
 

Nyheter #3: permalänkar

 

Så kallade ”permalänkar” (eller mer korrekt: "människoläsbara uri:er", eller rätt och slätt ”slugs”) har varit en del av webben ett tag, så nyheten att b*cms numera använder sådana är ju tyvärr inte direkt någon sensation.

Däremot är det bra att denna uppdatering äntligen blir av! Permalänkar gör det lättare att förstå innehållet på en sida bara genom att läsa länken. Och eftersom Google gillar permalänkar så kan de ge dig draghjälp för att få fler besökare till specifika artiklar. Dessutom, och detta är inget ovidkommande argument, så tycker i alla fall jag att det ser det snyggare ut när det står http://b-cms.com/article/Om-b-cms-i-korthet i webbläsarens adressfält, istället för en radda tecken och siffror. Baksidan med att använda permalänkar är att du måste ha unika rubriker på alla artiklar, oavsett om de kategoriseras som nyheter, portfolio och blogg och att du inte bör ändra rubrikerna i efterhand.

Om du uppdaterar ett b*cms-system så kommer dina gamla länkar att peka om mot de nya permalänkarna, vilket innebär att länkar till din sida från andra hemsidor inte kommer att försvinna eller bli brutna.

Posted: 2015-01-26 11:59:20
Add to Facebook Twitter this!   Kommentera med disqus
 

Nyheter #2: b*cms som samarbetsprojekt

 

Kan man använda b*cms i samarbetsprojekt som kräver begränsad access för gästskribenter eller separat inloggning? Absolut!

Möjligheten har visserligen funnits sedan några år tillbaka men i och med förbättringarna i version 2600 så har b*cms fått mer avancerade funktioner för samarbeten som kräver flera administratörer och innehållsproducenter.

I systemet finns två nivåer av access för att redigera innehåll: som administratör eller begränsad användare. Administratörer har tillgång till alla inställningar, profiler och artiklar medan den begränsade användaren bara kan redigera artiklar som denne fått tillträde till av en administratör. Som administratör kan du skapa så många administratörer och begränsade användare som du behöver för att kunna sköta arbetet med webbplatsen.

För den enskilde konstnären har dessa nyheter kanske ingen större betydelse men det kan underlätta betydligt för samarbetsprojekt, företag, institutioner och andra organisationer.

 

Vanliga scenarion för användande av profiler och begränsning av access:

Du vill bjuda in en gästskribent som själv ska lägga upp sitt material och kan då skapa en profil för den skribenten och ge tillträde till utvalda artiklar (eller alla artiklar inom en specifik kategori) som skribenten kan fylla med material och publicera.

Ett liknande scenario är om du administrerar sajten inom en organisation där alla medlemmar/anställda/studenter skall få en egen artikel som de och ingen annan skall kunna redigera själva. I så fall måste varje skribent ha en egen profil och få en tillgång till ”sin” artikel. OBS! Administratörer kan alltid redigera alla artiklar, även de som är begränsade.

Ni är flera medarbetare som skall jobba med hemsidan samtidigt. Ni kan inte dela på en login eftersom en profil bara kan vara uppkopplad mot systemet på en dator, så ni behöver ha var sin profil med administratörs-status och kan då jobba på allt material samtidigt (även andras profil-information).

Posted: 2015-01-25 12:49:50
Add to Facebook Twitter this!   Kommentera med disqus
 

B*cms + Open Sans = Sant

Under alla de år som jag har hållit på med webbsnickeri så har begränsningarna när det gäller typografi varit minst sagt störande. Tänk vad ett välskuret typsnitt kan göra för en design! Istället har webbarbetarens lott varit att lära sig acceptera att arbeta med den så kallade typsnittsfamiljens begränsade palett. Det har känts extra motigt i jobbet med b*cms eftersom dess design är tänkt att vara elegant utan att vara in-your-face. No more! Never again!

I den senaste versionen av b*cms finns nu äntligen en lösning på plats som använder uppladdade typsnitt för att visa så kallade webbfont-kits med @font-face direktivet i CSS3. Som när det gäller allt på webben finns det inte en standard för vilka typsnitts-format som stöds av detta eminenta direktiv vilket innebär omaket att man måste ladda upp samma typsnitt i fyra olika format för att de skall kunna läsas av de stora webbläsarna. Segt sa räven. Men det funkar!

För att komplicera det hela än mer så är licenserna för typsnitt motsägelsefulla. Det finns en massa typsnitt därute som kan användas utan kostnad även för kommersiellt bruk, men den öppna font-licensen OFL ställer till problem för den som vill göra webbfont-kit.

I administrationen hittar du den nya funktionen under INSTÄLLNINGAR > UTSEENDE. Där laddar du upp fonter och markerar dem för användning i rubriker och/eller brödtext. Ladda om din hemsida och du skall se ändringen direkt.

 

 

Var hittar du då lämpliga typsnitt att använda? Min absoluta favorit-sajt för detta är FontSquirrel.com. Inte nog med att dessa ihärdiga typsnittsekorrar letar upp gratis typsnitt från när och fjärran de har också ett utmärkt verktyg som konverterar ett typsnitt till ett nedladdningsbart webbfont-kit. Det är bara att sätta igång och botanisera! Glöm bara inte att typsnitt är upphovsrättsskyddade. Kolla att licenserna stödjer webbfont-kits!

Själv har jag efter att ha grävt runt i ekorrarnas bo hittat min favorit: Open Sans! Denna pärla har allt. Inte nog med att det är ett riktigt snyggt sans-serif typsnitt, det kommer också i många varianter, och i färdiga webbfont-kit. Och det är fritt fram att använda. B*cms+Open Sans är sannerligen sant!

 

P.S. Open Sans används på b-cms.com och levereras med b*cms från och med version 2610 D.S.

Posted: 2015-01-22 19:58:20
Add to Facebook Twitter this!   Kommentera med disqus
 

Nyhet: videoguid(er)!

Alla webb-baserade tjänster med någon självrespekt måste ju ha video-manualer och b*cms är förstås ett system med självrespekt - vilket bevisas av att den första video-manualen har lagts ut! Visst respekterade jag mitt arbete redan innan, men nu är det i alla fall bevisat.

Posted: 2013-10-17 13:59:47
Add to Facebook Twitter this!   Kommentera med disqus
 
 
SHOWING PAGE 2 OF 4 | < PREV | NEXT >