salvatore laisa, wordpress + jquery
DESCRIPTION
Speech WordCamp-KnowCamp, Modena19 marzo 2011TRANSCRIPT
![Page 1: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/1.jpg)
WORDPRESS+
JQUERY
KnowCamp - 19 Marzo 2011 Modena
![Page 2: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/2.jpg)
2006
2007
2008MoebiusMania
2009
![Page 3: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/3.jpg)
WordPress
E’ il CMS più usato al mondo noto per la sua
dualità semplice/potente.
![Page 4: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/4.jpg)
jQuery (+ UI & Mobile)
E’ la libreria Javascript più usata al mondo, con
due fork principali (Mobile e UI) dedicate allo
sviluppo di web app.
![Page 5: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/5.jpg)
Parte 1: Web
![Page 6: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/6.jpg)
Fondamentale:
jQuery è già incluso in WordPress, viene usato principalmente nella backend quindi è inutile
incorporarlo una seconda volta!
<?php wp_enqueue_script(“jquery”); ?>(prima di wp_head)
+
![Page 7: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/7.jpg)
Now it’s time to rock!
- caricare post casuali con Ajax- evidenziare parti di testo- controlli testo come zoom e colore- caricare link esterni in finestre con Ajax- aggiungere funzionalità drag’n’drop
![Page 8: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/8.jpg)
Parte 2: Mobile
![Page 9: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/9.jpg)
introducing: jQuery Mobile
jQuery Mobile è un framework Css/Js per lo
sviluppo di siti ottimizzati ai dispositivi mobili,
attualmente in versione Alpha 3
![Page 10: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/10.jpg)
Come funziona?
Lo si incorpora nella pagina come un plugin ma
ha un “avvio” automatico, utilizzando la
proprietà data (pizzico di Html5) si possono
assegnare ruoli ed effetti agli elementi Html
presenti nelle nostre pagine.
![Page 11: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/11.jpg)
E quindi WordPress?
jQuery Mobile è un ottimo strumento per
creare temi alternativi per smartphone e tablet
senza dove duplicare pagine e contenuti, a
questo punto serve solo un redirect!
![Page 12: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/12.jpg)
Risorse interessanti
- WordpressMania (wpmania.it)
- jQuery Italia (jqueryitalia.org)
- MoebiusMania (moebiusmania.net)
- Digging into Wordpress (wpdig.com)
- jQuery Mobile (jquerymobile.com)
![Page 13: Salvatore Laisa, WordPress + JQuery](https://reader038.vdocuments.site/reader038/viewer/2022103116/558e35aa1a28abf63f8b4703/html5/thumbnails/13.jpg)
GRAZIE!e un grazie anche a:
SaidMade e KnowCamp - per il mio angolino nell’eventoWordPress e jQuery - per non reinventare la ruota
i Dream !eater - la soundtrack delle mie notti insonni