Numerose richieste da parte dei miei lettori assidui e degli utenti semplicemente curiosi hanno avuto il loro effetto. Alla fine ho creato una lezione in cui impareremo come creare un menu VKontakte dinamico con l'effetto dei pulsanti premuti! Per analogia con i normali siti Internet, quando un collegamento visitato è contrassegnato in modo speciale (pulsante premuto, sottolineatura, ecc.), creeremo lo stesso design su VKontakte, utilizzando le pagine e il design grafico creati. Per cominciare, creeremo modelli grafici in Photoshop: creeremo un'intestazione di menu e due tipi di pulsanti. Quindi creeremo diverse pagine VKontakte, in base alle voci nel nostro menu. E infine, faremo un trucco complicato che, in effetti, creerà l'illusione di seguire il collegamento. La lezione è piuttosto complessa ed è adatta a coloro che si sentono sicuri della funzionalità di Vkontakte. Eseguirò tutte le manipolazioni usando un esempio il tuo gruppo VKontakte, dove questo effetto viene realizzato dal vivo. Quindi, mettiamoci al lavoro!
Passaggio 1. Crea un'intestazione di menu in Photoshop
Crea un documento in Photoshop con una larghezza di 600 pixel. L'altezza può essere diversa, a tua discrezione. Puoi inserire qualsiasi fotografia, collage, banner informativo e altre immagini grafiche specifiche nell'intestazione. In questo caso ho utilizzato il seguente banner pubblicitario da 600x172 pixel. 
Passaggio 2. Crea una barra di navigazione in Photoshop
Ora dobbiamo creare una barra di navigazione. In questo esempio, ho utilizzato solo testo come pulsanti. Ma a tua discrezione, puoi creare pulsanti colorati e scrivere del testo su di essi. Facciamo questo: creiamo un rettangolo di 600x56 pixel in Photoshop e in questo caso riempiamolo di bianco. Quindi scriviamo le voci di menu sulla riga: circa 5-6 voci, non di più. Un numero maggiore di punti apparirà schiacciato.
Passaggio 3. Crea una barra di navigazione premuta in Photoshop
Adesso dobbiamo creare dei link attivi, come se venissero cliccati. Ho utilizzato una sottolineatura normale, ma puoi utilizzare un testo o un colore di sfondo diverso per contrassegnare il collegamento visitato.
Passaggio 4. Taglia le immagini già pronte
A questo punto, dobbiamo tagliare le immagini del Passaggio 2 e del Passaggio 3. Dovremmo avere due serie di cinque pulsanti ciascuna: un pulsante senza sottolineatura, l'altro pulsante con una sottolineatura. I bottoni di ogni singolo articolo (con e senza sottolineatura) devono avere la stessa dimensione. L'immagine qui sotto mostra tutto il nostro design grafico: dieci pulsanti e un'intestazione di menu. 
Passaggio 5. Crea una pagina del menu VKontakte
Ora andiamo su VKontakte. Il nostro compito è creare una pagina separata chiamata "Menu". Per fare ciò utilizzeremo il seguente codice
http://vk.com/pages?oid=-XXX&p=Page_Name
dove al posto di XXX sostituiremo l'id del nostro gruppo, e al posto del testo “Nome Pagina” scriveremo Menu. Ora dobbiamo scoprire l'ID del gruppo. Come farlo? Andiamo alla pagina principale del gruppo e guardiamo i nostri post sulla bacheca - proprio sotto il blocco "Aggiungi post" dirà "Tutti i post" - fai clic su questo collegamento. 
Passaggio 6. Determina l'ID del gruppo e modifica il codice
Andiamo alla pagina e vediamo un URL come questo https://vk.com/wall-78320145?own=1, dove i numeri 78320145 in questo esempio sono l'ID del gruppo. Sostituiamo i nostri dati nel codice sorgente e otteniamo un record come questo:
http://vk.com/pages?oid=-78320145&p=Menu(con i tuoi numeri!). Incolla questa riga nella barra degli indirizzi del browser e premi Invio. Quindi abbiamo creato una nuova pagina VKontakte e inizialmente assomiglia a questa. 
Passaggio 7. Crea le rimanenti pagine di navigazione di VKontakte
In modo simile creiamo altre quattro pagine di navigazione: Prezzi, Come ordinare, Specifiche tecniche e Domande. Cioè copiamo il codice corrispondente altre quattro volte nella barra degli indirizzi del browser (con i tuoi numeri ID nell'esempio qui sotto, i miei numeri):
http://vk.com/pages?oid=-78320145&p=Prezzi
http://vk.com/pages?oid=-78320145&p=Come_ordinare
http://vk.com/pages?oid=-78320145&p=Specifiche tecniche
http://vk.com/pages?oid=-78320145&p=Domande
Tieni presente che nel titolo della pagina di due parole (Come ordinare), lo spazio tra le parole è sostituito da un trattino basso Come_ordinare. Ora abbiamo cinque pagine già pronte per ciascuna voce di menu. Non abbiamo creato una pagina Portfolio perché si trova nella pagina Menu
Passaggio 8. Carica le foto nella prima pagina del menu
Nel menu della pagina creata, ancora vuota (vedi passaggio 6), fare clic sul collegamento Modifica o sul collegamento Riempi con contenuto. Successivamente vediamo il pannello di modifica. Qui dobbiamo fare clic sull'icona della fotocamera con la funzione Carica foto. Importante! Assicurati di essere in modalità markup wiki. Il cambio modalità è regolato dall'icona sul bordo destro della pagina. 
Passaggio 9. Risultato dopo il caricamento delle immagini
Carichiamo le nostre immagini che abbiamo creato nei passaggi 1 e 2. Dopo il caricamento, vediamo il codice come nell'immagine qui sotto e il menu stesso appare così. Dopo ogni modifica al codice, non dimenticare di fare clic su Salva pagina, quindi su Anteprima per visualizzare il risultato. 
Passaggio 10. Modifica del codice immagine
Ora il nostro compito è sostituire tutte le proprietà noborder con la proprietà nopadding. E metti le dimensioni reali sulla prima immagine, poiché VKontakte ha ridotto l'immagine a 400 pixel durante il caricamento. Dopo tutte le modifiche dovremmo ottenere il seguente codice e menu. 
Passaggio 11. Aggiungi collegamenti alle immagini
Ora dobbiamo inserire i collegamenti per ciascuna immagine. Il collegamento deve essere inserito dopo nopadding| invece di uno spazio prima delle parentesi di chiusura. Per la prima immagine (intestazione del menu del passaggio 1), puoi fornire un collegamento alla pagina principale del gruppo oppure puoi utilizzare la proprietà nolink (inserisci; dopo il nopadding senza spazi). Per la seconda tessera inserire l'indirizzo della pagina formato pagina-78320145_49821289. Cioè, l'URL completo dell'immagine https://vk.com/page-78320145_49821289, la prima parte con il dominio può essere omessa. Ma per i collegamenti a siti esterni, l'URL del collegamento deve essere specificato per intero. 
Passaggio 12. Copia il codice nelle restanti pagine di navigazione
In questo passaggio abbastanza semplice, copiamo l'ultimo codice del passaggio precedente e lo incolliamo nelle restanti pagine create: Prezzi, Come ordinare, Termini di riferimento e Domande. Siamo sulla pagina, facciamo clic su Modifica o Riempi con contenuto (siamo in modalità markup wiki), incolliamo il codice e facciamo clic su Salva. E poi anche nella pagina successiva. Cioè, ora abbiamo cinque pagine, su ciascuna delle quali il menu appare esattamente lo stesso. Ma puoi già navigare nel menu: quando fai clic su un collegamento, ad esempio Prezzi, verremo spostati alla pagina Prezzi, ecc.
Passaggio 13. Creare l'effetto di un pulsante premuto
Ora dobbiamo cambiare un'immagine su ciascuna delle cinque pagine (sostituisci il pulsante senza sottolineatura con un pulsante con sottolineatura). Ad esempio, nella prima pagina del Menù carichiamo una nuova immagine e poi sostituiamo l'indirizzo della vecchia immagine nel codice con una nuova (sottolineata in rosso). Andiamo quindi alla pagina Prezzi, carichiamo un'immagine con i Prezzi sottolineati e modifichiamolo nel codice con l'indirizzo della nuova immagine. Andiamo quindi alle pagine Come ordinare, Termini di riferimento e Domande ed eseguiamo la stessa operazione nello stesso modo. 
Il finale.
Di conseguenza, abbiamo ottenuto un effetto di navigazione quando si fa clic su un collegamento del menu e questo diventa attivo. Ma poiché la grafica su tutte le pagine è quasi la stessa, ad eccezione del collegamento attivo, viene creata l'illusione della navigazione, sebbene in realtà si tratti di una transizione verso un'altra pagina.
Il menu progettato in questo modo non è adatto ai dispositivi mobili. Quando le dimensioni dello schermo diminuiscono, le immagini iniziano a scorrere una sotto l'altra. Per realizzare un design reattivo, è necessario utilizzare tabelle in versione rigida. Ma questa è un'altra storia e una tecnica più avanzata. Nel frattempo, guarda le varie opzioni per la progettazione del menu grafico. 
Oggi, sempre più pagine pubbliche su VK aggiungono un menu alla loro interfaccia, che non solo funge da assistente di navigazione, ma aggiunge anche fascino estetico alla comunità e aiuta ad aumentare le conversioni. Oggi parleremo di come creare un menu in un gruppo VKontakte.
Per quali scopi viene utilizzato?
Il menu nel gruppo VK può servire ai seguenti scopi:
- Navigazione. La presenza della navigazione nella comunità VKontakte consente ai tuoi potenziali clienti di trovare rapidamente le informazioni e le sezioni necessarie del gruppo, il che accorcia il percorso per convertire un visitatore in un acquirente. Tale menu può contenere non solo collegamenti a pagine interne di VK, ma anche a siti di terze parti. Ad esempio, al sito Web ufficiale della tua azienda.
- Attrazione estetica. Un altro obiettivo, non meno significativo, è regalare al pubblico un bell'aspetto. Combinando questo elemento con altri elementi di design (avatar, copertina, banner, post appuntato), puoi dare uno stile individuale, unico e memorabile alla tua community.
- Motivazione per eseguire un'azione target. Tu stesso puoi spingere l'utente a leggere o visualizzare determinate informazioni, fare clic su un determinato pulsante, ecc. Un design accurato e di alta qualità può creare un menu cliccabile che attirerà l'attenzione degli utenti, li interesserà e inviterà all'azione.
Come creare un menu di testo?
La creazione di un menu di navigazione nel gruppo VK viene eseguita utilizzando il markup wiki. Questa è una tecnologia che fornisce funzionalità avanzate di formattazione del testo. Per il social network VKontakte, questo markup è diventato uno strumento indispensabile per creare e progettare pagine educative, di vendita e di intrattenimento attraenti, inclusi i menu di navigazione.
Quindi, come creare un menu in un gruppo VKontakte:
Importante! Rendili limitati in modo che solo tu abbia accesso alla modifica. Con l'accesso aperto, qualsiasi membro della comunità può modificare il menu.
Quando passi il mouse sopra un pulsante<>, dovrebbe apparire la scritta “Modalità modifica visiva”. Se viene visualizzata la "Modalità Markup Wiki", significa che non è abilitata.
Il pulsante “Anteprima” consente di vedere il risultato in anticipo.
- Se tutto è stato eseguito correttamente, fare clic sul pulsante "Salva pagina".
Ecco! Ora abbiamo un menu nella nostra pagina pubblica. Cliccando su ciascuna voce verremo indirizzati alla pagina corrispondente. 
Per impostazione predefinita, sarà disponibile nella scheda con il nome specificato (invece di "Ultime notizie"). Ma non tutti gli utenti lo vedranno. Per renderlo più cliccabile e visibile, crea un post con un collegamento al menu, modella il post di conseguenza e fissalo. Pertanto, facendo clic sul collegamento nel post appuntato, il menu del gruppo si aprirà davanti all'utente.
Di seguito è riportato un esempio di tale voce:
Un menu di testo viene utilizzato raramente perché non darà alla tua comunità un aspetto attraente. E saranno riluttanti a cliccarci sopra. Ma ti ho mostrato come crearlo in modo che gli utenti prestino attenzione.
Come realizzare un menu grafico?
Un'altra cosa è un menu grafico, in cui le immagini vengono prese come base. In questo caso i pulsanti non saranno testo con collegamenti ipertestuali, ma immagini PNG. Pertanto, per creare una versione grafica di un menu wiki per la tua comunità, avrai bisogno almeno di alcune competenze in Photoshop o in un altro editor grafico.
Sarà necessario creare immagini di pulsanti. Per evitare che il menu assomigli a una raccolta di immagini casuali, i pulsanti creati in Photoshop dovrebbero essere combinati tra loro in modo che insieme sembrino un tutt'uno. Ad esempio, come nello screenshot qui sotto:
Come creare un menù grafico in un gruppo:
Pertanto, abbiamo ricevuto un menu composto solo da immagini. Se hai il desiderio e le capacità sufficienti, puoi creare uno stile unico e un nuovo design per la tua comunità.
Se non hai competenze in Photoshop, ma desideri ottenere un design accattivante e di alta qualità per il tuo menu, contatta i professionisti. Oppure usa il metodo che descriverò di seguito.
Utilizzo dei modelli
Se non hai la possibilità di stanziare un budget separato per lo sviluppo di un menu wiki, ma desideri comunque ottenere un design professionale, utilizza modelli già pronti.
Oggi su Internet sono presenti numerosi servizi e siti online in cui è possibile scaricare modelli già pronti gratuitamente (o a pagamento). È sufficiente inserire l'apposita richiesta nella barra di ricerca del proprio browser. Bene, dopo averli scaricati, utilizza le istruzioni che ho descritto sopra.
In che modo avere un menu contribuisce al successo di una comunità?
Un menu interattivo di alta qualità, dal design accattivante è sia una soluzione di design intelligente che uno strumento utile. Inoltre, apporta vantaggi sia ai visitatori della comunità che agli operatori di marketing, il cui compito è costringere questi visitatori a intraprendere azioni mirate.
Quando si accede a una normale pagina pubblica, l'utente ha un'ampia scelta di azioni. Può fare clic ovunque e visualizzare qualsiasi cosa, ma in genere l'80% degli elementi viene lasciato incustodito. Il menu, a sua volta, è in grado di focalizzare l’attenzione dell’utente su determinate cose, su determinate informazioni che contiene.
Questo è esattamente il modo in cui funziona il menu nei gruppi VK. Guida le persone e dice loro cosa fare, cosa vedere, ecc. E se lo componi con competenza e abilità, allora ti guiderà lungo il percorso che hai pianificato, il percorso di conversione. Questa è la psicologia che gioca un ruolo importante nel marketing.
Linea di fondo
Oggi ti ho parlato di come creare un menu nei gruppi VKontakte, dei suoi tipi e vantaggi. Questo è uno strumento multifunzionale e molto utile. Usalo nel tuo lavoro. Spero che l'articolo ti sia stato utile.
Per rendere esteticamente più gradevole l'aspetto generale della community e rendere più confortevole il lavoro con essa, la soluzione migliore sarebbe creare un menu di gruppo. In questo modo puoi inserire tutti gli elementi importanti in un elenco ordinato, impostare ciascun collegamento con la propria icona o immagine e avvisare i visitatori di eventuali modifiche in modo rapido e chiaro. Il menu può includere i seguenti elementi: vari collegamenti a siti esterni, fumetti di discussione, album, musica e altre sezioni all'interno del sito VKontakte, immagini e semplicemente la struttura del tuo gruppo. Seguendo le istruzioni seguenti, prova a creare il tuo menu per la comunità VKontakte.
Come creare un menu semplice in un gruppo VKontakte
Se vuoi che ogni riga del menu porti ad un particolare argomento di discussione, prima di tutto devi creare queste stesse discussioni e dar loro dei nomi. Lasciarli chiusi o aperti ai commenti è una questione puramente personale, poiché questa opzione non influisce sulla visualizzazione della pagina nel menu.
Prova a creare un menu semplice che rappresenti la struttura del tuo gruppo e contenga tutte le sezioni più importanti.
- Tieni presente che i menu appariranno leggermente diversi nei gruppi e nelle comunità. Pertanto, se desideri trasferire un gruppo in una comunità, clicca sull'icona dei tre punti accanto al nome del gruppo e seleziona la riga “Trasferisci alla pagina”. Tieni presente che non potrai trasformare nuovamente la community in un gruppo.
- Ora vai al collegamento “Gestione comunità” nello stesso menu.
Vedrai un blocco con tutte le impostazioni per il tuo gruppo, qui puoi modificare il nome, le informazioni di contatto, la privacy e gestire i partecipanti. Vai alla categoria "Sezioni".
- Nella riga "Materiali", imposta il valore su "Disabilitato" o "Limitato" in modo che i membri del gruppo non possano danneggiare accidentalmente i file necessari per la registrazione. Non dimenticare di salvare la selezione.
- Vai al gruppo e vai alla finestra “Ultime notizie”, qui creerai il menu.
- Fare clic su "Modifica".
- Prima di tutto, devi cambiare il nome "Ultime notizie" in "Menu" o qualcos'altro che faccia capire ai partecipanti che qui possono seguire rapidamente i collegamenti necessari.
Passa alla modalità di modifica della voce su "modifica markup Wiki" utilizzando la piccola freccia nell'angolo destro.
Ora creiamo la struttura:
- È importante che tu abbia discussioni, materiali o album nel gruppo di cui utilizzerai il nome nel menu.
- Scrivi tutti i nomi delle sezioni principali su una riga, inquadrandoli due volte tra parentesi quadre.
- Per far apparire il testo come un elenco, metti degli asterischi davanti agli elementi.
Da questo screenshot, possiamo supporre che il gruppo abbia un materiale chiamato “Sezione 1”, una discussione “Sezione 2” e un album “Sezione 3”. Fai clic su "Anteprima" o "Salva modifiche".
- La tua sezione cambierà in "Menu" e conterrà collegamenti attivi alle principali categorie del gruppo, disposte ordinatamente in un elenco.
Come inserire collegamenti nel menu del gruppo VKontakte
Per velocizzare l'accesso al proprio sito ufficiale, o a sezioni direttamente all'interno del gruppo, è meglio inserire dei link attivi.
- Torna alla modifica della sezione del menu. Copia il collegamento desiderato e incollalo semplicemente nella finestra in modalità Wiki markup. Dopo il salvataggio diventerà attivo.
- Ecco come appaiono tutti i collegamenti che puoi inserire nel menu del tuo gruppo.
Come creare un menu VKontakte con immagini
Se vuoi che il menu sia composto da bellissime icone che portano a una sezione particolare, segui semplicemente le istruzioni seguenti.
- Per iniziare, crea un album speciale in cui verranno archiviate solo le immagini tecniche per la progettazione del gruppo.
- Carica immagini in formato jpeg non più grandi di 500 pixel per 500.
- Copia l'URL dell'immagine caricata.
- Ora copia il collegamento alla discussione, al materiale o ad un altro sito esterno.
- [[Link all'immagine nel tuo album | dimensione in pixel; senza imbottitura | Link alla discussione o al sito web]]
Un esempio è mostrato nello screenshot.
Fare clic su "Salva pagina".
- Ora apparirà un collegamento pulito nel tuo menu. Puoi impostare il valore dei pixel come ritieni opportuno.
Per aggiungere più immagini, inserisci semplicemente nuovi collegamenti su una nuova riga.
Molte persone sono interessate a come creare un menu nel gruppo VKontakte. Esistono già numerose comunità ben progettate da cui vorrei prendere esempio. Questo può essere fatto in poche ore. La cosa principale è sviluppare un design elegante, il resto è una questione di tecnica.
Cosa è necessario per questo?
Come creare un menu in un gruppo VKontakte? In Photoshop devi creare due immagini che prima erano una. Il primo è per l'avatar, il secondo è il menu stesso, questa immagine non deve essere tagliata in più parti. “In Contatto” nella pagina destinata al menu, è necessario inserire un codice con collegamenti a parti dell'immagine e sezioni. E se è necessario un tipo aperto, avrai bisogno di una terza immagine, che sarà fissata in cima alla community.
Per creare un bellissimo menu avrai bisogno delle competenze di Photoshop. A coloro che non sono bravi a disegnare si consiglia di scegliere buone immagini. Per coloro che sono esperti in questo programma, le istruzioni sono fornite di seguito. Il processo è diviso in diverse fasi.
Primo stadio
Come creare un menu nel gruppo VKontakte? Per prima cosa devi creare un nuovo documento con dimensioni di 700 per 800 pixel. Assicurati che lo sfondo sia bianco. Sul livello superiore devi ritagliare due finestre 200 per 710 per l'avatar e 382 per 442 per il menu. Questo può essere fatto utilizzando una selezione rettangolare o un comando richiamato con il tasto “Canc”.
A seconda della tua fantasia, puoi regolare l’altezza a tuo piacimento, ma è meglio lasciare la stessa larghezza. Un'illustrazione deve essere posizionata sotto lo strato inferiore. Concentrandosi su uno dei lati, i rettangoli devono essere uniti.
È necessario posizionare iscrizioni e pulsanti nelle aree richieste dell'immagine utilizzando gli elementi di Photoshop.
Il rettangolo che appare a destra (dimensione 200 x 710) può essere copiato e caricato in un file separato. Questo è un avatar già pronto per il gruppo. Ma il lato sinistro dell'immagine necessita di un ulteriore taglio.
Il numero di voci nel menu è consentito da due parti. Ma forse tre o quattro. Considereremo un esempio per due.
L'altezza di ciascun elemento affettato deve essere di almeno 50 pixel.
Come tagliare un'immagine per un menu?
Per fare ciò, è necessario aprire l'immagine in un file separato. Avrai bisogno dello strumento da taglio. Si trova sul pannello dei programmi a forma di coltello.
Fare clic con il tasto destro sull'immagine e selezionare "Dividi frammento" dall'elenco a discesa.
Si aprirà una finestra in cui è necessario impostare i parametri di taglio. Si consiglia di selezionare la casella accanto a "Dividi orizzontalmente per" e selezionare il numero di frammenti uguali.
Dopo questi passaggi, sullo schermo apparirà una griglia che dividerà l'immagine in sezioni.
I file tagliati verranno numerati.
Seconda fase
Questa è una lezione su come creare un menu per un gruppo VKontakte. Tutte le immagini tagliate devono essere caricate nell'album del gruppo.
Avrai bisogno di una pagina "Ultime notizie". Il lavoro avrà luogo con lei nel prossimo futuro.
Si consiglia di selezionare la modalità wiki markup nell'editor a destra e inserire lì il seguente codice:
Ciascuna immagine del menu occuperà una riga separata, costruita secondo il principio del diagramma sopra. Si consiglia di creare queste voci in anticipo in un blocco note e solo dopo caricarle nel campo obbligatorio "In contatto". Ciò renderà tutto molto più semplice e il sistema non ti costringerà a rifarlo.
Il risultato sarà qualcosa di simile a:
Come ottenere il numero dell'immagine?
Per fare ciò, fare clic con il tasto destro del mouse sull'immagine. Dopo che si è aperto in una nuova finestra, il suo codice apparirà nella barra degli indirizzi del browser. Deve essere copiato insieme alla parola “foto”.
Una volta salvate tutte le modifiche, è possibile controllare il funzionamento del menu. Nel gruppo, seguendo il collegamento corrispondente, viene rivelata l'immagine tanto attesa.
Per combinare un avatar con lei, devi sperimentare un po' con la descrizione. Approssimativamente, secondo le dimensioni specificate, dovrebbero esserci 12 linee.
Questa è una delle opzioni per creare un menu nel gruppo VKontakte. Ce ne sono solo due. Un'altra strada è aperta. Possono essere combinati.
Come creare un menu aperto?
Nella nuova finestra, è necessario fare clic con il tasto destro del mouse sul menu creato e fare clic sul collegamento "Modifica". Nella scheda "Ritorna alla pagina" nella barra del browser è possibile ottenere un collegamento al menu. Ha bisogno di essere copiato.
Successivamente, è necessario creare un post regolare nel gruppo. Avrai bisogno di un'altra immagine tematica con la scritta "Menu". Per fare ciò è necessario caricare una foto. Il post fungerà da menu aperto nella parte superiore della pagina. Nel messaggio in esso contenuto è necessario inserire il collegamento ricevuto, che deve essere immediatamente eliminato dopo la visualizzazione della pagina con il menu in basso. Il post non deve contenere link non necessari, sarebbe brutto.
Come creare un menu nel gruppo VKontakte? Ora devi fare clic con il tasto destro sulla data della notizia. Dovrebbe aprirsi in una nuova finestra. Lì puoi vedere una nuova scritta "Pin". E' esattamente ciò di cui ha bisogno.
A seguire, potrete ammirare il bellissimo menù in gruppo. Per combinare le immagini, devi esercitarti con le loro dimensioni.
È tutto. Creare un menu in VKontakte non è così difficile. Se segui le istruzioni sopra descritte, chiunque può farlo.
Saluti, cari amici e ospiti del blog. Oggi parleremo della creazione di menu in VK e di come farlo nel nuovo design del social network. Ci sono cambiamenti davvero significativi di cui devi essere consapevole, perché se il menu è realizzato con il vecchio design, di cui ho scritto, le immagini potrebbero apparire di traverso.
Menu del gruppo VKontakte- questa è la sua faccia. Questo è ciò che l'utente vede quando entra per la prima volta nella comunità, e quanto tutto sia accessibile e attraente determina in gran parte se diventerà un membro permanente del gruppo.
IMPORTANTE: Dopo aver modificato il design generale in VK, sono cambiate anche le dimensioni delle immagini per il menu del social network. Controlla il tuo lavoro e apporta modifiche nei gruppi discussi di seguito.
Tipi di menu e loro caratteristiche
Il primo passo quando si crea una comunità è decidere il suo obiettivo principale. Da questo dipende il design futuro del menu e le sue caratteristiche funzionali.
A seconda degli obiettivi del gruppo, il menu può essere:
- per una piattaforma informativa;
- ;
- per un sito di formazione.
La parte principale riguarda le informazioni. Si tratta di comunità in cui all'utente viene fornito qualche tipo di contenuto divertente o educativo. Per un gruppo di questo tipo è meglio utilizzare un menu che visualizzi gli argomenti principali. Pertanto, i pubblici popolari creano sezioni: notizie, ultime pubblicazioni, pubblicazioni popolari, nonché sezioni specifiche sull'argomento del gruppo.
I menu del pubblico commerciale ed educativo possono essere simili. L'obiettivo di entrambi è aiutare l'utente a navigare nella gamma di beni o servizi. Il menu per le vendite, di norma, include sezioni come Catalogo prodotti, Pagamento, Consegna, Promozioni e sconti, e per la formazione può essere limitato alle sezioni che descrivono i servizi, poiché la cosa principale qui è che l'utente trovi il programma di formazione o materiale di cui ha bisogno.
Come creare un menu in un gruppo VKontakte: istruzioni passo passo
L’intero processo può essere suddiviso in 2 fasi:
- Lavorare in Photoshop;
- Aggiunta di sezioni e immagini nel gruppo stesso.
Per rispondere con precisione alla domanda su come creare un menu in un gruppo VKontakte, dovresti immaginare visivamente il design futuro con tutte le sezioni e quindi, nel processo, puoi aggiungere elementi che ancora ti vengono in mente.
Nella prima fase vengono creati l'avatar del gruppo e le immagini per il menu stesso. Una singola immagine sia per l'avatar che per il menu apparirà più armoniosa.
La scelta o la creazione di un avatar dovrebbe essere presa molto sul serio, poiché molti utenti vi prestano particolare attenzione. Puoi trovare un'immagine adatta su Internet e aggiungervi un'iscrizione o alcuni elementi in Photoshop, oppure puoi creare tu stesso un'immagine assolutamente unica.
Poiché dobbiamo anche creare un menu a discesa, cerchiamo o creiamo un'immagine che meglio si adatta al tema del gruppo o semplicemente prendiamo uno splendido sfondo. Il lavoro con l'immagine avverrà in Adobe Photoshop, poiché la funzionalità degli editor di foto convenzionali non è sufficiente per tutte le operazioni necessarie. Tutte le dimensioni sono impostate dal social network VKontakte stesso e deviazioni significative verso l'alto o verso il basso porteranno al fatto che l'avatar non verrà caricato affatto o non sarà tutt'uno con il menu.
Algoritmo delle azioni:
- Apri Photoshop e vai su "file" - "crea" e imposta larghezza e altezza: 760X500, rispettivamente.
- Selezionare lo strumento "taglio", quindi "dividi frammento". Dividi l'immagine in 3 parti orizzontalmente. Per un frammento dal bordo sinistro o destro nella finestra a discesa (a seconda di quale parte vuoi vedere sull'avatar), scrivi i valori di larghezza e altezza – 200XX e Y) – 560 e 0. Questo sarà l'avatar del gruppo.
- Per il frammento successivo, imposta larghezza e altezza su 50X500 e scrivi nelle coordinate 510 e 0. Questo è lo spazio tra l'avatar del gruppo e il menu. Questa parte non sarà necessaria in seguito.
- Ancora una volta, seleziona “frammento diviso” e dividi verticalmente in 2 parti. Per il frammento in alto impostiamo i seguenti valori: larghezza – 510, altezza – 182, coordinate – 0. Questo è lo spazio sopra il menu. Anche questa parte non sarà visibile nel gruppo.
- Ora copiamo l'immagine selezionata o creata nell'oggetto creato e diviso. Se i tasti di scelta rapida CTRL+V non funzionano, apri semplicemente la posizione sul tuo computer in cui è salvata l'immagine e trascinala in Photoshop.
- Dividiamo verticalmente lo spazio rimanente in tanti frammenti quante sono le sezioni del menu. Non è necessario impostare valori per loro.
Scriviamo il nome di ciascuna sezione.
- L'ultimo passaggio è salvare le immagini. È necessario salvare le immagini in questo modo: file – salva per il Web. Questo metodo è adatto per le versioni successive di Photoshop. Se nella sezione "file" non è presente "salva per Web", procediamo come segue:
Vai alla voce “file”, seleziona “esporta” - “salva per Web”. Lasciamo tutti i parametri così come sono. Fare nuovamente clic su "Salva".
Seleziona una cartella sul tuo computer e salva lì le immagini. Dovrebbero assomigliare a questo:
Passiamo ora alla seconda fase per capire esattamente come creare un menu nel gruppo VKontakte, aggiungendo direttamente il menu al pubblico. Per questo:
- Prima di tutto, devi collegare i Materiali, poiché questo è l'unico modo per aggiungere eventuali sezioni alla pagina principale. Per fare ciò, vai su Gestione comunità e in fondo alla pagina seleziona "Materiali", quindi "Apri". Salva le modifiche.
- Carichiamo tutte le foto nel gruppo, ad eccezione dell'avatar e di quelle parti che non sono necessarie. Affinché le foto vengano visualizzate nella pagina principale, è necessario tornare a Gestione comunità e fare clic di fronte alla scheda "foto" - "apri".
- Caricamento di un avatar.
- Il passaggio successivo è abilitare la modalità markup wiki. Puoi farlo facendo clic sull'icona del diamante sul lato destro della pagina nella sezione "modifica".
- Qui inseriamo il codice di markup: [], dove [] è un collegamento alla sezione o pagina a cui andrai cliccando sulla foto. Puoi aggiungere entrambi i collegamenti alle sezioni su VKontakte stesso e alle risorse esterne.
- Questo codice viene duplicato tante volte quante sono le sezioni del menu, ogni volta inserendo dei link.
Se lo si desidera, cambiamo anche la scheda "Ultime notizie", ad esempio, in "menu.
- Fai clic su "salva pagina", torna alla sezione principale del gruppo e aggiorna la pagina. Per impostazione predefinita il menu è chiuso, ma l'utente, cliccando sul nome corrispondente, potrà aprire le sue sezioni e navigare al loro interno.
Questo completa l'intero processo, ma dovresti assolutamente verificare se i collegamenti funzionano e se i bordi della foto corrispondono.
Servizi per la creazione di un menu di gruppo
Se ancora non capisci come creare un menu in un gruppo VKontakte e le istruzioni passo passo non ti hanno aiutato, puoi utilizzare servizi speciali che creeranno e persino aggiungeranno meravigliosamente
menù studiato per il gruppo.
Uno dei servizi più popolari è MenuMake. Dopo aver inviato la richiesta, l'ordine sarà pronto entro 5 minuti e quindi, se lo si desidera, il menu verrà aggiunto al gruppo. Allo stesso tempo vengono presi in considerazione tutti i desideri del cliente in termini di design e numero di sezioni.
Cordiali saluti, Galiulin Ruslan.
