Corso WordPress Avanzato al TalentLab

corso-wordpress-avanzatoPERIODO IN CUI SI TERRA’ IL CORSO: IN FASE DI DEFINIZIONE

LUOGO: TALENTLAB, via Monselice, 15a – Padova

 

Il programma del corso avanzato:

  1. Creare un sito Web: le tecnologie principali
      1. Il web server e il server locale: scelta dell’ISP.
      2. FTP: file e cartelle remoti
      3. cenni sulla costruzione di un sito con HTML5, CSS, PHP e Javascript
      4. gestione di contenuti dinamici
      5. costruire e interrogare un database MYSQL

 

  • installazione
      1. Installare e configurare wordpress.org
      2. interazione con il database
      3. area di amministrazione e utenti
      4. identificazione aree dati: file, cartelle, database

 

  • configurazioni fondamentali
      1. generali
      2. lettura
      3. scrittura
      4. permalink
      5. multiutenza: credenziali e livelli di accesso

 

  • gestione contenuti avanzata:
      1. textarea avanzata: pagine e articoli
      2. gestione dei commenti
      3. tassonomia: categorie e tag
      4. i Custom Post Type
      5. Interazione con Facebook e gli altri Social Network

 

  • l’aspetto: i template
      1. trovare il tema giusto: l’evoluzione dei template e il drag-n-drop
      2. struttura del tema e customizzazioni di base
      3. menu personalizzati e widget
      4. realizzare un tema tramite codice HTML/CSS/PHP
      5. come lavorare con funzioni PHP Custom

 

  • estensione delle funzionalità: i plugin
      1. i più usati
      2. ricerca
      3. installazione
      4. configurazione e aggiornamenti

 

  • update e mantenimento

 

    1. esempio di installazione e pubblicazione contenuti
    2. Impostazione strumenti Google (analytics)
    3. update e mantenimento
    4. backup e accenni sulla migrazione
    5. panoramica sulle problematiche legate alla sicurezza

Corso Base WordPress al TalentLab

wordpress-custom-post-typesATTENZIONE: Sono in attesa di indicazioni da parte del Talent-lab per il CORSO AVANZATO e la data di inizio. APPENA MI ARRIVERANNO LE PUBBLICHERO’ IMMEDIATAMENTE QUI.

Grazie!

 

WordPress è il CMS (Content Management System) open source più utilizzato nel mondo, sia dagli utenti meno esperti, grazie all’interfaccia grafica intuitiva e alla facilità di utilizzo, sia da realtà del calibro di PlayStation, Yahoo, eBay e molti altri, grazie all’estrema versatilità e potenza. Tra i vantaggi di WordPress, oltre alla gratuità, c’è una community tra le più ampie che mette a disposizione degli utenti una grande quantità di materiale.
Il corso si rivolge a chiunque abbia necessità, per hobby o per lavoro, di gestire un blog o un sito web e si avvicina a WordPress per la prima volta e si terrà dal 17 Maggio al 14 Giugno 2016 presso le strutture del TalentLab di Padova.

Obiettivi del corso base WordPress sono:

  1. arrivare ad avere il proprio sito Web funzionante attraverso un account WordPress.com e acquisire le conoscenze di base per gestire al meglio la pubblicazione dei propri contenuti.
  2. introdurre i temi del corso avanzato e i vantaggi della piattaforma WordPress.org 

Scarica le slide:

Il link seguente consente di scaricare le slide del corso.
Il file formato PDF verrà aggiornato ogni settimana con i nuovi concetti spiegati a lezione, dunque la versione definitiva verrà caricata il 14 Giugno 2016:

Slide corse base wordpress

 

Il programma del corso base WordPress:

  1. introduzione: perchè WordPress?
    1. il CMS più usato al mondo: Open-source e software free
    2. differenze tra piattaforme .com e .org (sef-hosting)
    3. apertura di un account wordpress.com
    4. impostazioni generali
  2. gestione contenuti:
    1. textarea avanzata: pagine e articoli
    2. commenti
    3. tassonomia: categorie e tag
    4. gerarchia contenuti e menu
  3. l’aspetto grafico
    1. trovare il tema giusto: l’evoluzione dei template e il drag-n-drop
    2. struttura del tema e personalizzazione
    3. menu e widget
    4. gestione contenuti multimediali (immagini e video)
  4. esempi e caratteristiche ulteriori
    1. la multiutenza
    2. piattaforma multidominio
    3. condivisione dei contenuti
    4. backup e accenni sulla migrazione

Uncaught TypeError dopo l’aggiornamento a WordPress 4.5

Uncaught TypeError Divi wordpress

Alcuni temi WordPress da me utilizzati, tra i quali gli ottimi Enfold e Divi, dopo l’aggiornamento del core di WP alla versione 4.5 (ma anche alla 4.4), smettono di funzionare correttamente nelle funzionalità di interazione col Browser, generando un errore javascript del tipo Uncaught TypeError, sia nel front-end che nell’admin area. Ecco l’errore completo nel Back-end:

Uncaught TypeError: Cannot read property ‘model’ of undefined in builder.js

La causa è un aggiornamento di jQuery che non accetta più la sintassi delle stringhe senza virgolette (“), ed è più rigido nella definizione delle variabili, creando problemi di retrocompatibilità.
Un aggiornamento alla nuova versione del tema dovrebbe risolvere, ma non è detto che arrivi puntuale o che sia realmente risolutiva.

Per porre rimedio vi propongo una soluzione da me testata per il tema Divi. Essa consiste nella sostituzione di alcune righe di codice sia per la parte front-end che per quella back-end di WP.

1. Front-end

Nel file /wp-content/themes/Divi/js/custom.js, sostituire la riga 706:

con la riga seguente:

2. Back-end

Nel file Divi/includes/builder/script/builder.js, ci sono due righe come la seguente:

vanno sostituite con la riga seguente:

 

E ci sono le seguenti due funzioni:

..che vanno sostituite con le seguenti:

 

OS media WordPress theme

OS-media theme è un tema WordPress (child theme di Twenty Fourteen), studiato per gestire nel modo migliore i contenuti video on-demand “in evidenza” generati dal plugin OS-media HTML5 featured video

os-media-theme1

Il tema consente di gestire nella maniera corretta i Custom post type dedicati ai video generati da plugin OS media plugin. In modo tale che essi vengano mostrati come content featured video, ossia attraverso lo schema a griglia utilizzato dal tema Twentyfourteen per le featured images (come mostrato nell’immagine qui a fianco e nel link alla versione DEMO online).
Il tutto in maniera automatica e senza bisogno di configurazioni.  Le uniche configurazione richieste sono a livello del plugin OS media  per la generazione del player HTML5.
Il tema non richiede configurazioni ma consente customizzazioni, in particolare dei colori (attraverso l’ottimo plugin Fourteen Colors) e del logo nell’intestazione: Appearance->Customize.

 

Go to WordPress.org theme official page

link to online DEMO

OS-media video plugin WordPress – versione 2

Video plugin WordPress studiato per trasformare la tua piattaforma preferita in una stazione multimediale per contenuti video responsive, basata sul player HTML5 Video-js ultima versione (5.2.1).

banner-772x250

Il video plugin WordPress OS-media genera un player video HTML5 (Video-js) e consente uno streaming di file in formato mp4/webm/ogv attraverso php sfruttando una tecnica chiamata download progressivo (HTTP pseudo-streaming).

Funziona con tutti i temi WP ma è disegnato specificamente per il tema OS-media, che è in grado di gestire i Custom Post Type (Featured Videos).

DEMO ONLINE pagina ufficiale WordPress

I video possono essere inseriti:

  • nei normali post/pagine attraverso gli shortcodes nella textarea.
  • nei Custom Post Type, un’area dedicata ai  “Featured Video”in cui è possibile inserire un unico video per ogni singola pagina (come le Featured Images di WordPress).

Ci sono 5 possibilità di inserimento dei video:

  • da un percorso locale (PATH) relativo all’installazione WordPress dove si trova il plugin (dopo aver caricato i file via FTP): basterà inserire il percorso locale nell’apposito input delle configs generali ( ad esempio: /opt/lampp/htdocs/wp/wp-content/uploads/video/). [i file trovati dal sistema saranno disponibili nel “file selector”]
  • da un qualsiasi file server o installazione WP: basterà inserire l’URL (http://...). [i file trovati dal sistema saranno disponibili nel “file selector”]
  • da Amazon S3 (Simple Storage Server). [i file trovati dal sistema saranno disponibili nel “file selector”]
  • con un upload diretto dal WordPress media uploader (per piccoli file video da caricare “al-volo”)

    [c 1=”un” 2=”input” 3=”ad” 4=”ogni” 5=”formato” 6=”video<strong>:” 7=”mp4,” 8=”webm,” 9=”ogg</strong>” language=”'è”][/c]

  • da Youtube o Vimeo, semplicemento inserendo l’ID del video [dedicated input]

OSmedia Featured video – Custom Post Type:
Questo video plugin WordPress utilizza un layout specifico suo interno per i singoli post, ma per la lista dei “Featured Video” è necessario usare un template ad hoc (come quelle presente nel tema costruito specificamente per questo plugin: Os-media theme). Tuttavia il plugin riconosce automaticamente alcuni degli ultimi template WP come Twenty Fifteen o Twenty Fourteen. Se il tuo tema non è riconosciuto, viene caricato di default il file layout/osmedia_cpt.php, che potrà essere modificato per visualizzare correttamente i Featured Video nel tuo specifico tema. Per visualizzare il Featured video in un singolo post può essere usata la funzione  Osmedia_video(), a cui possono essere passati tutti i parametri che il plugin gestisce.

OS-media video plugin WordPress - player

OS-media video plugin WordPress – player

Immagine poster per i video:

  • per i normali post e pagine è possibile caricare l’immagine dall’apposito input.
  • Nei Custom Post potranno essere usate le Featured Image di WordPress, in caso non siano presenti tali immagini, il plugin tenterà di caricare dallo stesso percorso dei file video anche le immagini, cercando file con lo stesso nome ma con estensione .jpg.

Option settings:
Alcune configurazioni sono  general config, ovvero non son o presenti nei singoli post e dunque essi hanno influenza anche sui post già creati in orecedenza (per esempio: “local video path”, o “player skin”). Mentre alcune altre sono default setting, ovvero parametri presenti anche nei singoli post e che dunque saranno impostazioni di default per i nuovi post, mentre verranno sovrascritte nei post esistenti dalle configurazioni del singolo post (esempi: “width“, or “autoplay“).

Esempio Shortcode:

[php]
video file=”demo” fileurl="https://s3-eu-west-1.amazonaws.com/” img="http://.." youtube="KTRVYDwfDyU" width="640" height="360"
[/php]

Video-js Skin:
Puoi creare una skin tua per il player semplicemente generando un file css attraverso questo tool: http://codepen.io/heff/pen/EarCt. Dopodichè tale file dovrà essere inserito nella cartella: player/videojs/skin. E’ necessario che il nome del file rifletta il nome della classe principale del foglio di stile (esclusa l’estensione .css).

Screenshots:

[av_masonry_gallery ids=’4768,4766,4765,4788′ items=’4′ columns=’4′ paginate=’pagination’ size=’fixed’ gap=’large’ overlay_fx=’active’ caption_elements=’excerpt’ caption_display=’always’ container_links=’active’ id=”]


List of all parameters of OS-media

IMPORTANT NOTE about old version (1.0):
I featured video post creati attraverso la vecchia versione del plugin devono semplicemente essere ricaricati nell’area admin and, quando appaiono i dati nei meta box, cliccare il bottone “Generate Shortcode” e quindi salvare il post. Questo perchè nella nuova versione i normali post e pagine possono generare video solamente attraverso gli shortcode.

Credits:
OS-media video plugin WordPress è basato su: