Joomla addScript & addStylesheet

Ved programmering af komponenter eller moduler har man ofte brug for at loade en Javascript eller CSS fil. Det er dog ikke en optimal måde at hente sine Javascript eller CSS filer i templaten hvis disse kun skal bruges til enkelte komponent views eller module views. Da de så vil blive loadet på alle sider.

Ved hjælp af JFactory har man mulighed for at loade sine Javascript eller CSS i headeren.

Du kan loade CSS ved at hente getDocument methoden og loade den ind i addStyleSheet:

$doc =& JFactory::getDocument();
$doc->addStyleSheet( 'http://www.yourdomain.dk/css/custom.css');

Hvis det er en Javascript fil som du ønsker at loade kan det gøres ved:

$doc =& JFactory::getDocument();
$doc->addScript( 'http://www.yourdomain.dk/js/custom.js');

Begge typer kan også indlæses på samme tid:


$doc =& JFactory::getDocument();
$doc->addStyleSheet( 'http://www.yourdomain.dk/css/custom.css');
$doc->addScript( 'http://www.yourdomain.dk/js/custom.js');

Endelig et våben mod negativ søgemaskineoptimering?

I SEO-kredse har der igennem længere tid været snak om negativ SEO; disciplinen at skade et andet website ved bevidst at benytte sig af teknikker, som er i strid med søgemaskinernes webmaster-retningslinjer. Dette kan eksempelvis være omfattende linkbuilding fra lav-kvalitets-hjemmesider, automatiserede forum-kommentarer og lignende, som man linker mod en konkurrents hjemmeside for at prøve at få søgemaskinerne til at straffe den ramte side ved at de-ranke dens placeringer i søgeresultaterne. Læs videre “Endelig et våben mod negativ søgemaskineoptimering?”

Har Google Penguin update vendt op og ned på alting?

Omkring 25. april 2012 udgav Google endnu en update af deres søgemaskine-algoritme, hvilket de gør ret ofte. Nogle gange er disse updates mere omtalte end normalt, og det gør sig gældende i denne situation. Denne gang var fokus på webspam – altså websites som har til formål at manipulere søgeresultaterne ved at give en masse links til andre websites, som herved boostes i søgeresultaterne. Læs videre “Har Google Penguin update vendt op og ned på alting?”

Få mere ud af Googles søgeresultater

Jeg vil med dette lille indlæg give et par fif til, hvorledes du kan blive klogere på din egen hjemmeside ved at anvende et par kommandoer i Google’s søgefelt.

Du har givetvis søgt efter dit hjemmesidenavn på Google blot ved at skrive www.hjemmeside.dk. Dette returnerer naturligvis en masse resultater med din hjemmeside, men også en række resultater, hvor din hjemmeside omtales, diverse linkkataloger og lignende.

Hvis du godt kunne tænke dig at se lige præcis de sider, som Google har liggende med dit domæne, kan du i stedet bruger kommandoen site:www.hjemmeside.dk når du søger på Google. Med denne kommando beder du om, at der kun skal vises resultater lige nøjagtig vedr. dit domæne. Nu er alle resultaterne med linkkataloger mv. luset ud af din søgning. På denne måde kan du tjekke, om Google har indekseret de sider, som du mener burde ligge der og meget andet.

Du kan også få en del at vide omkring de indgående links til din hjemmeside ved at bruge parametret link: på Google. Ved at skrive link:www.hjemmeside.dk får du vist de vigtigste indgående links til din hjemmeside, som Google har liggende i sit index. Dog får du langt fra vist alle links! Grunden til at indgående links er vigtige er, at disse er et af de mest betydelige parametre for din hjemmesides placering på Google. Det er derfor en god ide at tjekke disse igennem i ny og næ.

Internet Explorer 7-specifik CSS

I stedet for at skulle indsætte kode til at indlæse en ny css-fil til IE7, plejer jeg at bruge dette lille trick:

Ved at sætte en stjerne (*) foran css-linjen, indlæses linjen kun af Internet Explorer 7.

Eksempel:
#wrapper {
width: 900px;
height: 450px;
margin: 10px auto 0px;
*margin: 15px auto 0px;
}

I ovenstående eksempel har vores element “wrapper” i IE7 5px mere luft for oven end i alle andre browsere. Husk at indsætte den nye linje med ‘*’ under linjen uden. Ellers vil browseren give wrapper’en 15px luft i toppen, og så overstyre med linjen under der siger 10px. CSS indlæses oppefra og ned 😉

Få CSS-linje til at bestemme mest med “!important”

Det kan være bøvlet at få et element i HTML til at makke ret med CSS’en. Specielt hvis vi er rigtig langt “inde” med definitionerne. Hvis vi fx vil have et specifikt menupunkt til at have en anden farve end de andre menupunkter, kunne brugen af “!important” være nødvendig (og at foretrække).

Eksempel:
I følgende eksempel har vi en linje CSS der definerer baggrundsfaven på menupunkterne
div.gk-menu > ul.level0 > li > a { color: #ffffff; }
Vi vil dog gerne have et specifikt menupunkt til at have en anden farve. I vores HTML står der at <a>-tagget har ID’et menu340, så vi skriver #menu340 { color: blue; }.
Men ak, der skete intet med menupunktet.

Problemet er at den øverste kode definerer “hårdere” end det vi lige har skrevet. Jo tættere vi definerer på målet, des vigtigere anser browseren koden. Og i øverste kode er vi helt ude i fjerde niveau. Vi skal altså enten skrive div.gk-menu > ul.level0 > li > a#menu340 { color: blue; }

ELLER

Vi indsætter da bare den lækre !important:

#menu340 { color: blue !important; }
Med det lille ord blev vores definition af #menu340 vigtigst!