Come aggiungere elementi di Jump List al tuo sito WordPress per IE9

Bene, siamo tutti entusiasti di Internet Explorer 9 Beta che è uscito la scorsa settimana con tonnellate di nuove funzionalità, una nuova interfaccia utente più pulita ed elegante, accelerazione hardware, supporto HTML5 e molto altro ancora. Una delle funzionalità beta di IE9 che sta attirando l’attenzione della gente è Siti bloccati rendendo possibile l’accesso ai siti Web preferiti direttamente dalla barra delle applicazioni di Windows senza dover prima aprire il browser Web e rendere i siti Web preferiti come una vera applicazione Windows.

Se ricevi un avviso dopo aver bloccato un sito web (ad es. facebook.com) sulla barra delle applicazioni e fare clic con il tasto destro su di essa, verrà visualizzato un menu a comparsa, questo menu si chiama Jump List. Questo è un modo semplice e veloce per accedere a diverse sezioni del sito Web o ad altri collegamenti importanti.

Nota: Il numero di elementi visualizzati in una Jump List varia da sito Web a sito Web o applicazione.

Oggi impareremo come implementare un semplice Salta elenco per IE9 senza la necessità di un plugin; In questo modo, quando gli utenti di Internet Explorer 9 aggiungono il proprio sito alla barra delle applicazioni di Windows 7, avranno un accesso più rapido ai contenuti e un’esperienza più ricca.

Va bene, iniziamo:

1- Innanzitutto, avrai bisogno di un’immagine favicon di 32 × 32 pixel sul tuo sito Web WordPress, questa è l’immagine che verrà visualizzata quando aggiungi un sito sulla barra delle applicazioni di Windows 7; e avrai anche bisogno di un’altra immagine favicon per ogni elemento della Jump List; potrebbero essere 16 × 16 pixel.

Windows 7 Taskbar faviconsWindows 7 Taskbar Jump List - Facebook

Se non sai come creare un’immagine favicon, cerca online “Generatore di Favicon”, ci sono molti siti web che ti consentono di caricare e convertire qualsiasi file .jpg e .png o altri tipi di file di immagine in una favicon (* .ico) formato del file.

Al termine, caricali sul tuo sito Web WordPress.

leggere  Divertimento sul desktop: tema chiaro e scuro 2 per Windows

Avvertimento! Ricorda sempre di eseguire il backup del tuo sito prima di modificare qualsiasi file.

2- Accedi al tuo sito WordPress, trova la cartella del modello del tuo tema, individua e apri il file header.php archivio.

Cerca una riga di codice simile a questa: /percorso-cartella-immagine/favicon.ico “/> Se hai già questa riga, tutto ciò che devi fare è incollare quanto segue Salta elenco codice sotto questa riga.

nome della home page“/>

testo della descrizione comando“/>

Articolo 1; azione-uri =Ecco l’URL dell’articolo n. 1; icon-uri =Ecco il link all’immagine della favicon“/>

Articolo n. 2; azione-uri =Ecco l’URL dell’articolo n. 2; icon-uri =Ecco il link all’immagine della favicon“/>


Ricorda di sostituire il contenuto arancione con le impostazioni del tuo sito web e di salvare il file header.php quando hai finito.


Se non hai la prima riga di codice che ho menzionato sopra, dovrai incollare il codice seguente prima del file .

/percorso-cartella-immagine/favicon.ico “/>

nome della home page“/>

testo della descrizione comando“/>

Articolo 1; azione-uri =Ecco l’URL dell’articolo n. 1; icon-uri =Ecco il link all’immagine della favicon“/>

Articolo n. 2; azione-uri =Ecco l’URL dell’articolo n. 2;icon-uri =Ecco il link all’immagine della favicon“/>


Ricorda di sostituire il contenuto arancione con le impostazioni del tuo sito web e di salvare il file header.php quando hai finito.

Mancia: Cancella tutti i file della cache del browser e riavvia IE9 prima di bloccare il tuo sito web sulla barra delle applicazioni. Si noti inoltre che il browser Web potrebbe richiedere del tempo per la sincronizzazione con le immagini della favicon.


Codice spiegato:

La prima riga è la riga che il browser Web cercherà per acquisire e visualizzare un’immagine nella scheda del browser.

leggere  Microsoft sospende il servizio di recupero file di OneDrive

Esempio: / image-folder-path / favicon.ico “/>


A partire dalla versione beta di IE9, Microsoft ha introdotto meta tag HTML:

nome = “nome-applicazione” contenuto = “Nome del tuo sito web”/>

Questo meta tag ha due attributi Nome cosa dovrebbe avere “Nome dell’applicazione” valore e soddisfare attributo che deve essere riempito con il nome del tuo sito web.

Esempio:


name = “msapplication-tooltip” content = “tooltip text”/>

Questo meta tag ha due attributi Nome che deve avere “Msapplication-tooltip” valore e soddisfare attributo che contiene il nome della descrizione comando di un collegamento.

Esempio:


Successivamente, per aggiungere un elemento alla Jump List, avrai bisogno del seguente meta tag (Ripeti questo processo per ogni elemento che desideri includere. Prova a limitare il numero di elementi a 4 o 5):

name = “msapplication-task” soddisfare= “Nome= Nome dell’attività; action-uri= URL azione; icon-uri= Icon-URL “/>

Questo meta tag ha due attributi Nome cosa dovrebbe avere “Attività dell’applicazione non valida” e il soddisfare attributo che ha 3 corde valori (nome, azione uri e icona-uri) spiegato nel seguente esempio:

Esempio: name = “msapplication-task” content = “name = NewsItem; action-uri = notizie; icon-uri = https: //i3g4v6w8.stackpathcdn.com/favicon.ico “/>


Per WordPress può essere utilizzato in action-uri = “ il codice, tsu estrarrà l’URL del sito web e a icon-uri = ” il codice, questo estrarrà la posizione della directory del tema.


Esempio di WordPress: /Notizia; icon-uri =/ percorso-cartella-immagine/favicon.ico “/>


mitchproduction.comora supporta anche Jump List, quindi se vuoi vedere Jump List in azione con Internet Explorer 9, prova ad aggiungere Pureinfotech.com alla barra delle applicazioni di Windows 7.

Spero che questa informazione ti sia stata utile, ricordati di lasciare un commento nella sezione sottostante. Grazie!

leggere  Il nome in codice di Windows 10 "Redstone" viene rimosso a favore di un formato più semplice

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *