News da Xlogic

WordPress è il CMS più popolare ed utilizzato sul Web ed oltre ad offrire migliaia di temi e di plugins, offre anche moltissime funzionalità che la maggior parte di noi non conosce perché sono nascoste e possono essere utilizzate solo tramite riga di codice.

Le migliori funzioni che gli sviluppatori di WordPress dovrebbero conoscere

Le migliori funzioni nascoste di WordPress

  • has_block ()
  • wp_is_mobile ()
  • wp_redirect ()
  • wp_upload_bits ()
  • antispambot ()
  • human_time_diff ()
  • register_block_type ()
  • rest_do_request ()
  • rest_preload_api_request ()

 

All’interno di questo articolo il team di Xlogic ha deciso di mostrarti le migliori funzioni che gli sviluppatori di WordPress dovrebbero conoscere.

 

has_block ()

Dalla versione 5.0 WordPress ha introdotto un editor basato sui blocchi che si chiama Gutenberg; La funzione has_block ha lo scopo di identificare se il contenuto contiene un Gutenberg, infatti restituirà VERO se il contenuto contiene un blocco o FALSO se non lo contiene.

<?phpif ( has_block() ) {

    // Content has a block.

} ?>

 

wp_is_mobile ()

Questa funzione rileva quando un utente sta navigando sul sito WordPress tramite un dispositivo mobile e di conseguenza consente di visualizzare i contenuti adattandoli ai dispositivi.

Poiché si tratta di un tag condizionale, restituisce VERO o FALSO a seconda dello scenario.

<?php if( wp_is_mobile() ) : ?>

Visit our website on your desktop for a richer user experience

<?php endif ?>

 

wp_redirect ()

Questa funzione dovrebbe essere utilizzata al posto della funzione nativa PHP <code> header () </code>.

La funzione di reindirizzamento di WordPress ti consente di impostare un URL a cui reindirizzare e anche di impostare un codice di stato, ottimo anche per gestire i reindirizzamenti permanenti.

// For a URL which is no longer in use

wp_redirect( 'https://nomesito.it/url-nuovo/', 301 );

 

wp_upload_bits ()

wp_upload_bits() è una funzione di caricamento di file semplice; sebbene non sposti il file nella cartella dei caricamenti e lo aggiunga alla sezione dei media di WordPress, è estremamente comodo e puoi sempre fare il resto con questa funzione:

<code>wp_insert_attachment ()</code>

Qualche spiegazione è a portata di mano per questo: il primo parametro è il nome del file. Il secondo è deprezzato, quindi dovrebbe essere impostato su null, il terzo parametro è il contenuto effettivo del file.

$upload = wp_upload_bits( $file['name'], null, file_get_contents( $file['tmp_name'] ) );

 

antispambot ()

Il codice antispambot () ha l’obiettivo di mascherare gli indirizzi e-mail presenti nelle pagine web per evitare di ricevere Spam.

$email = 'mymail@mail.com';

echo 'You can contact me at ' . antispambot( $email ) . ' any time'.

 

human_time_diff ()

Questa funzione restituisce la differenza tra due timestamp ed utilizza la data di pubblicazione del post come primo argomento e la data corrente come secondo.

echo 'This post was published ' . human_time_diff( get_the_time( 'U' ), current_time( 'timestamp' ) ) . ' ago';

 

register_block_type ()

Questa funzione ti consente di registrare un nuovo blocco su WordPress che automaticamente apparirà nel nuovo editor.

register_block_type( 'my-plugin/new-block', array(

    'title' => 'New Block',

    'icon' => 'megaphone',

    'category' => 'widgets',

    'render_callback' => 'render_function_callback',

) );

 

rest_do_request ()

Questa funzione consente di effettuare una chiamata agli endpoint dell’API REST di WordPress tramite PHP.

Può risultare utile quando è necessario recuperare un output dall’API REST per elaborare il codice ulteriormente tramite PHP anziché tramite frontend (browser).

 

$request = new WP_REST_Request( 'GET', "/wp/v2/posts" );

$request->set_header( 'X-WP-Nonce', wp_create_nonce( 'wp_rest' ) );

$response = rest_do_request( $request );

$data = 200 === $response->get_status() ? $response->get_data() : [];

 

rest_preload_api_request ()

Quando si crea un’interfaccia utente ricca di codice JavaScript in WordPress, è generalmente consigliato precaricare le richieste all’interno della pagine, in questo modo le pagine web caricheranno più velocemente.

Questa funzione è pensata per essere utilizzata insieme a array_reduce, di seguito un esempio:

// Preload common data.

$preload_paths = array(

    '/',

    '/wp/v2/types?context=edit',

    '/wp/v2/taxonomies?per_page=-1&context=edit',

    '/wp/v2/themes?status=active',

);

preload_data = array_reduce(

  $preload_paths,

  'rest_preload_api_request',

  array()

);

wp_add_inline_script(

  'wp-api-fetch',

  sprintf( 'wp.apiFetch.use( wp.apiFetch.createPreloadingMiddleware( %s ) );', wp_json_encode( $preload_data ) ),

  'after'

);

 

Conclusioni

Le funzioni di WordPress che abbiamo elencato sono quelle che riteniamo essere più utili ma ne esistono moltissime altre; se pensi che manchi una o più funzioni nascoste lasciaci un commento, saremo lieti di poterci confrontare con te.

 

Alla prossima!

I 10 migliori temi free WordPress – Novembre 2015

Per il mese di Novembre abbiamo selezionato i migliori temi gratuiti WordPress.

Delicious

I 10 migliori temi free WordPress - Novembre 2015

Questo tema è molto semplice da utilizzare, è Responsive Design ed è completamente personalizzabile.

Minimal Zerif

minimalzerif

Questo tema viene utilizzato soprattutto dalle aziende, è Responsive Design ed è compatibile con tutti i Browser.

Jax Lite

jax

Questo tema è stato costruito in HTML 5 ed in CSS3, è Responsive Design ed è completamente personalizzabile.

So Simple

sosimple

Questo tema ha un design molto semplice, è personalizzabile ed è semplice da utilizzare, inoltre è Responsive Design.

Riba Lite

riba

In questo tema free è integrato il plugin per i Social network, inoltre è compatibile con WooCommerce e WPML.

Shamrock

shamrock

Questo tema può essere utilizzato prevalentemente dagli utenti che vogliono creare un sito Magazine, è Responsive Design ed è personalizzabile.

Morning Time

morningtime

Con questo tema free e Responsive Design è possibile personalizzare i propri Post in base al formato.

Silvia

silvia

In questo tema sono integrate le icone Social, inoltre è presente un sistema di commenti.

Ramza

ramza

Attraverso questo tema è possibile effettuare le modifiche in Real Time, in pratica ciò che modifichi lo visualizzi direttamente nel tuo sito web.

Maker

maker

In questo tema free e Responsive Design sono integrati i plugin Contact Form 7 e Jetpack, inoltre è possibile personalizzarlo in una modo semplice ed intuitivo.

 

Alla Prossima.

 

Al giorno d’oggi non basta avere un sito web esteticamente bello per potersi posizionare tra le prime posizioni dei motori di ricerca, ma è necessario partire dalla struttura del sito ed effettuare un’accurata ottimizzazione SEO.

La maggior parte delle tecniche di miglioramento delle risorse che utilizziamo quotidianamente per scalare le posizioni su Google, non fanno altro che sfruttare le basi del codice HTML.

Di seguito vi forniamo le principali regole SEO per HTML da seguire che vi permetteranno di migliorare il codice sorgente delle pagine web e di conseguenza il ranking su Google e sugli altri motori di ricerca.

Come ottimizzare il codice HTML per la SEO

I principali Tag HTML per la SEO

Rel Nofollow
Tag title
Meta description
Heading
Rel canonical
Tag Noindex
A href
Tag alt

 

Rel Nofollow

L’attributo rel=”nofollow” permette ad un link di non essere seguito dai motori di ricerca, in questo modo Google non darà valore al collegamento che hai inserito pur mantenendo inalterata l’esperienza dell’utente sulla pagina web (UX).

Quando dovresti utilizzare rel=”nofollow”? E’ di fondamentale importanza inserire questo attributo su tutti quei collegamenti esterni che potrebbero essere poco affidabili con la conseguenza che il tuo sito web verrebbe penalizzato da Google.

A partire dalla versione 4.7.4 di WordPress, è stato aggiunto di default l’attributo rel=”noopener” accanto al tag target=”blank”; questo attributo è stato introdotto per aumentare la sicurezza del sito web in quanto ha lo scopo principale di impedire ai link malevoli di assumere il controllo su una scheda aperta. Per maggiori informazioni puoi leggere il seguente articolo: Che cos’è il rel=”noopener” e come rimuoverlo

 

Tag title

Uno tra gli elementi fondamentali da compilare per la SEO è il tag title che ha la funzione di comunicare a Google il titolo principale di quella determinata pagina / articolo.

Per creare un buon titolo consigliamo di non inserire più volte la stessa parola chiave e quindi di evitare di ripetere il testo, inoltre consigliamo di inserire al massimo 65 caratteri.

 

Meta description

Subito dopo il titolo è importante compilare anche l’attributo Meta Description che ha l’obiettivo di riassumere il contenuto presente all’interno di quella determinata pagina web.

La Meta Deacription in termini di ranking non ha alcun valore ma permette di ottimizzare il click-through rate, nonché la percentuale di visite ricevute in relazione alle impressioni (che possono essere monitorate con Google Search Console).

Consigliamo anche in questo caso di non ripetere più volte la parola chiave e di non superare i 150 caratteri.

 

PS. Sia il titolo che la descrizione possono essere inseriti facilmente utilizzando il plugin WordPress Yoast SEO

 

Heading

All’interno di un contenuto di una pagina o di un articolo è importante utilizzare i tag Heading che servono a classificare in ordine di importanza i titoli presenti all’interno, consentendo cosi di creare una struttura logica e gerarchica.

In che modo devono essere inseriti e gestiti?

  • H1: è il titolo principale ed è il più importante perché rappresenta il titolo della pagina web; deve esserne inserito solamente uno
  • H2: rappresentano i capitoli di quella pagina e sono molto importanti da inserire
  • H3: rappresentano i sotto capitoli o i capitoli meno importanti ma pur sempre meritevoli di attenzione
  • H4, H5, H6: sono i titoli meno importanti e potresti non utilizzarli

 

Rel canonical

Il tag rel=”canonical” è un elemento HTML che permette di indicare a Google qual’è la versione da seguire di una pagina web; questo attributo deve essere utilizzato se ad esempio hai due risorse simili e vuoi evitare contenuti duplicati.

 

Tag Noindex

Il meta tag noindex è uno dei pilastri necessari per l’ottimizzazione SEO HTML in quanto questo parametro permette di non indicizzare sui motori di ricerca una determinata pagina web e può essere utilizzata per ogni singola pagina.

Se hai bisogno di non indicizzare un’intera sezione puoi utilizzare il file Robot.txt.

 

A href

Questo è il tag indispensabile per inserire i link all’interno della tua pagina web, di seguito il tag da inserire:

<a href=”https://google.it/” target=”_blank” rel=”noopener” rel=”nofollow”><strong>Visualizza Google</strong></a>

Il codice verrà visualizzato in questo modo: Visualizza Google

 

Abbiamo inserito all’interno del tag anche il target=”blank” (apre il link su una nuova pagina), il rel=”nofollow” (non segue quel determinato dominio), ed il rel=”noopener” (serve per proteggere il contenuto)

 

Tag alt

Tra i vari elementi che compongono l’inserimento di un’immagine nel documento web, il tag alternative è uno dei più importanti per l’ottimizzazione SEO dell’HTML.

In questo modo fornirai a Google le informazioni necessarie per far si che riesca a capire a quale contenuto si riferisce quella determinata immagine.

 

Conclusioni

Ci auguriamo che questo articolo ti sia stato utile!

A presto, il team di Xlogic

Le migliori piattaforme e-commerce – Da qualche anno a questa parte il commercio elettronico è cresciuto drasticamente e di conseguenza c’è stato un aumento significativo di siti e-commerce.

Il commercio elettronico rappresenta nel mondo circa il 15% degli acquisti totali dei consumatori ed in questo momento la vendita dei prodotti e dei servizi online rappresenta una delle attività più significative e remunerative.

Se possiedi un negozio e vuoi iniziare a vendere i tuoi prodotti online per allargare i propri orizzonti oppure se semplicemente vuoi aprire un’attività che sia presente soltanto su internet devi creare un sito e-commerce.

Che cos’è l’e-commerce?

L’e-commerce è una forma di commercio e vendita di beni e servizi che si effettua attraverso internet attraverso piattaforme web e siti internet.

A che cosa serve l’e-commerce?

L’e-commerce è una metodologia di business moderna creata con l’intento di ridurre i costi di gestione, migliorare la qualità di fruibilità dei servizi e delle merci e di aumentare la velocità di consegna.

Vantaggi per l’azienda

Possedere un sito e-commerce significa avere la possibilità di espandere il proprio mercato sui mercati nazionali ed internazionali; sul web sarà possibile riuscire ad individuare più clienti, migliori fornitori e partner commerciali in tutto il mondo.

Di seguito i principali vantaggi per chi possiede un sito e-commerce:

  • Riduce i costi di gestione
  • Riduce il lavoro cartaceo
  • Semplifica i processi aziendali
  • Rende le spedizioni più rapide ed efficienti
  • Migliora l’immagine del marchio aziendale
  • Assistenza clienti più veloce ed esaustiva

Vantaggi per il cliente

Ultimamente stanno crescendo a dismisura gli acquisti online, ma perché questo? Per il fatto che acquistare online significa scegliere accuratamente un prodotto, cercare sul web il prezzo più basso e riceverlo comodamente a casa.

  • Prezzo più basso
  • Consegna rapida
  • Supporto online
  • Recensioni online del prodotto e del sito e-commerce
  • Informazioni prodotto dettagliate ed accessibili

Quanto costa un sito e-commerce

Un sito e-commerce non è altro che un sito web creato per vendere i propri prodotti e servizi sul web, quindi partendo dall’origine, per poter creare un sito web bisogna acquistare il piano hosting (dove creare il sito) ed il nome a dominio (il nome del sito web, esempio: xlogic.org).

Come creare un sito e-commerce

Ormai non hai più bisogno di dover investire migliaia di euro per poter creare un sito e-commerce, grazie alle piattaforme web open source potrai creare il tuo e-commerce autonomamente.

Di seguito le migliori piattaforme e-commerce open source:

Magento

Magento è la piattaforma open source più popolare e professionale presente su Internet; è una piattaforma open source con caratteristiche evolute che offre la possibilità di avviare un’attività e-commerce online altamente personalizzabile (grafica, contenuti e funzionalità).

Questa piattaforma è totalmente auto gestibile, ciò significa che chiunque stia utilizzando Magento potrà gestirlo in maniera completamente autonoma.

Di seguito i vantaggi di Magento:

  • Completamente personalizzabile
  • Gestione più negozi da unico pannello
  • Integrazione API
  • Calcolo spese di spedizione
  • Predisposizione localizzazione in lingua con valute multiple e tasse
  • Ottimizzazione per motori di ricerca
  • Report sito web (Integrazione Google Analytics, pannello di controllo vendite, fatturato vendite, recensioni prodotti)
  • Gestione Newsletter
  • Molteplici opzioni di pagamento
  • Gestione ordini e sistema di fatturazione

Per utilizzare Magento è necessario possedere una buona conoscenza del linguaggio .html, .css e mysql perché è vero che è altamente personalizzabile ma è anche vero che per poterlo modificare è necessario essere in grado di effettuare le modifiche.

Prestashop

Prestashop è una tra le piattaforme più utilizzate dagli utenti nel web, questo perché è completo, è molto semplice da utilizzare in quanto non devi per forza conoscere il codice per poter creare il sito web anche se è consigliato conoscere le basi.

Prestashop sta continuando a crescere ed a migliorarsi, inoltre è seo-friendly, può essere altamente personalizzato, è sicuro ed è veloce ed è la soluzione ottimale per le piccole e medie imprese.

Drupal

È molto semplice da usare,  possono utilizzarlo anche persone senza esperienza tecnica. Drupal è il sistema più flessibile attualmente nell’ ecomerce.

Uno dei vantaggi di questa piattaforma è che è costruito su un CMS (Content Management System). Questa è una grande soluzione, in quanto aumenta le vendite online e offline.

OpenCart

OpenCart è un software open source utilizzato per creare siti e-commerce che si distingue per la sua semplicità di utilizzo e di configurazione.

UberCart

Ubercart è piuttosto semplice e non è dotato di funzionalità di hosting o di posta elettronica.

Una delle cose rare di questa piattaforma è che è abbastanza facile da imparare, ma oltre a questo, non esiste una vasta gamma di funzioni che Ubecart offre. Per questo e per altri motivi, si consiglia solo per negozi molto piccoli, con un piccolo numero di prodotti.

OsCommerce

OsCommerce è una piattaforma open source sviluppata con il linguaggio php e necessita di mysql, può quindi girare sia sul sistema operativo Linux che su Windows anche se è più compatibile con Linux.

Questo sistema è stato creato per gestire facilmente i negozi online.

WooCommerce

WooCommerce è un plugin che è stato sviluppato per WordPress che ti permette di vendere i tuoi prodotti ed i tuoi servizi in maniera semplice ed ottimale direttamente dal tuo sito creato in WordPress.

 

Stai cercando un’Hosting affidabile è veloce? Vieni a trovarci su: https://xlogic.org

Hosting CondivisoHosting Reseller – Hosting DedicatoHosting WordPressVPS SSDServer Dedicati

 

Le migliori risorse per gli sviluppatori – Febbraio 2017. Negli ultimi anni ci sono stati moltissimi progressi nel mondo del Web, con l’aggiornamento delle varie librerie all’utilizzo dell’HTML5 pubblicato nel 2014.

In questo articolo abbiamo raccolto una serie di nuovi strumenti che comprendono librerie Javascript, librerie CSS e molti altri tool che ti aiuteranno a migliorare l’esperienza con il tuo sito web.

Awesome OS X Command Line

Le migliori risorse per gli sviluppatori - Febbraio 2017

Awesome ti offrirà moltissime righe di comando per il sistema operativo OS X che ti permetteranno di svolgere svariate operazioni come ad esempio la compensazione della coda di stampa, nascondere cartelle nel Finder e molto altro.

 

Articulate

Articulate è una libreria Javascript in grado di leggere il tuo sito web e con lo scopo di migliorare la visibilità.

 

WP Docker

WP Docker è un ambiente Docker sviluppato specificamente per gli utenti WordPress, si tratta di un’alternativa a piattaforme come Mamp, Vagrant, etc.

 

WordPress Component Library

WordPress Component Library è una libreria progettata per gli utenti WordPress ed a differenza di molte altre librerie, oltre a fornire i Codici CSS ed HTML, vengono forniti anche pezzi di codice PHP che possono essere semplicemente incollati nel proprio tema WordPress.

 

Rellax

Rellax è una libreria Javascript che ha lo scopo di creare effetti Parallax ed effetti a scorrimento, viene fornito con molte opzioni ed è molto semplice da configurare.

 

Progressively

Questa libreria ha lo scopo principale di caricare progressivamente le immagini dal momento in cui vengono visualizzate, in pratica l’immagine verrà vista sfocata mentre il Browser sta caricando l’immagine completa.

 

Caption

Attraverso lo script Caption potrai cercare i sottotitoli .srt da associare ai video che stai guardando.

 

Trevor

Trevor attualmente sopporta solo NodeJS ed ha la funzione di far testare agli sviluppatori il loro Software per vedere se funziona in ambienti diversi.

 

QartJS

Si tratta di una libreria Javascript che rende il codice QR meno noioso, in pratica ha lo scopo di far sovrapporre il codice con un immagine personale.

 

PWA Rocks

Con PWA Rocks potrai utilizzare il tuo sito web offline ed in maniera semplice ed intuitiva.

 

Alla prossima!

 

Il formato PDF è uno tra i formati più utilizzati per visualizzare e gestire i documenti.

All’interno di questo articolo vi forniremo una lista dei migliori programmi free PDF per aprire il documento direttamente dal proprio PC, Mac tramite Smartphone / Tablet.

 

I migliori programmi gratuiti per gestire i PDF

 

Adobe Reader

Adobe Reader è una tra le applicazioni più popolare ed utilizzate che può essere utilizzata da tutti i dispositivi.

Adobe può essere anche utilizzato per compilare moduli e firmare elettronicamente i documenti, inoltre è possibile evidenziare, barrare, sottolineare, disegnare (a mano libera), commentare ed aggiungere il testo.

 

Disponibile per: MacOSWindowsLinuxAndroid

 

 

UPDF

Grazie ad UPDF è possibile modificare, convertire, comprimere, proteggere e condividere i tuoi documenti PDF.

 

Disponibile per: MacOS – Windows – iOS – Android

Scarica la versione per il tuo sistema operativo: Download UPDF

 

 

Foxit

Foxit oltre ad essere un potente lettore ed uno strumento di editor PDF, ti permette di condividere e collaborare sui tuoi documenti PDF e fornire feedback aggiungendo markup di testo, commenti, evidenziazioni e disegni.

Inoltre, con l’aiuto della funzione di gestione delle annotazioni, è possibile visualizzare un riepilogo di tutte le annotazioni presenti all’interno di un documento, nonché importare, esportare o condividere i commenti come file FDF tramite e-mail.

 

Disponibile per: MacOS – Windows – Linux

Scarica la versione per il tuo sistema operativo: Download Foxit

 

 

LibreOffice Draw

LibreOffice Draw è un editor di grafica vettoriale gratuito che include strumenti di annotazione per documenti PDF.

 

Disponibile per: MacOS – Windows – Linux – Android – iOS

Scarica la versione per il tuo sistema operativo: Download LibreOffice Draw

 

 

Skim

Skim è un lettore PDF gratuito per macOS che ti consente di evidenziare ed annotare i documenti PDF.

 

Disponibile per: MacOS

Scarica la versione per il tuo sistema operativo: Download Skim

 

 

Alla prossima!