Webbit, a PHP-based, MVC-inspired CMF

Webbit är gjord efter Lydia Tutorial. För en fullständig version av Lydia så klicka på nedan länk.

• https://github.com/mosbth/lydia

Den här guiden förutsätter att du är van vid installationer av ramverk mm.

Installation

• Klona Webbit från Github via git clone git://github.com/Gitthis/Webbit.git genom programmet Git Bash
• Editera filen .htaccess så att den pekar på din blivande installationsadress på din webbserver. Annars fungerar inte länkarna i webbit.
• Se till att filen webbit/site/data är skrivbar genom chmod 777 site/data. I filezilla kan du högerklicka på webbit\site\data och välja filrättigheter och sedan skriva in 777 i fältet för Numeriskt värde.
• Peka din webbläsare till adressen för din installation av webbit och surfa in på sidan.
• Webbit måste sedan initiera moduler. Du gör detta genom att klicka på länken module/install nästan i mitten på sidan.
• Nu är du klar med installationen. *Webbit kommer med några färdiga länkar i navigeringsbaren. Om du inte vill ha några av länkarna eller kanske lägga till nya så läs vidare nedan för instruktioner. Lycka till!

Byte av logo, färger Navigeringsmeny mm

Byta ut Logo

Du kanske vill byta logo? Skapa då din egna logo i ett bildprogram och döp den till logo.png. Förslagsvis ser du till att storleken är 80x80px redan nu. För om bilden är enormt stor så laddas nämligen hela dess stolek även fast Webbit sedan "krymper" ner bilden till 80x80 själv. Man slipper onödig laddningstid alltså. Vill du ändra logons storlek i Webbit gör du det längst ner i filen webbit/site/config.php i dessa rader: 'logo_width' => 80, och 'logo_height' => 80,

Du placerar din egna logo (logo.png) i katalogen webbit/site/themes/mytheme så att Webbits logo skrivs över. Klart! Glöm inte att spara Webbits logo först om du vill ha den kvar.

Byta färger mm

Kul att du vill ändra lite på utseendet. Du gör detta genom css kod i filen webbit/site/themes/mytheme/style.css När du tittar i den filen så finns det redan några exempel på byten som du enkelt kan göra.

Är du inte van att arbeta med CSS så kan du surfa in på http://www.w3schools.com/css/ och gå igenom deras tutorial. Behöver du hjälp att välja färger och vill prova dig fram så rekommenderar jag http://www.workwithcolor.com/hsl-color-schemer-01.htm

Skapa en ny sida och blogginlägg samt länk från Navigeringsmeny

Klicka på Content i menyn på hemsidan för din Webbit. Scrolla sedan ner och klicka på länken Create new content Här skapar du både ett nytt blogginlägg och en ny sida. Du skriver du in titel på sidan/inlägget, ett unikt värde i fältet för key som skall vara mänskligt enkelt att läsa. Själva innehållet på sidan (eller blogginlägget)skirver du i den stora rutan under Content. Under Type skriver du in page för sida eller post för ett nytt blogginlägg.

Under filter kan du välja hur din inksrivna text ska behandlas. Om du vill veta mer om det så titta gärna på denna länk: http://searchsecurity.techtarget.com/definition/Web-filter

De filter som du kan skriva in är

• bbcode ett antal taggar kan användas för att skriva texten. Använd hakparanteser istället för < >. Läs mer här: http://www.bbcode.org/
• plain är ren text. Inga HTML element tillåts.
• htmlpurify Formatering och filtrering av HTML-kod på ett säkert sätt. Läs mer här: http://htmlpurifier.org/

Klicka på Create när du är klar.

Om du skapade en page, alltså en sida, så kan du se den genom att klicka på Content och leta upp den i listan som dyker upp och klicka på view. Men vill du ha en egen länk till den i navigeringsmenyn så gör du de ändringarna i filen webbit/site/config.php Leta då reda på $ly->config['menus'] Den finns på den nedre halvan av sidan. Under 'my-navbar' som du ser några rader ner så har du koderna för länkarna som syns på navigeringsmenyn.

Vill du ta bort en länk från navigeringsmenyn men inte dess innehåll, så kan du enkelt bara bortkommentera raden här. Lägg annars till en ny rad kod för din nyskapade sida.

Om jag skapade en ny sida det första jag gjorde när hela installationen var klar som jag kallade för Testsida, så skulle jag alltså skriva länken såhär: 'test1' => array('label'=>'Testsida', 'url'=>'page/view/9'), 'test1' är min egen beskrivning av länken. 'Testsida' är vad jag vill ska synas i navigeringsmenyn som man klickar på. 'page/view/9' är själva länken.

PST: Om du är osäker på länken till din nya sida så klicka på 'Content' för att få upp listan igen på allt som är inlagt. Här visas nu alla blogginlägg och sidor. Leta upp din sida och klicka på 'view' vid din sida. Nu ser du länken i adressfältet i din webbläsare.

Ändringar i footern

Även footern ändrar du i filen webbit/site/config.php Längst ner på sidan står det 'footer' => '<p>Webbit &copy; by Daniel R</p>', Men det är bara att byta ut Webbit © by Daniel R mot någon annan text som du vill ha.

Byta titel och slogan

Detta ändrar du också i webbit/site/config.php längst ner på sidan. Slogan står nu som A PHP-based MVC-inspired CMF men här kan du skriva in valfri text. Ovanför slogan står det 'header' => 'Webbit', här skriver du över Webbit till den titel du hellre villa ha.