Come scoprire temi e plugin WordPress

WordPress Scoprire quali Temi e Plugin sono usati.

Spesso ci troviamo ad affrontare una delle “paure”più grandi, laddove la logica lascia spazio al fenomeno della “tela bianca”.

Questo stato ci si può presentare quando ci accingiamo alla creazione di un nuovo progetto per un sito web.

La logica vi porterà da A a B. L’immaginazione vi porterà dappertutto.
(Albert Einstein)

Mente o cuore?

Seguiamo la logica perché nessun algoritmo lavora sulle onde di comunicazione dei sentimenti, almeno per adesso, a parte il primo nato nella Silicon Valley e non certamente affidabile.

In ogni caso cercare uno spunto rientra nella norma ed in particolare se la tematica principale del sito web non ci si è mai presentata prima.

Lascio il discorso della scelta del tema e di eventuale acquisto o realizzazione, così come della ponderata scelta o costruzione dei plugins.

In ogni caso potremmo trovarci a cercare spunti in rete e nel peggiore dei casi è facile leggere domande nei gruppi Facebook.

Quello che cerchiamo è un aspetto del sito simile a quello che vogliamo realizzare spesso anche per bizzarre richieste del cliente.

I rete puoi trovare un’infinità di esempi, il punto critico sono le tempistiche di ricerca che si sommano al restante tempo da destinare alla creazione del sito o del solo progetto.

Questo breve e non originalissimo articolo spera di aiutarti e semplificarti la ricerca attraverso alcuni esempi, fonti e tools utili ad individuare temi e plugin.

Assodato che WordPress sia utilizzato nel 33% dei siti web nel mondo, alcuni siti di grandi brand rappresentano ottimi esempi di sviluppo.

Come possiamo capire quali siano i temi in uso e i plugin?

Verificare il codice sorgente della pagina nella maggioranza dei casi ci farà capire se il sito è realizzato con WordPress e c mostrerà alcune informazioni come il nome del tema e alcuni plugin.
Ricordiamoci che il nome del tema potrebbe essere personalizzato per via del child theme o perchè il tema in se che è stato sviluppato da zero.

Se non bastasse possiamo analizzare le singole aree con “Ispeziona” del browser Chrome o “Analizza Elemento” di Firefox.

Altra soluzione sono le estensioni per i principali browser:

In taluni casi la singola estensione non è in grado di fornirci tutte le info che ci servono, sarà necessario consultarli tutti.

Servizi online per individuare temi e plugin presenti su un sito web:

Non sempre riuscirete a risalire a tutto se sul sito è installato e attivato il plugin WP Hide & Security Enhancer.

Alcuni esempi di siti realizzati con WordPress che possono rappresentare un ottimo spunto per il nostro progetto, di questi ce ne sono alcuni che mi hanno colpito in modo particolare:

caroselling.it

fru.it

keeplin.it

amarozerotrenta.it

baseibrewery.it

studioup.it

pindarica.it

marcomontemagno.it

webinword.com

delcambio.me

camiloalvarez.com

oneupstudio.it

Se sei curioso come me e sempre alla ricerca di nuove idee ti suggerisco questa ottima risorsa dove potrai oltre che avere uno spunto, anche inserire il tuo sito: www.awwwards.com

Vediamo alcuni brand famosi presenti anche su wordpress.org/showcase che hanno scelto WordPress per il loro sito web:

The City University of New York

The Obama Foundation

Ogilvy & Mather South Africa

The National Puerto Rican Day Parade

Angry Birds

The Village Voice

Vogue India

thisisFINLAND

The White House – whitehouse.gov

The Walt Disney Company – thewaltdisneycompany.com

Toyota – toyota.com.br

The National Archives – nationalarchives.gov.uk

quantcast – quantcast.com

Tucows – tucows.com

Sony Music – sonymusic.com

The New York Times – nytco.com

Group Renault – group.renault.com

Tribune Media – tribunemedia.com

Foliovision – foliovision.com

ExpressJet – expressjet.com

The Official Site of Sweden – sweden.se

Siti WordPress magazine e news

Wired – wired.com

TechCrunch – techcrunch.com

The New Yorker – newyorker.com

The Sun – thesun.co.uk

The Next Web – thenextweb.com

Vogue – vogue.com

Canada – canada.com

this is Finland – finland.fi

Siti WordPress legati all’istruzione

Smithsonian National Museum of African Art – africa.si.edu

Quartz – qz.com

University of Washington – washington.edu

Georgia State University – gsu.edu

Sprott School of Business – sprott.carleton.ca

Cooper Hewitt – cooperhewitt.org

RenWeb – renweb.com

Lafayette College – lafayette.edu

Wheaton College – wheatoncollege.edu

Nicholls State University – nicholls.edu

Skillcrush –  skillcrush.com

Università di Des Moines – dmu.edu

International Gem Society –  gemsociety.org

Siti WordPress E-commerce:

Airstream – airstream.com

Bata – bata.com

Tinkering Monkey – tinkeringmonkey.com

Van Heusen – vanheusen.com

FitBark – fitbark.com

Siti WordPress di intrattenimento

AMC – amc.com

MP3.com – mp3.com

BBC America – bbcamerica.com

Guild Wars 2 – guildwars2.com

No Man’s Sky – no-mans-sky.com

Microsoft Studios – microsoftstudios.com

Agenzie che utilizzano solo WordPress per i loro progetti

Portent – portent.com

Human Made – hmn.md

Modern Tribe – tri.be

10up – 10up.com

Design the Planet – designtheplanet.com

Born Group – borngroup.com

wrk. – waaark.com

Siti WordPress Open Source & No Profit

Creative Commons – creativecommons.org

Blender – blender.org

Invisible Children – invisiblechildren.com

Cure – cure.org

National Archives Foundation – archivesfoundation.org

Platform – platformlondon.org

Blog creati con WordPress

Slack Blog – slackhq.com

Microsoft News – news.microsoft.com

The Mozilla Blog – blog.mozilla.org

cPanel Blog – blog.cpanel.com

The Wall Street Journal Law Blog – blogs.wsj.com/law/

TripAdvisor Blog – tripadvisor.com/blog/

Target Pulse Blog – pulse.target.com

Staples Blog  – blog.staples.ca

Skype Blogs – blogs.skype.com

Facebook Newsroom – newsroom.fb.com

UPS Blog – longitudes.ups.com

Evernote Blog – blog.evernote.com

Playstation Blog – blog.us.playstation.com

Star Wars News – starwars.com/news

Flickr Blog – blog.flickr.net

Spotify News – news.spotify.com

Siti WordPress di celebrità

Beyoncé – beyonce.com

The Rolling Stones – rollingstones.com

Katy Perry – katyperry.com

Usain Bolt – usainbolt.com

Snoop Dogg – snoopdogg.com

Sylvester Stallone – sylvesterstallone.com

Se condurrete una ricerca profonda troverete sicuramente altri migliaia di siti web degni di nota, quelli qui indicati sono solo come esempio di cosa si possa ottenere utilizzando WordPress in diversi contesti.

Strumenti e plugin utili per monitorare il sito web

Strumenti e plugin utili per monitorare il sito web.

Chi ci lavora sa bene che passiamo spesso tantissimo tempo seduti a monitorare il nostro sito o i nostri siti web.

Quante volta ci siamo chiesti se ci sia un modo che vada oltre le metriche di Analytics per tenere il nostro sito sotto controllo?

Premesso che ogni eventuale problema potrebbe essere identificato in parte dal log degli errori, o tramite la funzione debug di WordPress, potremmo riscontrare problemi nei tempi di caricamento del sito sia nel back-end che ne front-end e non avere domestichezza con altre funzioni, in questo caso ci può essere di aiuto un plugin removibile dopo l’analisi o alcuni tool reperibili online.

La buona notizia è che ci sono ottimi strumenti che possono facilitarci la gestione e il monitoraggio del nostro sito e individuare con esattezza quale plugin o tema ci fa consumare eccessive risorse, ma non solo, ci tiene informati su eventuali aggiornamenti, possibili rischi sulla sicurezza e accessi indesiderati.

La nota dolente sono i plugin.
Oltre 500.000 (cinquecentomila) plugin sono presenti solo nel repository di WordPress.
Per la maggiore rappresentano qualcosa di simile ad un bambino che entri in un negozio di dolciumi e possa servirsi a volontà.
Le conseguenze nell’abusarne sono quasi scontate, indigestione, mal di denti o iperglicemia.

Adesso prendiamo il nostro sito, a partire da eventuale installazione di un tema con Page Builder o uno dei tanti Visual Composer, abbiamo generalmente più plugin che operano per un corretto funzionamento del tema, a cui si aggiungono una media di circa 10 plugin ripartiti tra:

  • Form di contatti
  • Recaptcha
  • E-commerce
  • Gateway di pagamento
  • Social share
  • GDPR
  • Cookie
  • Sicurezza
  • Antispam
  • SEO
  • ROI
  • Editor
  • Login
  • Portfolio
  • Slider
  • Booking
  • Multilingua

Giusto alcuni che sono quasi sempre presenti anche su siti semplici o delegati solo alla funzione di Blog.

Buona parte dei plugin agevolano e si rendono necessari sul front-end, prendiamo l’esempio di una prenotazione o un acquisto, il classico form di contatti e il banner per il consenso dei cookie.
Questi plugin per poter funzionare richiedono file CSS, file JavaScript.
Il tutto si traduce in richieste che vengono inviate al server e devono restituire risposte al browser dell’utente, sono spesso così elevate che il server non riuscendo a gestirle tutte si arresta in modo anomalo impedendo il corretto funzionamento del sito o determinate un rallentamento gravoso.
Stesso identico problema per il database, più plugin abbiamo installato e maggiori saranno le richieste al database ogni volta che una pagina dovrà essere caricata.

Abbiamo dedotto che più plugin installiamo e più riduciamo le risorse del database, inoltre tenere inattivi i plugin o rimuoverli non sempre è sufficiente anche per la rimozione dal database.

Un altro punto fondamentale è di verificare sempre la piena compatibilità tra i vari plugin per evitare possibili conflitti e malfunzionamenti.
Usate sempre il forum degli sviluppatori per capire dai commenti che problemi o incompatibilità possa presentare quel dato plugin, sempre che vi sia realmente necessario installarlo.

I plugin possono rappresentare un problema anche sul piano sicurezza e non solo per mancati aggiornamenti.
Un’ulteriore ragione per limitarne l’uso.
Non meno importante è come viene scritto il codice del plugin, frequentate i forum, leggetene sempre i commenti e se avete dubbi chiedete senza pietà.

Se potete testateli in un ambiente di staging.

Una soluzione che può essere utile è anche quella di utilizzare un filtro per i plugin in modo che funzionino solo sulle pagine interessate, potete provare:

A proposito di plugin, vediamo alcuni destinati al monitoraggio e alla verifica delle risorse consumate, insieme alle loro caratteristiche principali.

Verificare il consumo di risorse sul proprio sito 

Anni fa mi capitò di utilizzare in più occasioni il plugin P3 Plugin Performance Profile, i risultati erano ottimi e individuare i plugin che consumavano più risorse era immediato, un grafico a torta mostrava chiaramente quali plugin rallentavano il sito.
Ricordo benissimo che WPML, Revolution Slider, Woocommerce, ContactForm7 e alcuni utilizzati per la condivisione sui Social (quelli fighissimi flottanti)vincevano quasi sempre in termini di consumo.

P3 è abbandonato da anni e anche lui era un mero strumento da installare, verificare e rimuovere al volo dato che possedeva non pochi bug anche sul piano sicurezza.

Nel tempo altri plugin si sono imposti nel panorama ed alcuni trovano sicuramente un ottimo riscontro.

Premesso che con una versione Chrome per sviluppatori un semplice Ctrl+Maiusc+I e la dovuta analisi possiamo ottenere informazioni vitali.

UsageDD

Questo plugin ci consente di monitorare l’utilizzo delle risorse di WordPress.
Non ha alcuna pagina di impostazione e praticamente non utilizza risorse .

  • Query MySQL
  • Quantità di memoria utilizzata dal codice della pagina
  • Tempo richiesto per generare la pagina
  • Tempo di CPU necessario per stampare l’intera pagina
  • In alcuni casi il tempo al primo byte
  • Le informazioni verranno visualizzate nella parte inferiore della pagina quando si è loggati

Plugin Garbage Collector

Scansionare, analizzare, pulire e ottimizzare il database alla ricerca di frammenti lasciati da plugin rimossi.

Query Monitor

Probabilmente tra gli strumenti più completi, nel momento in cui scrivo il plugin è stato aggiornato poche settimane fa.

Alcune delle caratteristiche per le query del database e per l’ambiente:

  • Mostra tutte le query del database eseguite sulla richiesta corrente
  • Mostra le righe e il tempo interessati per tutte le query
  • Mostra notifiche per query lente, query duplicate e query con errori
  • Query filtra per tipo di query ( SELECT, UPDATE, DELETE, ecc)
  • Filtra query per componente (WordPress core, Plugin X, Plugin Y, tema)
  • Filtra le query chiamando la funzione
  • Visualizza informazioni di query aggregate raggruppate per componente, funzione di chiamata e tipo
  • Mostra varie informazioni PHP come il limite di memoria e i livelli di segnalazione degli errori
  • Sottolinea quando uno di questi viene sovrascritto in fase di runtime
  • Mostra varie informazioni su MySQL, inclusa la cache e la configurazione relativa alle prestazioni
  • Sottolinea il fatto che eventuali configurazioni relative alle prestazioni non sono ottimali
  • Mostra vari dettagli su WordPress e sul server web
  • Mostra i numeri di versione per tutte ciò che è installato

Plugin Detective

Un plugin che si può rivelare utile ed evitare di rinominare da ftp uno per uno i plugin quando ci sono errori o conflitti tra plugin.
Può individuare il plugin causa del problema e ripristinare un corretto funzionamento del sito anche nei peggiori scenari.

Disk Usage Sunburst

Mostra tutti i file presenti nel tuo sito WordPress in un grafico a torta.
Mostra le dimensioni di tutti i file:core, temi, plugin e database, della tua installazione di WordPress in una sola volta.

Debug Objects

Ci fornisce informazioni sia sul back-end che sul front-end.
Dopo l’installazione sarà visibile un pulsante “Oggetti” in alto.
E dopo aver cliccato si può ottenere il tempo di caricamento della pagina, la memoria utilizzata e altre opzioni.

WordPress Inspector

WordPress Inspector ispeziona il tuo sito per verificare: velocità, sicurezza e prestazioni.
Caratteristiche

  • Velocità: controlla i problemi che causano una bassa velocità
  • SEO: controlla eventuali problemi che causano il calo dei ranking SEO
  • Sicurezza: verifica il tuo WordPress per vulnerabilità e problemi di sicurezza
  • Prestazioni: verifica le prestazioni del tuo WordPress
  • Tema: verifica il tuo tema per eventuali problemi di sicurezza
  • Plugin: identifica plugin o temi non funzionanti
    WordPress Inspector include uno scanner che cerca plug-in e temi danneggiati e ti consiglia le alternative

Jetpack

Con ben 5 milioni di download è sicuramente tra i preferiti dagli utilizzatori di WordPress, per utilizzarlo sarà necessario possedere un account wordpress.com e collegarlo al vostro sito web.
Cosa può fare:

Monitorare i tempi di inattività del sito attraverso il controllo che avviene ogni 5 minuti, l’avviso avviene tramite e-mail.

Sebbene abbondantemente utilizzato e collegato per via del fatto che è costantemente collegato, potrebbe non essere la soluzione adeguata se dobbiamo eseguire solo una verifica specifica.
Il suo sistema in questo caso è relegato al solo alert di downtime.

ManageWP

Disponibile nella versione Free e nella versione Premium, grazie ad un’unica dashboard ci consente di monitorare e gestire più siti web senza limiti, dispone di un ottimo sistema di backup e ripristino, vediamo tutte le caratteristiche:

  • Backup
  • Clonazione del sito e migrazione
  • Monitor Uptime, avvisa se il sito è down
  • Aggiornamenti sicuri grazie alla creazione di un punto di ripristino
  • Sucuri per la sicurezza del sito e prevenzione
  • Controllo delle prestazioni
  • Report personalizzabili
  • Funzione per nascondere o rinominare gli strumenti di ManageWP
  • Integrazione con Analytics e possibilità di leggere i dati da una sola dashboard
  • Modalità manutenzione
  • Funzioni di codice per migliorare o implementare
  • Autenticazione a due fattori
  • Un solo accesso ad una sola dashboard per avere tutti i siti sotto controllo
  • Gestire da una sola schermata tutti i commenti
  • Sincronizza il sito da locale a remoto con un click
  • Gestisce plugin e temi
  • Costanti aggiornamenti su potenziali vulnerabilità
  • Template Builder
  • Verifica link rotti nel sito

Escludendone alcune funzioni che possono apparire superflue, altre sono non solo interessanti ma utilissime.
Anche in questo caso dobbiamo considerare che come plugin e per poterci offrire il monitoraggio continuo, dovrà essere sempre attivo…

Nella lista sotto potrete verificare altri plugin a pagamento utilizzati per il monitoraggio.

Freshping

Uptime Robot

Super Monitoring

Web Performance Monitor

App Dynamics

SmartBear AlertSite

Tra i servizi online destinati al monitoraggio di cui a breve farò una recensione suggerisco anche i tools presenti su: websiteplanet.com

 

 

Wordfence Security plugin per WordPress

WordFence Security un ottimo Plugin per WordPress ora alla versione 4.4

Premesso che l’aggiornamento costante e nel minor tempo possibile del CMS WordPress, dei sui plugin e temi è sempre fondamentale per evitare problemi di sicurezza.
Allo stesso modo la scelta del servizio di hosting deve essere oculata senza spesso farsi ingannare da servizi low coast, sebbene spesso sui condivisi vi siano senza dubbio maggiori rischi.

Installazione del plugin

Per limitare ulteriormente i ben noti hackeraggi dei nostri siti in WordPress, questa resta una valida soluzione, sempre che si rispetti l’installazione di plugin e temi WordPress di provenienza sicura.

Ci permetta inoltre di monitorare traffico e provenienza delle visite con un report accuratissimo, ci mostrerà suddivise in sezioni le tipologie di visite, loro provenienza se umane o meno e con relativi indirizzi IP, utenti registrati e crawler.

L’installazione è la tipica come per tutti i plugin di WordPress, ho da pacchetto oppure semplicemente digitando il nome del plugin WordFence Security nella barra di ricerca plugin dal repository di WordPress e cliccando “Enter” dalla nostra tastiera.

Una volta caricato dobbiamo attivarlo, ora andiamo nel menù di amministrazione e sulla voce WordFence troveremo l’indicazione sull’inserimento di un valido indirizzo Email che ci consentirà di attivare sia il plugin che il sistema di alert.

Caratteristiche del plugin

Il plugin Dispone di 4 diversi livelli di sicurezza, di default è impostato a due ma può essere personalizzato.

WordFence Security ci consente di eseguire uno scan e rilevare eventuali “anomalie” che ci consentono di capire anche se vi sono modifiche tra i file originali del core di WordPress e quelli attuali, inoltre eventuale blocco di malware.
La scansione ci potrà essere inviata alla Email indicata.

Una protezione efficace ma non solo…Su questo sito ove è installato WordFence Security mi ha permesso di individuare alcuni 404 che erano “sfuggiti” al setaccio dopo un recente restyling del sito.
Ci consente inoltre a colpo d’occhi e grazie alla funzione live di verificare in tempo reale i dettagli del traffico, provenienza geografica e pagine visitate.

Altra importante funzione è “Blocked IPs”, dunque oltre che provvedere ad un accurato sistema si analisi ci consente di provvedere al blocco di quegli indirizzi IP, o classi di indirizzi, che potrebbero rappresentare una minaccia per il nostro sito web.

Cellphone Sign-in è un’altra grande funzione, ci consente un alert al nostro numero di telefono mobile facendoci conoscere le operazioni di login.

La funzione “Country Blocking”, che consente di bloccare il traffico proveniente da un’intera area geografica e la funzione “Scan Schedule”, che ci consente di programmare le scansioni.

Questa ultime funzioni sono disponibili solo sulla versione Premium

Scaricare il plugin

Per scaricare il plugin WordFence Security dal repository Wordpress