Attivare solo nel back-end è utile per evitare che un ipotetico "man in the middle" possa intercettare i tuoi dati di login o i vari dati scambiati durante le sessioni in cui sei loggato nel back-end.

Attivare nel front-end lo si fare per permettere transazioni sicure o rendere gli inserimenti di dati vari tramite form privati oppure per avere benefici dal punto di vista SEO visto che ora Google considera HTTPS/SSL un fattore positivo. Da notare che ovviamente il tempo di caricamento del sito aumenta dovendo la connessione tra l'utente ed il server fare avanti e indietro 2 volte.

Per il fatto dei social che azzerano i like non saprei perchè non ho mai fatto una migrazione da http a https in un sito con contatori social.

Devi fare l'upload dell'immagine con le dimensioni specificate. All'interno dell'immagini esisterà un zona chiamata "Mobile Safe" che verrà visualizzata anche sui dispositivi mobile ed una zona più esterna che verrà visualizzata solamente sui dispositivi Desktop.

Se cerchi "Facebook Page Template" su Google immagini trovi dei modelli vuoti che puoi aprire con Photoshop dovo sono segnati i limiti. Puoi partire da li per creare la pagina.

Dovresti approfondire l'argomento "responsive web design" o "web design adattivo" perchè la risposta dipende da mille fattori:

• I browser moderni possono scalare automaticamente in base alla risoluzione ed alle dimensioni dello schermo
• Alcuni dispositivi, come ad esempio i cellulari moderni e gli schermi retina hanno una risoluzione ma ne dichiarano un altra (se interrogati tramite media query ed in altre situazioni) per non rendere i contenuti troppo piccoli per gli utenti
• Il layout del sito può essere fatto in vari modi ed avere le regole CSS più disparate

Per inserire più valori in una variabile JavaScript ci sono vari modi, array, oggetti, serializzare dati ecc.

Un metodo semplice è quello di assegnare valori alle varie proprietà di un oggetto:

//crei oggetto
var cane = {};

//assegni valori alle proprietà
cane.nome = "Fuffy";
cane.peso = 30;
cane.razza = "labrador";

//quando ti servono le utilizzi
alert("questo cane si chiama " + cane.nome);//output "questo cane si chiama Fuffy"

Nel tuo caso puoi mettere i 64 valori invece delle caratteristiche del cane Fuffy.

FaceBook come molti altri siti, rende gli URL semplici e comprensibili agli umani.

Un metodo comune per ottenere risultati di questo tipo è utilizzare il modulo di Apache Mod Rewrite ed applicare espressioni regolari che modificano gli URL a proprio piacimento.

E chiaro che per ottenere degli URL unici e non creare problemi con i motori di ricerca e confusione con gli utenti umani vengono intenzionalmente ritornati degli errori 404 se vengono visitati gli URL reali (quelli non riscritti da moduli come Mod Rewrite)

Puoi seguire questi passaggi:

• Crei un form in HTML con i campi che ti interessano
• All'inizio del file processi il contenuti delle variabili $_POST o $_GET in base a quello che scegli di utilizzare (ricevi il contenuto del form, lo sanitizzi, lo modifichi, lo archivi all'interno di altre variabili ecc.)
• Utilizzi la funzione mail() di PHP per inviare le email, a questo punto potrai ovviamente definire il contenuto della email, semplificando andrai a definire i destinatari, il soggetto della email ed messaggio della email

Ho fatto il passaggio ad https a più di un sito con diversi hosting provider e la procedura con WordPress è generalmente questa:

• Acquisti server IP dedicato e certificato SSL per un dominio specifico
• Quando lo attivano devi decidere se lo vuoi applicare solamente al back-end del sito, oppure sia nel back-end che nel front-end
• In base alla tua scelta si tratta di cambiare un paio di opzioni nel menu Impostazioni -> Generale e se vuoi forzare il protocollo SSL per tutte le operazioni via back-end devi impostare la costante FORCE_SSL_ADMIN a true nel wp-config.php

Con hostgator ad esempio queste modifiche me le avevano fatte loro senza neanche chiedere, in pratica oltre che acquistare il pacchetto non ho fatto nulla. Con godaddy più o meno lo stesso.
Se non sei su un server dedicato non devi fare nulla con il server, fanno tutto loro.

Se la struttura degli URL delle due versioni del sito è prevedibile un semplice script che genera dell'output nella sezione head del tuo sito è sufficiente. Il concetto è quello di mandare in output i vari link con l'attributo hreflang tramite il gancio wp_head.
Con struttura prevedibile intendo una struttura degli url fissa, con una parte prevedibile che varia. (ad esempio l'estensione del dominio che varia con tutto il resto dell'URL che rimane uguale)
Se invece la struttura degli URL non è fissa (ad esempio nel caso in cui il nome dell'articolo/pagina nelle differenti versioni varia) devi necessariamente assegnare manualmente ad ogni pagina tutti i link con attributo hreflang del caso creando un plugin apposito (che ad esempio ti faccia inserire il valore dell'attributo hreflang in un meta box di WordPress associato all'articolo) oppure utilizzandone uno specifico per lo scopo.

Il mio procedimento:

1 - Salva come PNG
2 - Compressione con tool specifici per ridurre il tutto di un altro 20% (mediamente) Personalmente utilizzo "Kraken Image Optimizer" in quanto è gratuito, funziona con un numero di file multiplo per ogni upload e permette di selezionare se si vuole una compressione "lossy" (con perdita di qualità) o "loseless" (senza perdita di qualità)

Per immagini con pochi colori può anche avere senso salvare in formato GIF.

Se devi pubblicare tante fotografie, sei disposto a perdere qualità dell'immagine e gestire con precisione la dimensione finale (in termini di consumo di spazio) delle immagini ha senso anche salvare in formato JPG.

Per avere una risposta dovresti condividere in qualche modo il codice HTML che viene generato per quella pagina altrimenti non è possibile sapere cosa c'è dietro quei 5 link senza stile che hai postato nello screenshot.

Con schermi retina o con alta densità di pixel una immagine con una risoluzione maggiore a quella del suo contenitore risulta effettivamente più dettagliata, in altre parole i pixel aggiuntivi saranno visibili.
Con schermi normali devi seguire l'indicazione di non uploadare immagini con una dimensione maggiore rispetto a quella del contenitore e fare attenzione a non perdere qualità mentre generi l'immagine per il web. Se non vuoi perdere qualità genera semplicemente delle immagini PNG così vai sul sicuro.
Un altro fattore da considerare è che se l'immagine uploadata ha una dimensione diversa dal quella del suo contenitore interviene l'interpolazione del browser, che è differente a seconda del browser.

In queste situazioni i messaggi di errore generati in php_error.log sono abbastanza specifici. Ad esempio si potrebbe trattare di "Maximum execution time of x seconds exceeded" or "Allowed memory size of x bytes exhausted". In questo caso dovresti cambiare le impostazioni di alcune direttive di PHP con .htaccess o con la funzione ini_set().