Translate

Tags: ,

Mostrare l'anteprima degli articoli in colonne ben allineate

Viene spesso richiesto sul forum come poter visualizzare nella homepage il testo introduttivo di alcuni articoli ben impaginato in colonne, in stile "giornalistico". Con il nuovo modulo gratuito Articles Thumbnails possiamo fare qualcosa di simile.
Il risultato è responsive, include l'immagine ed il testo introduttivo ed anche il link al relativo articolo.

Scaricare il pacchetto di installazione del modulo dal sito dello sviluppatore: https://sergiois.github.io/articles-thumbnails.html
Installare come una normale estensione. Nella gestione moduli troviamo ora il modulo Articles Thumbnails da pubblicare.

parametri thumb01
Cambiare eventualmente il titolo al modulo e scegliere se il titolo sia visibile o nascosto.
Associare il modulo ad una posizione presente nel vostro template oppure scrivere una posizione di fantasia se vogliamo richiamare questo modulo manualmente in un contenuto.
Indicare inoltre in quale pagina deve apparire il modulo (Assegnazione modulo). Indicare la o le categorie di articoli da cui il modulo deve pescare i contenuti.

parametri thumb02Nel TAB "Configuration" indicare di mostrare il titolo con link, attivare la visualizzazione dell'immagine introduttiva impostata in ogni articolo. Se decidiamo di mostrare anche il tasto per il "Leggi tutto" (Read more) indichiamo il testo in italiano che vogliamo su questo tasto.

Non ci sono molte altre impostazioni su cui giocare, il modulo è molto giovane e speriamo che lo sviluppatore inserisca nuove utili funzionalità nei prossimi aggiornamenti.

Questo un esempio di come appare il modulo sul template Protostar default di Joomla:

parametri esempio thumb

E' consigliato utilizzare una apposita categoria di articoli che dovranno essere accuratamente preparati per apparire in questo modulo. Le immagini introduttive dovranno avere tutte le stesse dimensioni, il numero di caratteri nel titolo e nel testo introduttivo dovranno essere molto simili in tutti gli articoli così da avere un buon allineamento.

 

 

Autore:

Alessandro Rossi (AlexRed)
Alcune informazioni su di me:
Esperto in Ozio. Sono uno degli amministratori di Joomla.it. Ho fondato nel 2006 Joomlahost, il primo hosting italiano dedicato a Joomla! Vivo e lavoro a Fuerteventura. Titolare della Open Source Solutions SL che sviluppa anche la Ozio Gallery.
 

Add a comment

Con la versione 3.4 di Joomla! è arrivato anche il nuovo reCAPTCHA (non sono un robot)

Per proteggerci dallo spam ci troviamo ad attivare sui nostri siti Joomla il plugin reCAPTCHA, ma spesso oltre ad allontanare lo spam allontana anche i possibili contatti e utenti vanificando così molto del lavoro svolto sul sito. La verifica del vecchio reCAPTCHA (v1) costringeva a far ripetere in un campo di testo strane lettere e parole riprese da scansioni orribili di libri o simili, questo comportava spesso errori e dover ripetere la procedura e spesso abbandonare il form... 
Con la nuova versione reCAPTCHA v2 presente in Joomla 3.4 non è più necessario far scappare anche gli utenti buoni.

La nuova versione evita all'utente di compiere una verifica impegnativa, gli viene solamente chiesto di mettere una "spunta" sull'unico apposito campo. Il nuovo meccanismo elaborato da Google riesce così automaticamente a capire se chi vuole procedere alla l'invio del form è una persona reale o solo l'ennesimo robot che genera spam.

Se già utilizziamo il plugin reCAPTCHA ed aggiorniamo la versione di Joomla alla 3.4 non noteremo però differenze, nei nostri form di contatti o nella procedura di registrazione utente rimane attiva la vecchia versione del reCAPTCHA. Questa vecchia versione v1 di reCAPTCHA è ancora funzionante ma Google invita tutti a passare ad utilizzare la nuova versione v2, probabile che con il passare del tempo la versione v1 sarà deprecata ed abbandonata.

Per impostare il plugin di Joomla ad utilizzare la versione 2 è necessario accedere dalla Gestione estensioni al plugin reCAPTCHA

captcha01

Attenzione! Non è possibile utilizzare le vecchie "chiavi" generate con la versione v1 dal sito di Google, ma siamo costretti a tornare a generarne di nuove.
Selezionare come versione 2.0 ed inserire i nuovi valori per "Site Key" e "Secret Key".

captcha02


Per generare le nuove "chiavi" è necessario accedere al sito http://www.google.com/recaptcha e premere sul tasto "Get reCAPTCHA" loggandosi con il proprio account Google.
Registriamo quindi il sito inserendo il nome e l'indirizzo. Se avevamo già registrato il sito precedentemente facciamolo nuovamente, magari indicando l'indirizzo senza il www o con il www per differenziare le due registrazioni.
Nella scheda del nuovo sito registrato troviamo nel tab "Chiavi" i valori che ci interessano da copiare ed incollare nei parametri del plugin:
Chiave del sito = Site Key
Chiave segreta = Secret Key
captcha03

Salvare le impostazioni del plugin e verificare se nel form del vostro sito dove è già attivo reCAPTCHA appare la nuova e più semplice versione, per la gioia dei vostri utenti  :)
Se ancora non avete inserito il reCAPTCHA nei vostri form allora è necessario attivare il plugin reCAPTCHA che avete appena configurato. Poi se vogliamo attivarlo nel form di registrazione utenti accedere dal menu Utenti --> Gestione utenti ed alle Opzioni in alto a destra. Qui verificare che la registrazione utenti sia attiva nel primo parametro, poi nel parametro Captcha indicare Captcha - reCAPTCHA.
Per attivarlo nel modulo di contatto di Joomla è necessario accedere dal menu Componenti --> Contatti ed alle Opzioni in alto a destra. Qui selezionare il tab "Modulo di contatto" e nel primo parametro "Abilita il Captcha nei Contatti" indicare Captcha - reCAPTCHA.

P.s.
Se il nuovo reCAPTCHA non appare di fianco alla scritta "Captcha *" allora c'è qualcosa che non funziona...  come primo tentativo provare ad impostare per un attimo il template Protostar default di Joomla e verificare se con questo il nuovo reCAPTCHA appare. In questo caso potrebbe esserci qualche conflitto con il template in uso.

Autore:

Alessandro Rossi (AlexRed)
 
Add a comment

Inserire testo cliccabile sopra un'immagine

Per questo tutorial ho usato l' Editor JCE che vi consiglio sempre di usare come editor predefinito.

Una volta aperto un nuovo articolo o modulo (HTML) create una tabella con una o con più colonne necessarie al vostro progetto (es.4) , UNA sola riga, centrate e non scrivete nessuna misura, cliccate su Inserisci per salvare e chiudete la finestra.
Cliccate ora in una cella qualsiasi, tasto destro e cliccate su su Cella » "Propietà celle della tabella" ed inserite le misure dell'immagine, su Allineamento Verticale scegliete Centra, se volete che il testo sia centrato rispetto all'immagine scegliete questa opzione da "Centra", spostatevi sul tab "Avanzate" e scegliete la vostra immagine su Immagine di sfondo.
scritta su immagineScegli di applicare i cambiamenti su tutte le celle della tabella in basso a destra, quindi cliccate su Aggiorna.

Cliccate nuovamente su una cella, tasto destro e cliccate su su Cella » "Propietà celle della tabella » Avanzate" aggiungete nella riga Stile: background-repeat: no-repeat; chiudete con Aggiorna, ricordatevi di aver settato nuovamente i cabiamenti per tutte le celle!

Adesso se preferite potete usare le scritte come un menu linkandole ad altre pagine o per aprire delle pop-up (plugin Mediabox installato).

 

 

 

demo 1 

 VIDEO   MUSIC  GAGS   PRANK
 POP-UP  POP-UP   POP-UP   POP-UP

 


 

 

Add a comment

Come ripristinare un sito Joomla con Akeeba Kickstart Restore

Vediamo come rispristinare un sito Joomla dopo avere effettuato il backup con Akeeba Backup.

 

Lista di tutto l’occorrente

  • Accessi FTP del servizio di hosting su cui ripristinare il sito Joomla
    Utente FTP, Password, Indirizzo Host
  • Accessi al database
    Utente, Password, Nome Database, Host (di norma è localhost)
  • Client FTP tipo Filezilla Client, scaricabile da qui
  • Archivio file di backup con estensione .jpa (generato da Akeeba Backup)
    Il file .jpa lo si preleva connettendosi in FTP al vostro spazio web hosting e navigando fino a administrator/components/com_akeeba/backup, se vi sono file con estensione .j01, .j02, significa che l’archivio backup è stato diviso in più parti perchè superiore a 2gb, quindi prelevare anche questi file.
  • Akeeba Kickstart Restore, scaricabile da qui (che è il programma che consente il restore del sito Joomla)

 

Come ripristinare un sito Joomla da un backup con Akeeba Backup

Per prima cosa è necessario scompattare il file compresso di Akeeba Kickstar Restore che abbiamo scaricato in precedenza, all’interno della cartella troveremo più file, tra cui molti file .ini che sono le traduzioni in diverse lingue, volendo le lingue che non ci interessano le possiamo eliminare tranquillamente e lasciare solo l’italiano che lo identifichiamo con il seguente nome del file it-IT.kickstart.ini -// dalle ultime versioni è presente il solo file in inglese quindi questo passaggio lo potete saltare .

Ora, collegandoci in FTP al nostrto spazio web, copiamo tutti i file restanti nell’area FTP in cui andremo a ripristinare il sito Joomla, per esempio se si usa CPanel la cartella sarà public_html, oppure httpdocs nel caso di altri provider o pannelli, dipende dal servizio di hosting a cui ci si si è affidati.

Bene, adesso è necessario prelevare i file di backup che Akeeba Backup ha creato, quindi sempre da FTP navighiamo fino a administrator/components/com_akeeba/backup e preleviamo tutti i file con estensione .jpa ed eventualmente .j01, .j02, ecc… e copiamoli dove abbiamo copiato i file precedenti di Akeeba Kickstart Restore.

 

I file hanno la seguente nomenclatura site-nomedominio.ext.ANNOMESEGIORNO-numeroprogressivo.jpa, esempio pratico : site-alessioangeloro.it-20140625-092403.jpa

Il file .htaccess non copiatelo perchè è contenuto all’interno del file .jpa

  1. Decomprimiamo i file
  2. Connettiamoci in FTP con Filezilla o programmi simili al nostro servizio di hosting e nella cartella in cui andremo a ripristinare il sito Joomla, copieremo i file estratti in precedenza (possiamo tralasciare la copia dei file con estensione .ini delle lingue che non ci interessano, visto che nel nostro caso useremo l’italiano)
  3. Preleviamo il file .jpa (e ove presenti tutti i file con estensione .j01, .j02, ecc) e copiamolo nella cartella in cui andremo a ripristinare il sito Joomla, i file di backup si trovano in administrator/components/com_akeeba/backup

    Figura 1 – Copia dei file .jpa

    Questo è il file da copiare

    copia file jpa akeeba backup per joomla

  4. Figura 2- Destinazione file .jpa

    Questi sono i file che dovreste avere nell’area che andremo a ripristinare

    destinazione file jpa akeeba backup joomla

  5. Ora se non è già stato fatto in precedenza, è necessario creare un database, quindi accediamo al nostro web panel del servizio di hosting e creiamo un nuovo database MySQL, annotiamoci quanto segue :
    • host (che di norma è localhost)
    • utente database
    • nome database
    • password database
  6. Ora apriamo il browser internet digitiamo l’indirizzo del dominio in cui vogliamo ripristinare il sito Joomla + il nome del file (kickstart.php) che servirà ad avviare la procedura di restore, esempio : www.miodominio.com/kickstart.php ,apparirà la figura 3, una schermata di riepilogo in cui possiamo scegliere il file jpa (nel nostro caso ne abbiamo solo uno quindi non tocchiamo nulla) e vede il path (percorso) della cartella temporanea che utilizzerà Akeeba Kickstart Restore per la procedura di rispristino.

    Figura 3 – Scelta del file di backup jpa

    akeeba kicstart pagina iniziale1 663x1024Figura 4 – Verifica delle impostazioni dell’hosting
    Questa è la fase in cui vengono effettuati dei controlli, se il vostro servizio di hosting utilizza server ottimizzati per il CMS Joomla, tutti gli avvisi dovrebbero essere di colore verde, diversamente arancio o rossi, nel caso contattare il servizio di hosting per correggere eventuali anomali o valutare un servizio di hosting professionale per Joomla.

    verifica impostazioni hosting joomla

  7. A questo punto inseriamo i dati di connessione al database (quelli che abbiamo annotato precedentemente), configuriamo come mostrato in figura 5 , quindi :

    Credenziali di connessione al database MySQL

    Tipo di database : MySQLi (consigliato)
    Host database : di solito è localhost   Nome utente : è il nome utente del database MySQL
    Password : la password del database
    Nome del database : il nome del vostro database

  8. Opzioni avanzate

    Con tabelle esistenti : Drop significa che se il database è pieno, i dati presenti verranno cancellati, può essere utile se per esempio una stato utilizzando il database di una precedente installazione che volete eliminare. Backup, se state utilizzando un database e prima di riversarci sopra (dump dei dati) i dati di Joomla, volete fare un backup.
    Prefisso dei nomi delle tabelle del database : consiglio di utilizzare un prefisso non ttoppo lungo ma complesso in modo da rendere il più impegnativo possibile un’eventuale attacco da hacker.

    Tutte le altre impostazioni lasciatele come in figura (che sono quelle predefinite) se non avete dimestiche con MySQL.

    Figura 5 – Ripristino del database Joomla

    inserimento dati database per il ripristinoEcco la fase in cui viene rispristinato il database di joomla

    fase1 restore dbfase 2 database joomla rispristinato

  9. Nella seguente schermata (figura 6) invece vengono inseriti o volendo modificati, i dati di Joomla, quindi il titolo del sito, l’indirizzo email dell’amministratore ed il mittente, gli altri campi in modo particolare la sezione “Messa a punto delle cartelle” non deve essere modificato in quanto Akeeba Restore ha già impostato correttamente i relativi percorsi in fase di ripristino, anche se Joomla è in una sotto cartella.

    Figura 6 – I dati di accesso a Joomla

    inserimento dati joomla

  10. In questa fase è necessario eliminare la cartella “installation” è una directory creata in automatico da Akeeba Kickstart e viene utilizzata per effettuare il restore del database e di alcuni file di Joomla, se non viene eliminata il sito risulta inacessibile, cliccare tranquillamente su Rimuovere la directory di installazione e premere Vai al front end del tuo sito nella schermata successiva, vedi figura 7.

    rimozione cartella installationFigura 7 – Sito Joomla ripristinato !

    sito joomla ripristinato con akeeba

  11. Fine ! Godetevi il vostro sito Joomla appena ripristinato.

    front emd joomla

 
Autore:
 
Add a comment