Blog

  • Cosa diavolo sono gli shortcode, dopotutto?

    What-Are-Shortcodes-AnywaySe ci hai fatto caso, una delle regole fondamentali di WordPress è rendere sempre, sempre le cose un po’ più semplici per tutti: principianti e sviluppatori esperti allo stesso modo. Uno dei modi in cui raggiunge questo obiettivo è attraverso l’uso degli shortcode.

    La pagina di supporto di WordPress.com li definisce così:

    shtSembra piuttosto semplice. Ora, se non hai mai sentito parlare di shortcode prima di questo articolo e non sai che aspetto abbiano, sono quei testi simili a codice arcaico racchiusi tra parentesi quadre.

    Rispetto al codice normale, che in genere si presenta così:

    HTML5-video-tag-sample-code
    (Ehm. Cosa?)

    Shortcodes in general look a little something like this:

    embed_shortcode
    (Un gioco da ragazzi.)

    …e se sei uno sviluppatore (o anche solo qualcuno che si è trovato davanti a un computer almeno due volte), probabilmente sarai d’accordo sul fatto che il semplice atto di digitare e cliccare per completare un singolo, banale compito possa portar via un sacco di tempo. Per lo stesso motivo per cui abbiamo le scorciatoie da tastiera, gli shortcode esistono per semplificare le cose a tutti noi, permettendoci di risparmiare tempo per fare e creare cose migliori; assomigliano molto ai tasti di scelta rapida proprio perché condividono lo stesso identico scopo.

    Ora torniamo a questo specifico shortcode, identico a quello sopra:

    embed-shortcode Questo in particolare si chiama embed shortcode ed è integrato di default in WordPress. Incorpora il video dall’URL all’interno dei tuoi contenuti. Se sei su WordPress in questo momento, puoi copiare e incollare lo shortcode qui sopra nel tuo sito se vuoi fare una prova.

    Gli shortcode non sono tuttavia la soluzione perfetta per risparmiare tempo. Nel nostro articolo precedente, abbiamo approfondito il motivo per cui gli shortcode hanno anche i loro svantaggi e cosa sta preparando il team di Sandwich per risolverli.

    Per il momento, sentiti libero di fare qualche esperimento con gli shortcode e scoprire cosa possono fare per te.

    Buona creazione di siti!

  • Il problema taciuto degli shortcode

    The-Unspoken-Problem-of-Shortcodes

    Gli shortcode sono uno dei punti di forza di WordPress. Gli shortcode sono il ponte tra sviluppatori e creatori di siti, consentendo alle persone di inserire contenuti elaborati quasi ovunque desiderino. I creatori di plugin adorano gli shortcode poiché consentono una maggiore flessibilità nel modo e nel luogo in cui i loro utenti visualizzano i propri contenuti.

    Se non sai cosa siano gli shortcode e come si presentano, sono quei frammenti di testo dall’aspetto arcaico racchiusi tra parentesi quadre. Hanno un aspetto simile a questo:

    Questo in particolare è chiamato shortcode embed ed è integrato di default in WordPress. Questo specifico shortcode incorpora il video dall’URL all’interno dei tuoi contenuti. Ti basta copiare e incollare lo shortcode qui sopra nel tuo sito se vuoi fare una prova.

    Dietro le quinte, ciò che accade è che quando WordPress incontra uno shortcode nei tuoi contenuti, questo viene elaborato e convertito in qualcos’altro. Nel nostro caso sopra, ogni volta che un

    shortcode viene rilevato, WordPress prende l’URL nello shortcode e lo confronta con una serie di content provider supportati. Quando ne trova uno, recupera il codice di incorporamento iframe appropriato e visualizza invece quello.

    Quindi qual è il problema? Sembra abbastanza semplice: basta inserire un breve testo tra parentesi e il gioco è fatto.

    Entra in gioco la Shortcode API..

    Shortcode in abbondanza

    La Shortcode API apre la creazione degli shortcode agli sviluppatori. Grazie a ciò, gli sviluppatori possono aggiungere i propri shortcode all’interno dei loro plugin.

    Questo è fantastico: ora, con un semplice snippet simile a codice (da cui il nome “shortcode”), sia i principianti che gli utenti avanzati possono inserire praticamente qualsiasi tipo di contenuto desiderino ovunque.

    WordPress di default ha solo una manciata di shortcode. È facile digitarli a memoria perché ce ne sono solo pochi. Ma se installi qualche plugin, il numero di shortcode sale rapidamente a una dozzina o più, e in alcuni casi a oltre un centinaio. Ogni shortcode ha il proprio set di attributi e istruzioni su come utilizzarli. Molto probabilmente ogni plugin dispone di una sorta di documentazione su come funzionano tutti i suoi shortcode ed elenca tutti i parametri disponibili in ciascuno di essi. Ma saresti pazzo a provare a memorizzare tutti gli shortcode e i loro attributi.

    Il problema è che non esiste un’area centralizzata in cui trovare tutti gli shortcode disponibili sul tuo sito e capire come usarli.

    Alcuni provano a risolvere il problema

    Alcuni plugin provano a risolvere questo problema presentando tutti i propri shortcode in un menu a discesa di facile accesso. Cliccando su uno di essi, viene stampato lo shortcode, completo di tutti i possibili attributi. Non c’è più bisogno di memorizzarlo, il che è una buona cosa.

    Screen-Shot-2016-06-22-at-11.27.09-AM

    Alcuni vanno oltre e aggiungono un modulo popup di impostazioni dotato di caselle di controllo e selettori di colore per compilare gli attributi dello shortcode.

    Screen-Shot-2016-06-22-at-11.28.54-AM

    Questa soluzione in parte funziona. Tuttavia, ogni plugin elenca solo i propri shortcode. Quindi, se ogni plugin crea la propria forma di selettore di shortcode, ci si ritrova inevitabilmente ad avere più selettori di shortcode sullo schermo (mi è già capitato in passato).

    Screen-Shot-2016-06-22-at-11.22.41-AM

    In altre parole, ogni plugin fa a modo suo e implementa la propria soluzione per i propri shortcode. Alcuni plugin aggiungono un nuovo pulsante accanto al pulsante “Aggiungi media”, oppure uno nuovo all’interno di TinyMCE.

    Quindi ora potresti pensare: “Perché non raccogliere anche gli shortcode degli altri plugin e includerli nel menu a discesa / selettore di shortcode?”. Beh, è esattamente ciò che ho pensato anch’io. Ma è più facile a dirsi che a farsi. Spiegherò il perché tra poco, ma prima vediamo come sarebbe una soluzione ideale.

    La soluzione ideale

    Il piano perfetto sarebbe creare un plugin che raccolga tutti gli shortcode disponibili nel tuo sito, per poi presentarti l’elenco e aiutarti anche a compilare tutti gli attributi. E ogni volta che installi un nuovo plugin, ti verrebbero presentati anche tutti i nuovi shortcode introdotti.

    Immagina un posto centrale in cui verrebbero collocati tutti i tuoi shortcode per un facile accesso. Ogni shortcode descriverebbe cosa fa e a quale plugin appartiene. Poi, per ogni attributo disponibile, immagina che ciascuno di essi abbia un’etichetta, un modo appropriato per selezionarne un valore e una descrizione. Ti verrebbero mostrati menu a discesa, selettori di colore, pulsanti radio, interruttori e quant’altro.

    Una cosa del genere renderebbe la nostra vita di creatori di siti web e contenuti molto più semplice. Niente più verifiche su documentazioni diverse, o diverse sezioni della tua bacheca solo per copiare uno shortcode generato per uno slider che desideri utilizzare.

    L’avvertenza

    Sfortunatamente, al momento è piuttosto difficile fare qualcosa del genere. Non esiste un modo sicuro per conoscere tutti i dettagli di uno shortcode. Puoi ottenere un elenco di tutti gli shortcode, ma solo i loro tag/nomi effettivi; non puoi ottenere alcun dettaglio aggiuntivo su di essi, come un elenco di attributi, cosa fanno e i loro tipi – come una stringa, un colore o un numero. Né puoi ottenere una parvenza di descrizione per ciascun attributo.

    Una nota per gli sviluppatori: sì, c’è un terzo argomento aggiunto di recente per la funzione shortcode_atts, ma non è un argomento obbligatorio. Quindi, a meno che ogni sviluppatore di plugin al mondo non lo implementi, continueremo a non avere un modo sicuro per determinare tutti gli attributi di uno shortcode.

    La Shortcode API non fornisce alcuna funzionalità per aggiungere descrizioni agli shortcode, convertire i tipi di attributi o aggiungere descrizioni agli attributi. E a meno che WordPress stesso non aggiunga un’area centrale per accedere agli shortcode, dubito che questa funzionalità verrà mai creata.

    Conclusione

    Al momento il compito di organizzare gli shortcode è lasciato a ciascuno sviluppatore. A meno che non venga sviluppato un metodo centrale all’interno di WordPress, aspettati di continuare a vedere molteplici pulsanti “Add Shortcode” nel tuo backend. Se una cosa del genere debba essere aggiunta o meno al Core di WordPress è già di per sé un’altra enorme discussione.

    Un’alternativa

    Esistono plugin di page builder che affrontano questo problema in modo diverso. Invece di rilevare gli shortcode a livello di codice, dispongono di mappatori di shortcode in cui gli utenti possono inserire manualmente ogni dettaglio di uno shortcode. Una volta fatto, diventa disponibile all’interno del page builder. Sebbene  questo funzioni, questi sono disponibili solo all’interno del tuo sito.

    Noi di Page Builder Sandwich stiamo creando qualcosa che si spera possa risolvere questo rompicapo degli shortcode. Iscriviti alla nostra newsletter qui sotto per essere informato sui nostri progressi.

  • Mappatura shortcode: come PBS supporterà oltre 800 plugin e più di 2.000 shortcode

    How-PBS-Supports-800-Plugins-2000-ShortcodesWhen I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

    Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

    I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

    I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

    I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

    Nelle ultime settimane, il team di PBS ha aggiunto un elemento mappa e anche un elemento schede.

    Ora, per noi sarebbe sembrata una routine piuttosto semplice e banale continuare ad aggiungere un nuovo elemento ogni due giorni.

    But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

    And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

    I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

    Well, the simple answer is yes. Yes it is.

    And we’ve managed to achieve this feat through shortcode mapping.

    What is Shortcode Mapping?

    Shortcode mapping
    Shortcode mapping makes building shortcodes more friendly.

    Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    I vantaggi di un sistema come questo sono piuttosto considerevoli:

    1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

    2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

    3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

    4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

    5.) Overall faster page building time!

    La mappatura degli shortcode non è una novità, e diversi page builder la includono già. Ma cosa rende diverso il nostro?

    Come funziona la mappatura degli shortcode negli altri page builder

    Lonely times
    Each person/site does their own shortcode mapping.

    Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

    In questo scenario, l’onere della mappatura degli shortcode viene quindi lasciato a te, l’utente. Se desideri che tutti i tuoi shortcode siano mappati completamente con tutti gli attributi (e con i graziosi selettori di colore e altre funzioni), dovrai assicurarti di inserire ogni singolo dettaglio di ciascuno shortcode.

    What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

    Come funziona la mappatura degli shortcode in Page Builder Sandwich

    Shortcode mapping is centralized
    Shortcode mappings are shared across all users.

    Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

    Questo ci offre molti fantastici vantaggi:

    1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
    2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
    3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
    4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
    5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
    6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!

    In case you’re interested in reading into how we made all of this possible,  we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

    Iscriviti alla nostra newsletter!

    You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

    So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!

  • Aggiungere mappe eleganti alla tua pagina è un’esperienza interattiva

    Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2Ora puoi inserire mappe nei layout delle tue pagine utilizzando Page Builder Sandwich!

    È strano entusiasmarsi per le mappe. Prendi l’URL di Google Maps e lo incorpori. Oppure prendi un plugin per le mappe online e inserisci uno shortcode. O forse l’altro tuo page builder ne ha già una e puoi aggiungerne una ogni volta che vuoi. Ma il motivo per cui siamo così entusiasti è che abbiamo portato l’aggiunta di mappe a un livello completamente nuovo.

    Ecco un’anteprima:

    Il vecchio e noioso modo di aggiungere una mappa

    Ecco come si aggiunge una mappa con un tipico page builder:

    1. Trascini un nuovo elemento mappa,
    2. Inserisci la latitudine e la longitudine nei campi,
    3. Inserisci altri valori nei campi come l’altezza della mappa, la larghezza della mappa, spunti la casella dello stile stradale, ecc.,
    4. Fai clic su anteprima, controlli l’aspetto e decidi che devi cambiare qualcosa per renderlo più accattivante,
    5. Torni al page builder e modifichi i valori, poi ripeti il passaggio 4 qui sopra.

    Il modo di Page Builder Sandwich di aggiungere una mappa

    Le mappe nei siti web sono interattive: puoi spostarti, ingrandire e rimpicciolire la mappa. Quindi abbiamo pensato, perché non eliminare tutti i tentativi alla cieca e permettere semplicemente alle persone di interagire direttamente con la mappa mentre creano la pagina?

    Ecco come si aggiunge una mappa con Page Builder Sandwich:

    1. Aggiungi un elemento mappa,
    2. Digiti la latitudine e la longitudine o l’indirizzo su cui desideri centrare la mappa,
    3. Sposti la mappa e aumenti o riduci lo zoom per ottenere l’aspetto desiderato,
    4. Aggiungi dei colori fantastici alle tue mappe per adattarle al tuo stile,
    5. Fai clic su salva.

    Il nostro metodo è molto più divertente e intuitivo. In sostanza, interagisci con la mappa proprio come faresti con una normale mappa di Google.

    Mappe a colori o personalizzate con SnazzyMaps

    Una funzionalità fantastica che abbiamo inserito è la possibilità di tonalizzare e colorare le mappe, ed è semplicissimo da fare. (Questa funzione è disponibile solo per la versione premium). Se desideri colorare la tua mappa, basta fare clic sul nostro selettore di colori e scegliere una tonalità: la mappa cambierà immediatamente.

    Eccone una che abbiamo colorato di rosa:

    Page Builder Sandwich supporta anche combinazioni di colori più elaborate tramite SnazzyMaps. Hanno un enorme elenco di combinazioni di colori create dagli utenti e ti consentono di creare la tua se desideri un maggiore controllo sui colori.

    Trova semplicemente la combinazione di colori che ti piace, quindi copia il codice e incollalo in Page Builder Sandwich. La combinazione di colori verrà applicata subito alla tua mappa.

    Ecco una fantastica combinazione di colori chiamata papuportal dark di SnazzyMaps:

    Inserisci mappe ovunque desideri

    Ci sono molte altre cose fantastiche che puoi fare con le mappe, come aggiungerle in righe a larghezza intera per un effetto più spettacolare. Puoi anche aggiungerle all’interno di un carosello, se preferisci, o all’interno di schede (una funzionalità in arrivo).

    Se non hai ancora Page Builder Sandwich, puoi provare la versione premium facendo clic sul link “Demo live” in alto.

  • 5 motivi per cui lo spazio bianco è importante

    Reasons-Why-Whitespace-MattersFondamentalmente, lo spazio bianco, nella sua definizione più semplice, è lo spazio attorno e tra tutti gli elementi di una composizione che viene lasciato vuoto. Non è solo uno spreco di spazio sullo schermo, come pensa la maggior parte dei proprietari di siti web. Se utilizzato bene, lo spazio bianco può effettivamente offrire vantaggi per promuovere meglio un prodotto. È una chiave fondamentale per creare un buon design e migliora un sito web sotto ogni aspetto.

    Anche se il nome spazio bianco implica che lo spazio sia bianco, non deve necessariamente essere letteralmente bianco. Lo spazio bianco può in realtà essere di qualsiasi colore: può persino avere una trama o un motivo sottile. È un’area su cui non vuoi che l’occhio si concentri. In alternativa, viene chiamato spazio negativo.

    Quindi, perché lo spazio bianco è importante?

    newsfeed
    Fonte immagine: News Feed

    Motivo n. 1: Migliora la leggibilità

    Lo spazio bianco tra le linee di base e i paragrafi aiuta concretamente le persone a leggere comodamente tutti i contenuti del sito. Regolare piccoli dettagli del tuo sito (come l’interlinea o la spaziatura tra le lettere) può fare un’enorme differenza nel rendere la lettura più agevole.

    L’obiettivo è invogliare le persone a continuare a leggere progettando layout piacevoli per gli occhi.

    hpmagicwords
    Fonte immagine: HP Magic Words

    Motivo n. 2: Velocizza l’interazione

    Siamo onesti: la maggior parte dei tuoi visitatori non avrà abbastanza pazienza per cercare a fondo durante la navigazione nei siti web. Quando un sito web appare disordinato, distrae gli utenti dalla ricerca di ciò che stanno cercando.

    Gli spazi bianchi dovrebbero aiutare a guidare l’osservatore nella pagina. Meno elementi che competono per attirare l’attenzione, uniti a un uso corretto degli spazi bianchi, possono evitare distrazioni che rallentano i visitatori.

    google
    Fonte immagine: Google

    Motivo n. 3: Attira l’attenzione sugli elementi giusti

    Lo spazio bianco può fornire agli utenti indizi visivi su dove dovrebbero guardare. Se utilizzati in modo corretto, gli spazi bianchi aiutano a enfatizzare le informazioni e ad attirare l’attenzione su una particolare area del tuo sito web.

    Ricorda: se tutto risalta, niente risalta.

    Fonte immagine: Pocket Penguins

    Motivo n. 4: Le prime impressioni contano

    L’aspetto grafico e l’atmosfera di un sito web sono la chiave principale per fare una buona prima impressione. Le buone prime impressioni portano spesso a visite di durata maggiore. Troppo poco spazio bianco può far sembrare il tuo sito web scadente e poco affidabile. I visitatori non riterranno credibile il sito o il brand a meno che non abbia un aspetto attraente. Avere una buona quantità di spazio bianco aiuta a creare il tono giusto per il tuo sito web. Lo spazio bianco può essere un modo per comunicare ingegnosità, freschezza e, a volte, eleganza.

    Suggerimento: ecco un’idea su come rendere il tuo web design semplice e familiare.

    flockknitwear
    Fonte immagine: Flock Knitwear

    Motivo n. 5: Aiuta a creare respiro ed equilibrio

    Un design equilibrato non significa simmetrico. Un elemento grafico di grandi dimensioni può essere bilanciato da alcuni elementi più piccoli. L’aggiunta di spazio bianco è un ottimo modo per bilanciare elementi di design di dimensioni diverse sulla pagina. Crea un flusso in modo che gli occhi degli utenti non vaghino all’impazzata. Un buon design dovrebbe essere in grado di guidare l’utente da un punto all’altro senza confondere il visitatore.

    Conclusione

    La prossima volta che visiti un sito web e ti ritrovi a rimanerci per un po’, pensa a cosa ti ha spinto a restare e leggere. Pensi che l’interlinea renda un articolo più facile da leggere? L’esperienza ti invoglia a tornare ancora? Hai avuto difficoltà a trovare il menu di navigazione?

    Prendi nota della buona applicazione dello spazio bianco sul sito. Se ritieni che possa funzionare anche sul tuo sito web, impara ad applicare e gestire quanto spazio assegnare ai tuoi elementi finché non ritieni di aver trasmesso il tono giusto e la corretta leggibilità senza sacrificare il “flusso” desiderato per il tuo sito web.

    L’obiettivo finale di qualsiasi sito web è la comunicazione. L’aspetto visivo va di pari passo con il successo del tuo sito.

  • WordPress.com VS WordPress.org

    Wordpress-Com-VS-Wordpress-OrgSe sei relativamente nuovo nella creazione di siti web, è probabile che tu non conosca il grande dibattito WordPress.com vs WordPress.org. Potresti persino non sapere dell’esistenza dell’uno o dell’altro, e i diversi pro e contro di ciascuno. Quindi, di cosa si tratta, di grazia, in questo grande dibattito tra l’utilizzo di WordPress.com e WordPress.org? L’altro è solo una copia a buon mercato in attesa di essere citata in giudizio?

    Ebbene, no.

    Il dibattito, in sintesi, riguarda quale di questi due servizi WordPress sia più adatto al sito web che stai cercando di creare. Nessuno dei due è un’imitazione dell’altro ed entrambi i siti appartengono a WordPress; solo che uno (.com) è una versione più adatta a chi non è uno sviluppatore rispetto all’altro, e .org ha molte meno limitazioni per quanto riguarda la creazione di siti rispetto a .com.

    “Come faccio a sapere di quale ho bisogno, però?”

    La risposta a questa domanda dipende interamente dalle esigenze del tuo futuro sito web. Non esiste un’entità WordPress che sia oggettivamente la versione “migliore” o addirittura “perfetta” da usare. Le due opzioni presentano caratteristiche uniche e una quantità equivalente di pro e contro.

    WordPress.com: perché e quando sceglierlo?

    WordPress.com si occupa degli elementi essenziali di base per te, permettendoti di concentrarti maggiormente sui contenuti del tuo sito. È un costruttore di siti completamente gestito e ospitato da un gruppo aziendale chiamato Automattic. Ottieni hosting premium, backup, sicurezza e simili. Ciò significa che puoi concentrarti sui contenuti del tuo sito molto più facilmente, rispetto al dover passare ore e ore a costruirlo da zero.

    Tieni presente, tuttavia, che anche WordPress.com ha i suoi limiti. Sebbene tu non debba preoccuparti troppo della manutenzione del funzionamento interno del tuo sito, devi considerare che probabilmente non avrai tutta la libertà che desideri. Sebbene personalizzare l’interfaccia del tuo sito possa non essere un problema (WordPress.com include una miriade di temi, ad esempio), aggiungere determinate funzionalità ed elementi sotto forma di plugin può diventare problematico, soprattutto se il tuo sito necessita di funzionalità specifiche che non sono disponibili su WordPress.com.

    Come gestire un sito web è una storia completamente diversa. Dipende fortemente dal fatto che 1.) non sei uno sviluppatore WordPress, 2.) non hai intenzione di imparare a programmare, o 3.) hai poco o nessun tempo per farlo.

    WordPress.org: quando è il momento di prenderlo in considerazione?

    Una regola generale quando si valuta WordPress.org è quando si ha almeno un minimo di familiarità con il codice, o si è disposti a investire del tempo per imparare a farlo. Dal momento che WordPress.org è una versione self-hosted di WordPress, puoi sporcarti le mani quanto vuoi. Inoltre, hai la libertà di smanettarci quanto ti pare. Sarai responsabile della ricerca del tuo hosting, dell’impostazione dei backup di sicurezza e, in generale, della manutenzione del sito web in autonomia e, cosa ancora più importante, alle tue condizioni.

    “Ma aspetta, perché dovrei volere questo? Lo scopo di WordPress non è forse quello di rendere più semplice la creazione di siti?”

    …Non esattamente. Pensala in questo modo: The Daily Post fa un’ottima analogia tra WordPress.org e WordPress.com, in modo tale che anche il più principiante dei principianti (come me) ne capisca subito il senso.

    Secondo loro, devi pensare a WordPress.com come a qualcosa di cui non hai la piena proprietà. Pensa, ad esempio, a te stesso a 15 anni, che vivi ancora con i tuoi genitori. Se volessi dipingere la tua camera da letto, dovresti prima chiedere il permesso ai tuoi genitori (che ovviamente hanno la piena proprietà della casa, compresa la tua stanza). Tecnicamente la stanza è tua, ma alla fin dei conti, beh… non lo è del tutto.

    Quindi, se hai bisogno o vuoi apportare modifiche drastiche (come dipingere le pareti o ampliare la stanza), dovresti comunque parlarne e/o trovare un compromesso con i veri proprietari della casa, alias mamma e papà. Il lato positivo, tuttavia, è che quando salta il fusibile in cantina o l’aria condizionata smette di funzionare, ci pensano i tuoi genitori e tu non devi preoccuparti di nulla.

    WordPress.org, d’altra parte, è qualcosa che puoi personalizzare e modificare liberamente a tuo piacimento. Questo può essere paragonato a quando finalmente te ne vai di casa a 18 anni e prendi un appartamento tutto tuo. Avendo la piena proprietà della tua abitazione, non devi scendere a compromessi con nessuno per dipingere le pareti di quel colore che tua madre ha sempre detestato; hai la libertà di prendere una decisione e/o assumere qualcuno all’altezza dei tuoi standard per farlo al posto tuo. Inoltre, hai anche la libertà di scegliere esattamente quale condizionatore desideri per il tuo soggiorno. Solo che se si rompe, dovrai chiamare un tecnico per ripararlo, oppure capire cosa non va e ripararlo da solo (il che non è poi così male, perché ehi, lezione imparata, e imparare fa sempre bene).

    Ormai, si spera, avrai un quadro più chiaro di quali siano le nette differenze tra WordPress.com e WordPress.org. Ma in breve:

    installa quanto o poco vuoi i temi sono limitati solo ai temi WordPress, devi pagare una certa tariffa per rimuovere gli annunci.Hai quasi il pieno controllo del tuo sito; puoi aggiungere, personalizzare o persino creare i tuoi temi.

    Il controllo dei contenuti è limitato;

    WordPress.com WordPress.org
    Completamente ospitato da WordPress; tutti gli elementi essenziali sono inclusi. Self-hosted; scegli i tuoi elementi essenziali, oppure scegline di migliori.
    Le funzionalità sono limitate a ciò che offre WordPress.com Migliaia di funzionalità sotto forma di plugin;

    Questi sono alcuni dei confronti che emergono valutando le differenze tra i due. La scelta tra i due si riduce in definitiva al livello di libertà che desideri nella creazione del tuo sito e a quante risorse (tempo, impegno, denaro, ecc.) sei disposto a investirvi. Ricorda che queste sono entrambe opzioni cruciali da ponderare prima di decidere quale piattaforma WordPress faccia più al caso tuo. Quindi, non affrettare il processo decisionale!

    Buona creazione di siti web!

  • 5 semplici consigli per rendere bello il tuo sito web

    5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

    Ecco alcuni consigli di base su cosa puoi fare per migliorare il design del tuo sito web.

    Add high-quality images

    You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

    Scegli i colori giusti 

    booneselections
    Lawrence Boone Selections uses black to add a sense of luxury and value to their website
    juicebox
    Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

    Lo schema di colori di un sito web gioca un ruolo fondamentale nel creare il tono e l’atmosfera adeguati per il tuo brand. Scegliere un bel colore non significa necessariamente che sia quello giusto. Ogni colore trasmette un messaggio e una risposta differenti. I colori sono tra le prime cose che i visitatori del sito notano e possono effettivamente influire sul successo del tuo sito web.

    Scegli al massimo due o tre colori di base per il tuo design. Se senti la necessità di aggiungere altro colore, puoi utilizzare le tinte e le sfumature dei tuoi colori di base. Nella teoria del colore, una tinta è la miscela di un colore con il bianco, che aumenta la luminosità, mentre l’ombra è la miscela di un colore con il nero, che riduce la luminosità.

    Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

    Usa caratteri tipografici a contrasto

    Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

    Abbinare due caratteri tipografici può essere difficile anche per i designer. Potresti semplificare le cose sperimentando con due stili differenti della stessa famiglia di caratteri. Se è necessario un secondo carattere, scegline uno che contrasti bene con il primo. Di norma, combinare un font con grazie (serif) e uno senza grazie (sans-serif) funziona bene. Un altro consiglio importante è scegliere caratteri che si adattino allo stile della tua azienda. Potresti avere il font più bello del mondo, ma se usato nel contesto sbagliato, potrebbe comunque risultare pessimo.

    Mantienilo pulito usando lo spazio bianco

    Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

    Rendilo ottimizzato per i dispositivi mobili

    People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

    Consiglio aggiuntivo: L’uso di Page Builder Sandwich sul tuo sito web abiliterà automaticamente la visualizzazione mobile e la adatterà alle dimensioni dello schermo dei dispositivi mobili.

    Conclusione

    Ricorda: sottovalutare il potere del design è uno dei peggiori errori che tu possa fare quando crei il tuo sito web. Non devi compiere sforzi eccessivi quando progetti il tuo sito web, ovviamente, ma nel frattempo, seguire semplicemente questi consigli può garantire che il tuo sito non susciti reazioni negative da parte del tuo pubblico.

  • Perché WordPress?

    Why-WordpressUn aspetto importante da considerare quando crei il tuo primo sito web (che tu sia un’azienda, un freelance o chiunque altro) è che non tutti conoscono i linguaggi di programmazione e lo sviluppo software. Potresti essere, per esempio, uno chef che vuole pubblicare online le sue ricette. Oppure uno studente di Belle arti che ha bisogno di un portfolio dall’aspetto professionale, o una startup a cui serve un sito. In ogni caso, anche se qualcuno conosce le basi del codice, non siamo tutti sviluppatori a tempo pieno e non chiunque abbia bisogno di un sito sa come realizzarlo da zero. È qui che entra in gioco WordPress. Da qui la domanda: “Perché scegliere WordPress?”

    MOTIVO 1

    WordPress è un Content Management System, quindi è facilissimo da usare.

    La prima cosa che devi sapere è che WordPress è un Content Management System (o CMS). In parole semplici, significa che WordPress ti permette di creare siti web senza dover scrivere codice da zero. Ha un’interfaccia organizzata e intuitiva che ti consente di avere sempre tutto sotto controllo senza dover modificare il codice ogni momento.

    Rispetto alla creazione di un sito da zero, che di solito inizia così:

    screenshot-1 Con un Content Management System parti invece da una situazione del genere:

    WordPress
    L’interfaccia di amministrazione di WordPress. Con un CMS gestire e creare siti web diventa più semplice.

    Potresti chiederti: “WordPress sembra fantastico, ma se non avesse le funzionalità che voglio per il mio sito?”, oppure “e se volessi una mappa, un player musicale, un sistema di caching o una sicurezza più solida?”

    …In realtà, è molto probabile che WordPress abbia già la funzionalità che cerchi, sotto forma di un plugin di WordPress.

    MOTIVO 2

    Plugin: la ciliegina sulla torta di WordPress

    Se temi che a WordPress manchi quella specifica funzionalità che desideri per il tuo sito, non preoccuparti: probabilmente c’è già.

    I plugin sono estensioni nate per ampliare le funzioni del tuo sito WordPress. Se gestisci un’attività e hai bisogno di un modulo di contatto, tieni presente che WordPress non ne include uno di base, ma esistono tantissimi plugin che lo fanno. E poiché WordPress è open source (chiunque può contribuire al suo sviluppo), nascono continuamente nuovi plugin. Puoi ottenere il modulo di contatto che ti serve e molto altro. Hai la libertà di aggiungere altri plugin: dai pulsanti di condivisione social alle mappe, fino a misure di sicurezza avanzate per il tuo sito, insieme a innumerevoli altre opzioni ed estensioni. Niente male, vero?

    Oggi WordPress offre migliaia di plugin di questo tipo; molti sono gratuiti o disponibili in versione gratuita, tra cui PBS.

    MOTIVO 3

    Open source: la community di WordPress

    WordPress è open source. Ciò significa che chiunque può contribuire al suo sviluppo e studiarne il codice sorgente per imparare a programmare o per conoscere a fondo la piattaforma. Esistono perfino aziende dedicate esclusivamente alla creazione di prodotti per WordPress, come plugin e temi (proprio come noi!)

    Grazie alla natura open source di WordPress, tantissimi utenti, sviluppatori e designer collaborano continuamente e si aiutano a vicenda per risolvere problemi legati alla piattaforma. In questo modo ricevi un aiuto concreto da persone reali e impari costantemente: qualcosa che il tipico servizio clienti raramente può offrire.

    MOTIVO 4

    WordPress è una certezza.

    La CNN, il blog ufficiale di Star Wars, il Time Magazine e perfino Beyoncé utilizzano siti basati su WordPress, insieme a tantissimi altri. E questi grandi nomi non sono l’unica garanzia della sua affidabilità: secondo Treehouse.com, circa il 25% di tutti i siti sul web è realizzato con WordPress. Considerando i milioni di siti esistenti… be’, il 25% è un numero davvero impressionante.

    MOTIVO 5

    Personalizzazioni a non finire!

    WordPress mette a disposizione una vastissima scelta di temi per te e per il tuo sito. Puoi scegliere liberamente tra versioni gratuite o premium, oppure crearne uno su misura (o affidarti a un professionista!).

    MOTIVO 6:

    È gratuito.

    Sì, hai letto bene. Grazie allo sviluppo in locale, WordPress è del tutto gratuito e puoi installarlo sul computer con un semplice clic. Inoltre, invece di assumere uno sviluppatore, puoi sfruttare le tue conoscenze di programmazione per scoprire come funziona WordPress (e imparare fa sempre bene).

    …senza contare che, se non hai tempo per approfondire WordPress e la creazione di siti, puoi sempre usare un pratico plugin page builder e provare il nostro.

    Ricorda che con WordPress le possibilità sono infinite e non serve un genio per capire come funziona!

    Usare WordPress ti fa risparmiare un sacco di tempo, denaro ed energie. E quando queste risorse scarseggiano, tieni a mente che i siti WordPress, i plugin (come PBS!), i temi e soprattutto la community possono darti una mano enorme e semplificarti notevolmente le cose.

    Buona creazione del sito!

  • 3 cose da considerare prima di tuffarsi nei page builder

    3-Things-to-Consider-Before-Diving-Into-Page-BuildersC’è una remota possibilità che tu sia qui perché hai sentito dire che PBS è molto probabilmente una delle scorciatoie più veloci per la creazione di siti. Sebbene i page builder, in generale, esistano per semplificare le cose, ci sono comunque alcuni aspetti che potresti voler prendere in considerazione prima di addentrarti più a fondo in questo particolare ambito dello sviluppo di WordPress.

    Imparare WordPress: un prerequisito fondamentale per i page builder

    Questo è probabilmente l’elemento più ovvio di questo elenco, ma pur sempre il più importante. Sfortunatamente, i page builder non sono acquistabili a sé stanti. Si presentano sotto forma di plugin per WordPress, che dovrai installare e imparare a usare per poterli gestire. Ti rassicuriamo sul fatto che WordPress è uno dei modi più semplici e legittimi per creare un sito web. Non ti pentirai di apprendere qualche nozione tecnica, considerando l’epoca in cui ci troviamo. C’è una differenza tra WordPress.com e WordPress.org, e sapere quale dei due soddisfa le tue esigenze fa anche risparmiare tempo!

    Se l’abbondanza di alcuni termini tecnici in questo articolo ti intimorisce un po’, non temere. Ci sono alcuni siti utili che puoi visitare per iniziare. Alcuni di questi sono il WordPress Codex e Treehouse. Raccolgono consigli su WordPress e sulla creazione di siti web, a seconda delle tue esigenze e del tuo livello di conoscenza.

    Potresti voler tastare il terreno prima, giusto per sicurezza

    È sempre un’ottima idea provare le versioni gratuite e/o di prova prima di effettuare acquisti importanti di cui potresti finire per pentirti in futuro. Fortunatamente, la maggior parte dei page builder offre versioni gratuite/demo. Naturalmente, possiamo anche dare un’occhiata a una miriade di recensioni affidabili sui page builder mentre altri articolimettono a confronto i page builder.  Assicurati di valutare attentamente le tue opzioni!

    Oltre a consultare articoli e recensioni, una delle cose che amiamo di WordPress è che ha un’enorme community alle spalle. Ci sono singoli individui, team e persino aziende disposti a dare una mano agli altri utenti di WordPress, soprattutto a quelli alle prime armi come te! La community funziona fondamentalmente secondo il principio del “favore a catena” piuttosto che su un semplice dare e avere.

    Il design fa un’enorme differenza

    L’appassionata di WordPress Donna Fontenot Cavalier fa un’ottima osservazione riguardo ai page builder con trascinamento della selezione (drag and drop) e all’importanza del design di base. Sebbene i builder drag and drop come PBS possano farti risparmiare molto tempo, le competenze di base e almeno un po’ di familiarità con l’estetica sono un altro elemento cruciale da considerare quando si creano siti web. Immagina uno scenario: supponiamo che tu metta le mani su un fantastico page builder di tua scelta: ottimo! Ma supponiamo anche che tu sia una persona che non ha esattamente l’occhio migliore per l’arte, il design e la funzionalità: uh-oh.

    Non preoccuparti, però. Page Builder Sandwich non è solo un page builder; il nostro team è dedicato anche a dare una mano agli altri utenti di WordPress. Quindi, se hai qualche difficoltà con il design, non preoccuparti: abbiamo una serie di articoli qui sul blog di PBS con molti suggerimenti utili per aiutarti a iniziare. In questo modo potrai fare di più, imparare di più e preoccuparti di meno.

    Ricorda, se hai domande o dubbi sui page builder, o su qualsiasi cosa relativa agli argomenti trattati sopra, non esitare a lasciarci un messaggio nella sezione commenti qui sotto. Siamo sempre felici di aiutare i nostri clienti.

    Buona creazione del sito!

  • Come creare hero header di base in 3 semplici passaggi

    How-to-Create-Basic-Hero-Headers-2

    061716_PBS_Jihan_How to Create Basic Hero Headers_Done

    When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

    Cosa sono gli Hero Header?

    The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

    Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

    Per iniziare a creare il tuo primissimo hero header PBS, segui i rapidi passaggi qui sotto:

    Passaggio 1: inserisci la colonna e regola la larghezza della riga

    061716_PBS_Jihan_How-to-Create-Basic-Hero-HeadersClick 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-1-b_Revised-1Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

    What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

    Row Width-Normal

    Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

    Row Width-Full-Width

    Full-Width – Background, text and other elements fill the entire width of your browser window

    Row Width-Full-Width Retain

    Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

    In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

    Passaggio 2: regola il margine per creare spazio bianco

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-2-revisedIncrease the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

    Passaggio 3: aggiungi lo sfondo con sovrapposizioni di testo ed elementi

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-aTo add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

    061716_PBS_Jihan_How to Create Basic Hero HeadersTip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

    061716_PBS_Jihan_How-to-Create-Basic-Hero-Headers_Step-3-cType in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

    Consiglio n. 2: per gli elementi di branding, valuta l’uso di un logo bianco o nero in modo che non contrasti con un’immagine di sfondo colorata.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-dYou can also add buttons by clicking on Button below the Insert Content tab.

    Non dimenticare di salvare il tuo lavoro e il gioco è fatto!

    Congratulazioni per aver creato il tuo primo hero header con PBS! Nel caso in cui non lo facessi, però, non preoccuparti; ricominciare da zero è probabilmente più facile con PBS, quindi non dovrebbe essere un grosso problema.

    Buona creazione del sito web!