T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
« Magento internetna trgovina – težave s promocijskimi cenami – special price rule
Wordpress3 – dodajanje animirane galerije z Lytebox knjižnico »
9th July

Wordpress 3 – kako dodati Lytebox oz animiran ogled slike

Wordpress 3 je odlična platforma za bloganje ali novičarsko stran. Nova različica prihaja skupaj s Twentyten grafično predlogo (template), ki pa nima vključenega ne thixbox ne Lytebox za animiran ogled slik. Kako dodati animiran ogled slike?Na voljo je več skript za animiran povečan ogled slike. Mi smo izbrali Lytebox, zato bomo tudi tale nasvet pisali v tem smilu. Najprej je potrebno vključiti lytebox v head vaše template.

1.Namestitev datotek na strežnik

Najprej si na strežnik naložite Lytebox. JS datoteko shranite v js direktorij, slike pa v images direktorij vaše grafične preglode.To storite

2. Vključitev Lytebox v grafično predlogo

Javascript vključite v grafično predlogo tako, da v head vnesete ukaz

PLAIN TEXT
HTML:
  1. <script type="text/javascript" src="<?php echo home_url( ''/'' ); ?>wp-includes/js/lytebox.js"></script>

Predlagam, da priložen css skopirate v css grafične predloge, saj boste s tem prihranili na času nalaganja.

3. Samodejnom dodajanje rel="lytebox" skozi nalganje slik v adminu

Ne veščim uporabnikom bo pri pisanju članka v adminu ob vstavljanju slike težko urejati povezavo do slike kar direktno v HTML. Zato poskrbite, da se potrebne oznake dodajajo samodejno.

V datoteki wp-admin/includes/media.php popravite vrstico 107 na takole obliko:

PLAIN TEXT
HTML:
  1. $rel = $rel ? '' rel="lytebox attachment wp-att-'' . esc_attr($id).''"'' : '' rel="lytebox"'';

S tem se bo vsaki sliki, dodani v članek, dodala potrebna oznaka za delovanje animiranega povečanega ogleda slike. Če imate težave ali vam koda ne deluje pravilno nas kontaktirajte.

Če ima kdo boljšo rešitev jo prosim delite pod komentarji.

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Wordpress3 – dodajanje animirane galerije z Lytebox knjižnico
  2. Magento internetna trgovina – kako dodati Google analytics preko admin
  3. Kako internetni strani dodati nestandardne fonte-pisave brez uporabe CSS3
  4. Magento internetna trgovina – kako dodati artikel na prvo stran
  5. Menjava Magento grafične predloge (template) v bazi
  6. Kako dodati novega root uporabnika – cPanel – centOS – whm
  7. Javascript predogled slike – CSS opacity – picture preview – picture fade
  8. PHP – dinamično generiranje tekst slike – font image generator
  9. Javascript dodatki za prikaz oken oz. foto-galerije (ThickBox, Lightbox, GreyBox, Highslide)
  10. DoFollow – Wordpress vtičnik

Antony || Friday, July 9th, 2010 ob 6:29 pm || Splet, Splet (Javascript, Ajax) || RSS 2.0 | Dodaj komentar || Trackback


Dodaj komentar