Izdelava in oblikovanje spletnih strani

sreda, 17. februar 2010

Kako združiti več RSS kanalov v enega z Yahoo Pipes

Na spletni strani spletodrom.com želim imeti ločene spletne novice, ki jih več ali manj prepisujem iz drugih virov in moj blog, kjer se bom trudil objavljati čim več originalnih in zanimivih zapisov. To pa pomeni, da imam dva ločena RSS kanala, kar je rahlo problematično, če želiš ljudem ponuditi RSS vire prek enega elementa (ikone, modula...). Pa tudi na splošno se mi zdi smotrneje in bolj praktično, da je na manjših spletnih straneh samo en RSS vir oz. kanal.


Potrebno je bilo torej poiskati način, kako združiti več RSS virov (novice in blog sta torej dve ločeni K2 kategoriji) v enega. Zelo enostavno, hitro in seksi rešitev ponuja spletna storitev Yahoo Pipes. Storitev je res fantastična in enostavna za uporabo - "Web 2.0 at its best". Ne samo da lahko združujete RSS vire, dodajate lahko tudi kriterije za razvrščane in filtriranje, sam sem uporabil samo razvrščanje po datumu. Podrobnejši opis filtriranja si lahko preberete na strani LifeHacker.


Najprej se morate prijaviti z Yahoo računom (če ga še nimate, si ga lahko enostavno ustvarite) na pipes.yahoo.com/pipes.



Yahoo prijava


Ko se prijavite v Yahoo Pipes, kliknite na Create a pipe.



Yahoo Pipes


Nato povlecite Fetch Feed modul (nahaja se pod Sources) v delovno področje ali pa kliknite na plus na desni strani.



Yahoo Pipes


Nato dodamo URL naslove RSS virov, ki jih želimo združiti. Klik na plus doda polje za nov vir, klik na minus pa ga odstrani. Če boste ob vnešenem RSS viru videli klicaj to pomeni, da je prišlo do napake v URL naslovu, ki jo morate popraviti.



Yahoo Pipes


Ko končate z dodajanjem RSS virov, dodajte v delovno področje še modul Sort (nahaja se pod Operators). Set your sort criteria (I am sorting by publication date in descending order, that is, newest first). Nastavite kriterij razvrščanja (npr. po datumu objave v padajočem vrstnem redu). Potem še povežite module kot je razvidno na spodnji sliki.



Yahoo Pipes


V zavihku zgoraj levo določite še ime vaše "cevi" in kliknite ok.



Yahoo Pipes


Kliknite na Save in nato Back to My Pipes.



Yahoo Pipes


Zdaj bi morali videti vašo "cev" na seznamu - če kliknete na naslov, boste prišli na prikazno stran za to cev.



Yahoo Pipes


Tu lahko s klikom na gumb Publish objavite svojo "cev". Da dobite željeni RSS vir kliknite na More Options in izberite Get RSS.


Nato lahko uporabite RSS vir v bralniku RSS virov ali pa ga uporabite za kreiranje dinamičnega gradnika (widget) za vaš blog oz. spletno stran. Na voljo imate še cel kup drugih možnosti, kako uporabiti podatke, ki smo jih kreirali v Yahoo Pipes.


Vir: spletodrom.com

Oznake: , ,

Google ne uporablja ključnih besed (keyword meta tags) v iskanju

Že nekaj časa nazaj je na svojem uradnem blogu (Webmaster Central Blog) Google objavil, da v svojem iskanju ne uporablja ključnih besed oz. keyword meta tags. Še pred kratkim je veliko ljudi verjelo, da so ključne besede zelo pomemben del
optimizacije spletnih strani
, tudi kar se tiče Googla. Google uporablja več kot 200 parametrov pri svojem iskanju, vendar same ključne besede niso vključene. Enako naj bi veljalo za opis strani (description meta tag). Ta se sicer uporablja pri krajšem opisu strani, ki se izpiše pod zadetkom pri iskanju na Googlu, vendar naj prav tako ne bi bil vključen v Googlovo iskanje.

Več podrobnosti si lahko ogledate v spodnjem video posnetku:





Vir :spletodrom.com

Oznake: , , , , ,

Kako preprečiti indeksiranje tiskane verzije članka v spletnih iskalnikih


Google SpiderEna izmed nerodnih težav, ki se pojavlja v Joomla CMS-ju je ta, da core komponenta com_content, ki skrbi za vsebino oz. članke, ne preprečuje spletnim iskalnikom indeksiranje verzij člankov za tiskanje (print view page), ker strani za tiskanje uporabljajo index in follow meta oznake (meta tags).


To povzroča podvojeno vsebino v indeksih spletnih iskalnikov. Ta problem se ne pojalja pri pdf verziji in ikoni, ker pdf ikona uporablja oznako rel="nofollow". Ikona za tiskanje bi morala imeti oznako rel="nofollow", medtem ko bi verzija strani članka za tiskanje morala imeti meta oznako noindex, nofollow.


Za konkretno rešitev tega problema poglejte na uradni Joomla forum : http://forum.joomla.org/viewtopic.php?f=428&t=309895.


Vir: spletodrom.com

Oznake: , , ,

Joomla in CCK (Content Construction Kit)

joomla cckJoomla ima v primerjavi z glavnim konkurentom Drupal eno glavno pomankljivost: komponenta za upravljanje vsebine com_content ima zelo omejene možnosti.Če želimo dodajati dodana polja (extra fields), če želimo preseči hierarhijo sekcij/kategorij, če želimo dodati v vsebino možnost komentiranja, ocenjevanja, povezave do socialnih omrežij, oznake (tags)... moramo namestiti cel kup razširitev, kar nam lahko upočasni spletno stran. Poleg tega moramo skrbeti za redno posodabljanje velikega števila razširitev, možne so tudi težave pri posodobitvi samega CMS sistema.

Medtem ko Drupal vključuje CCK oz. Content Construction Kit (ne bom se trudil prevajati), Joomla v zadnji verziji 1.5 tega še nima (verzija 1.6 bo korak naprej v tej smeri, vendar še ne v celoti). Pred letom 2009 sta obstajali razširitvi SOBI2 in Mosets Tree, ki pa sta bolj direktorij komponenti, ki se jih da uporabiti kot CCK. V prejšnjem letu pa se je na tem področju zgodil pravi bum, na trg so vstopile številne CCK razširitve, kot npr.
K2
, FLEXIContent, jSeblod, Yootheme Zoo, Mighty Resources, ki so marsikateremu razvijalcu olajšale izdelavo spletnih strani.

Na naši spletni strani uporabljamo K2, ki ga je razvilo podjetje JoomlaWorks. Komponenta je zelo enostavna za uporabo in čeprav se kar nekaj uporabnikov pritožuje nad nezadostno dokumentacijo in pomankljivo podporo na JoomlaWorks forumu, bo vsak razvijalec spletnih strani hitro osvojil delo z K2.

Spodaj si lahko ogledate kako izgleda ozadje komponente K2:











V spodnjem video zapisu pa si lahko še ogledate predstavitev komponente K2, ki jo je vodil glavni razvijalec podjetja JoomlaWorks Fotis Evangelou.






Vir: spletodrom.com

Oznake: , , ,

Joomla 1.6 prinaša izboljšano uporabniško izkušnjo

joomla 1.6Ljudje, ki začenjajo z uporabo Joomle, lahko naletijo na težave pri razumevanju dela z administratorskim ozadjem, ker nekatere stvari niso izpeljane najelegantejše. Joomla 1.6 prinaša bistvene izboljšave na tem področju.

1) Prenovljen "Menu Manager"

V Joomli 1.6 je "Menu Manager" bolj povezan z samim prikazom povezav do menujev ter dejansko upravičuje svoje ime - upravitelj menujev. Pri kreiranju novega menuja je odstranjen korak, ki je zmedel mnoge začetnike, ko se prikažejo štiri okna kamor morate vpisati ime, naslov in opis menuja ter ime modula, ki bo skrbel za prikaz menuja.


joomla 1.6 menu


2) Odstranjen je "Tools Menu"

Iz Joomle 1.6 je odstranjen menu z orodji, ki jih praktično nihče ne uporablja. Sploh pa ne začetniki ali običajni uporabniki. Sam osebno sem uporabljal samo orodje za brisanje "cache-ja", sedaj pa toplo priporočam uporabo tega modula: http://www.nonumber.nl/extensions/cachecleaner













Joomla 1.5


Joomla 1.6

Joomla Menus


Joomla Menus


3) Izboljšan je "Media Manager"

"Media manager" v Joomli mi ni nikoli ni bil všeč. Pa tudi začetniki oz. stranke so se spraševali, zakaj je nalaganje novih slik tako nerodno. Npr. gumb za kreiranje nove mape je zgoraj desno, gumbi za nalaganje novih slik pa spodaj levo?!


joomla_1.6_media


4) Izboljšano orodje za namestitev in odstranitev komponent

Ko v Joomli 1.5 kliknete na povezavo "Extensions > Install/Uninstall" pridete na stran za namestitev ali odstranitev posameznih razširitev, predlog, jezikov... Povezave na tej strani so marsikoga zmedle, ker je uporabnik mislil, da prek njih pridemo do "Module Manager-ja", "Template Manager-ja"... Sedaj so stvari poenostavljene in preglednejše. Npr. odstranitev vseh vrst razširitev je združena na eni strani.


joomla_1.6_extensions


5) Beseda "Parameters" je zamenjana

Menim, da se beseda "Možnosti" oz. "Options" sliši manj "IT-jevsko", pa tudi bolj smiselno.


joomla_1.6_options


Če želite še sami preizkusiti spremembe, ki jih prinaša Joomla 1.6, si lahko prenesete alpha različico, ki se nahaja na SVN repozitoriju na naslovu: http://joomlacode.org/svn/joomla/development/trunk/.

Sam nestrpno čakam na izid stabilne verzije, s katero bo izdelovanje spletnih strani še večji užitek! Ampak potrebno bo malo potrpeti, do takrat je še daleč.

Vir: spletodrom.com


Oznake: , , , ,

K2 oznake (tags) in sh404sef

K2 logoŽe v prejšnjem zapisu smo omenili CCK komponento K2. No, pri uporabi te komponente smo naleteli na težavo, ki nam je dolgo parala živce. Možno je, da bo marsikateri uporabnik imel enako težavo zato smo se odločili, da objavimo to rešitev.

Problem se pojavi, če je na spletni strani nameščena komponenta za kreiranje "spletnim iskalnikom prijaznih" URL-jev (Seach Engine Friendly URLs) sh404sef. V tem primeru ne delujejo povezave, ki jih tvorijo oznake (tags) če le te vsebujejo šumnik oz. nelatinski znak ali presledek. Torej, če imamo oznako "spletno plačevanje", nam bo sh404sef tvoril url www.mojastran.com/spletno pla48evanje in seveda bo prišlo do napake 404.

Rešitev:

1. V mapi components\com_k2\sef_ext poiščite datoteko com_k2.php.

2. V vrstici 130 imate naslednjo kodo:


1. case 'tag':
2. $title[] = 'tag';
3. $title[] = $tag;
4. break;

3. Zamenjajte kodo z naslednjo kodo:

1. case 'tag':
2.
$tag=str_replace('%20','-',$tag);
3.
$tag=str_replace('+','-',$tag);
4.
$title[] = $tag;
5.
break;


4. Voila!

Sedaj imamo pravilne url-je in posledično K2 oznake, ki delujejo tudi na straneh z slovensko vsebino!


Vir: spletodrom.com


Oznake: , , ,

Kako dodati Module Class Suffix v Joomla! modul

joomla_logoPogosta težava, na katero lahko naleti izdelovalec spletnih strani, ki uporablja Joomla! CMS je ta, da ko želi na spletni strani uporabiti določen modul, le-ta nima parametra "Modul Class Suffix". To pomeni, da modulu ne moremo določiti unikatnih CSS(Cascading Style Sheets) razredov in da modul za HTML elemente, ki jih uporablja avtomatično prevzame pravila, ki so določena v CSS dokumentu predloge. Zato lahko modul izgleda drugače, kot bi želeli. V nadaljevanju bomo predstavili rešitev tega problema.

Rešitev bomo uprizorili na primeru modula "Veevaa Multi-Module Tabs", ki nima možnosti določanja "module class suffix-a".

Najprej moramo namestiti sam modul, ki ga nato v Module managerju odpremo in vidimo sledeče:


module_class_suffix_1


Vidimo da med parametri modula ni parametra "Module Class Suffix".

V naslednjem koraku moramo odpreti xml datoteko modula mod_veevaa_tabs.xml in takoj za vrstico 40 dodamo tole kodo:


<param name="moduleclass_sfx" type="text" default="" label="Module Class Suffix" description="A suffix to be applied to the css class of the module (table.moduletable), this allows individual module styling"/>

V naslednjem koraku dodamo v datoteko mod_veevaa_tabs.php takoj za vrstico 14 naslednjo kodo:


$moduleclass_sfx = $params->get( 'moduleclass_sfx', '' );

Če ponovno preverimo nastavitve modula lahko sedaj vidimo manjkajoči parameter:


module_class_suffix_2

Običajno v predlogah za Joomlo podnastavimo CSS obliko za modul z parametrom -blank.


module_class_suffix_3

Sedaj lahko modulu določimo poluben izgled prek lastnih CSS nastavitev.

Vir: spletodrom.com


Oznake: , ,