Come configurare smartphone e PC. Portale informativo
  • casa
  • Interessante
  • Come creare un markup wiki VKontakte per un gruppo. Come creare pagine

Come creare un markup wiki VKontakte per un gruppo. Come creare pagine

Penso che tutti coloro che utilizzano attivamente il social network Vkontakte abbiano già incontrato gruppi e pubblici ben progettati. Molti di loro, oltre al menu, hanno anche molte pagine nidificate stilizzate, directory e così via, che essenzialmente creano un piccolo sito proprio all'interno del social network.

Ecco alcuni esempi in modo che tutti capiscano di cosa sto parlando.




Tali gruppi ti consentono di distinguerti dalla concorrenza e attirare più utenti. Soprattutto se anche il contenuto è interessante :)
In questo articolo parleremo di come tutto questo è fatto. Per analizzare tutto più in dettaglio e approfondire tutte le sottigliezze, facciamo un esempio specifico. Ci sarà una piccola master class sulla progettazione di gruppi.

La prima fase del nostro lavoro è un'idea. Dobbiamo capire cosa vogliamo dire ea chi. In contatto ci sono diversi formati di comunità e vale la pena scegliere tenendo conto dei compiti impostati. Anche se in futuro il gruppo potrà essere trasferito al formato pubblico e viceversa.

Spiego con le dita. PubblicoÈ qualcosa come un blog. Linea di notizie. In altre parole, raccontiamo alcune cose ai nostri iscritti e loro non potranno scrivere sulla bacheca della nostra community. Massimo commento.

Gruppo ti consente di creare una community più aperta alla conversazione e alla discussione, in cui le persone possono pubblicare post nel feed per proprio conto. Puoi anche aggiungere amici dalla tua lista ad esso. Non esiste una tale opzione in pubblico. Inoltre, il gruppo ha un po' più di opzioni per l'integrazione del markup wiki (c'è una sezione "Notizie" in cui puoi integrare il menu).

A livello globale, puoi argomentare in questo modo: se dobbiamo creare una community per il negozio, allora prenderei il formato "pubblico". Se parliamo, ad esempio, di appassionati di pesca, allora è meglio prendere un "gruppo". Tuttavia, ognuno è libero di fare ciò che ritiene opportuno. Dopotutto, in qualsiasi momento è possibile modificare il formato. Tuttavia, tieni presente che Vkontakte introduce una restrizione sulla modifica del formato della community nuovamente e dopo la prima volta dovrai attendere alcuni giorni prima di poter restituire tutto se necessario. Pertanto, è meglio testare la funzionalità prima che il gruppo inizi a riempirsi di contenuti.

Come parte di questa master class, prenderò il gioco Mad Max basato sull'omonimo film, uscito solo un paio di settimane fa, come punto di partenza e creerò una community per i giocatori con vari materiali su questo gioco. L'obiettivo principale è drenare il traffico verso il tuo sito di gioco.

Il formato sarà “Gruppo”, in quanto è necessario creare un afflusso naturale del pubblico e massimizzare la comunicazione all'interno della comunità. Chiarisco subito che utilizzerò una tecnica universale che può essere utilizzata sia in un formato di gruppo che in pubblico. Funziona ovunque.

Mare di contenuti, iniziamo a dare vita all'idea!

Crea un gruppo

Per creare un gruppo, vai su "I miei gruppi" nel menu a destra del tuo account Vkontakte e fai clic sul pulsante blu in alto "Crea comunità".

Dovrebbe apparire una finestra come questa in cui inseriamo un nome per il nostro gruppo e selezioniamo un formato.

Dopo aver inserito le informazioni necessarie, si apre davanti a noi il pannello di controllo della nostra community. Nel mio caso, sembra così.

Come puoi vedere, ho aggiunto alcune opzioni: ho incluso video, registrazioni audio, discussioni e una serie di altre funzionalità che mi saranno utili nel mio lavoro futuro durante la raccolta di contenuti. Tutto questo può essere modificato in futuro senza alcuna restrizione. Ho anche annotato l'indirizzo del mio sito web. Se non disponi di un sito Web o se il suo oggetto non corrisponde al formato della community (riguardano argomenti diversi e non sono in alcun modo correlati tra loro), questa riga può essere lasciata vuota.

In questo caso ho fissato i limiti di età a partire dai 18 anni, per analogia con quelli che gli sviluppatori hanno fissato per il gioco. Anche se ho pochi dubbi sul fatto che anche i bambini giochino.

Qualunque cosa. Il gruppo è stato creato!

Ora puoi iniziare a modellarlo.

Creare un gruppo Vkontakte

Questa fase può essere suddivisa in 2 componenti: grafica e tecnica. Per funzionare, abbiamo bisogno di un modello per creare un avatar di gruppo e un menu, oltre a un po' di immaginazione e conoscenza di base di Photoshop (aka Adobe Photoshop).

Modello di markup

Che cos'è un modello e di cosa si tratta? Un modello è una specie di spazio vuoto. In questo caso, nel formato *.psd, abbiamo segnato le aree per l'immagine sotto il menu e gli avatar del gruppo.

Come puoi vedere nel secondo esempio all'inizio di questo articolo, possiamo realizzare il design nello stesso stile per l'avatar e l'immagine del menu. Allo stesso tempo, viene tagliato visivamente in 2 parti. Quindi il modello ti consente di formare un'immagine in modo tale da eliminare lo spostamento grafico e adattare le immagini il più possibile a un livello.

Per essere più chiaro, ecco un esempio.

Si può notare che in entrambe le parti della foto è presente una fascia con vista sulla zona residenziale. Senza utilizzare un modello, è quasi impossibile farlo esattamente la prima volta. Sarà necessario aggiustare le immagini, misurando discrepanze fino a 1px. Mentre quando si utilizza un modello, aggiungiamo semplicemente elementi grafici all'interno del markup e otteniamo immediatamente il risultato desiderato.

Voglio notare che questo modello è progettato per 1 riga nella spiegazione. Nello screenshot dell'esempio, ci sono i telefoni. Se viene visualizzata una seconda riga, dovrai utilizzare un modello diverso o correggere il design manualmente.

Nel frattempo, si procede direttamente alla progettazione grafica del nostro nuovo gruppo. Qui prendo la strada di minor resistenza e vado su Google Immagini per trovare le parti del disegno. Puoi anche usare Yandex. A chi piace cosa.

Non ho una formazione in design, quindi non ci soffermeremo sulla selezione di caratteri e altre sciocchezze. Dopo un po' di modifiche in Photoshop, ho ottenuto questo risultato.

Sul frammento di sinistra (dove si trova la scritta "Menu") puoi anche aggiungere diversi trigger. In questo caso ho deciso di farne a meno. Qualunque cosa. Il design dell'avatar è pronto. Premiamo la combinazione di tasti di scelta rapida Maiusc + Ctrl + Alt + S in Photoshop e salviamo i nostri frammenti in una cartella sul nostro disco rigido.

La prima fase del lavoro con la grafica è completata. Torniamo in contatto.

Impostazione dell'avatar e del menu per il gruppo

Facciamo clic sui due tipi al posto dell'ava del nostro gruppo e carichiamo la nostra immagine lì. Ecco questi ragazzi, sotto di loro c'è scritto "Carica una foto".

Aggiungiamo un'immagine. Specifica i campi e seleziona la miniatura. Tutto è semplice qui e non dovrebbero esserci problemi.

Come possiamo vedere, è necessario conoscere l'ID comunità. È molto facile riconoscerlo. Troviamo il menu nel nostro gruppo (subito sotto l'avatar) e apriamo le "Statistiche della community". In questo caso, qualcosa di simile apparirà nella barra degli indirizzi del browser (i numeri saranno diversi).

Questi numeri dopo "?gid=" sono l'ID del gruppo desiderato. Inseriamo il valore ricevuto nel form dello script e scriviamo il nome della pagina che vogliamo creare. In questo caso, guido in "Menu".

Va notato che la pagina verrà creata solo se la finestra con il gruppo è aperta nella scheda successiva. In poche parole, devi aver effettuato l'accesso a VK nello stesso browser. Dopotutto, solo l'amministratore del gruppo e le persone a loro assegnate hanno accesso a tali manipolazioni. Un passante casuale non potrà prendere e modificare facilmente le impostazioni di un gruppo al pannello di amministrazione di cui non ha accesso.

Se tutto è stato eseguito correttamente, si aprirà la pagina seguente.

Questa è la stessa finestra in cui faremo un markup wiki un po' più tardi e creeremo un menu interno per il nostro gruppo. Per ora ci basta scrivere qualcosa qui. Quindi fare clic sul pulsante blu "Salva pagina" e in alto fare clic sul collegamento Torna alla pagina.

Ho scritto un "Menu" per me stesso e dopo aver salvato la mia pagina ha iniziato ad assomigliare a questo.

Non c'è ancora il design, ma per ora ci serve solo un link a questa pagina. Lo raccogliamo nella barra degli indirizzi del browser e torniamo alla pagina principale del nostro gruppo. Registrare.

Qui creiamo un post con il seguente contenuto: inseriamo lì un'immagine e un collegamento alla pagina del menu per il gruppo.

Premiamo invia. Quindi clicchiamo sull'ora in cui è stato inviato il messaggio e selezioniamo la voce "Pin" tra tutte le opzioni. Aggiorniamo la pagina (il tasto F5 sulla tastiera) e, se tutto è fatto correttamente, otteniamo il primo risultato: il gruppo ha trovato un avatar e un link per andare alla sezione menu.

Markup wiki per il menu del gruppo Vkontakte

Ora affrontiamo il design del menu stesso. Di nuovo andiamo su Photoshop e creiamo un design per il nostro menu. Quando si progetta l'interfaccia, è necessario ricordare quelle persone che entreranno in VK tramite l'applicazione dai telefoni cellulari. In altre parole, non dovremmo avere piccoli elementi e, inoltre, dovremmo cercare di rendere tutto il più chiaro possibile. In modo che tu non debba indovinare come funziona tutto qui e dove possiamo fare clic ... ma cerca semplicemente l'elemento giusto e studia le informazioni che stai cercando.

Non mi soffermerò ora su come esattamente ho assemblato il menu. Questo è quello che ho fatto.

Campi minimi. Disposizione verticale. Il formato perfetto per un menu reattivo. Cioè, niente andrà da nessuna parte sui telefoni cellulari. Tutto sarà esattamente come sugli schermi di computer e tablet. Prendo la larghezza di 500 px, in modo che in seguito nulla si restringa e non perda due volte la qualità dell'immagine. L'altezza non è importante.

Tagliamo l'immagine in frammenti e li salviamo.

Qualunque cosa. È il momento dell'accordo finale: raccogliamo il menu già nel gruppo stesso.

Per fare ciò, torniamo alla pagina principale del gruppo (dove si trova il feed e la nostra immagine di collegamento che porta al menu). Facciamo clic sull'immagine del menu e arriviamo alla pagina stessa che è stata precedentemente creata per il menu.

Se sei un amministratore o il creatore di un gruppo (nel nostro caso, questo è il caso), nella parte superiore della pagina ci sarà un link "Modifica". Facciamo clic su di esso.

Quindi passiamo alla modalità di markup wiki (sotto il pulsante di chiusura nell'angolo in alto a destra della pagina, una tale cornice è disegnata con<>dentro). Quando la modalità desiderata è attivata, questo pulsante è cerchiato in grigio.

Quindi entriamo nell'icona della fotocamera e aggiungiamo tutti i frammenti del nostro menu in una volta. Nella modalità wiki, non vedremo le immagini stesse, solo il codice di queste immagini con dimensioni e parametri.

Voglio centrare il menu e non avere spazi vuoti tra i frammenti. Pertanto, ciascuno degli elementi è racchiuso in un tag

e al parametro già annidato "noborder" aggiungo il secondo parametro "nopadding". Il primo disabilita il tratto di frammenti e bordi per le celle della tabella. Il secondo rimuove i margini dal bordo.

La prima e l'ultima voce di menu non dovrebbero essere pulsanti: nella mia immagine è solo un elemento grafico senza un collegamento alla pagina interna, quindi aggiungiamo il parametro "nolink". Ciò rimuoverà la possibilità di fare clic su questo elemento per aprire una parte dell'immagine in una finestra separata. Fare clic con il mouse non farà nulla. Questo è il normale sfondo della pagina. Inattivo.

Nel mio caso, il codice del menu è simile a questo.

Separatamente, voglio notare il fatto che dopo aver importato le immagini in VK, il sistema integrato a volte indica in modo errato la dimensione delle immagini. Pertanto, dobbiamo monitorarlo attentamente ed esporre esattamente quelli che abbiamo pianificato in fase di progettazione. Altrimenti, tutto potrebbe andare in pezzi e il puzzle non funzionerà alla fine.

Dopo aver scritto il codice e allineato tutti gli elementi, salviamo la pagina e vediamo la stessa cosa che era in Photoshop.

Il tocco finale rimane: devi creare le stesse pagine in cui il nostro menu invierà le persone. Per fare ciò, ci rivolgiamo nuovamente allo script per la generazione di pagine wiki e questa volta ordiniamo tre pagine contemporaneamente. Allo stesso tempo, è anche necessario scrivere qualcosa su ciascuno e non dimenticare di salvare i loro indirizzi da qualche parte dalla barra degli indirizzi del browser.

Quindi inseriamo i collegamenti a nuove pagine nel codice wiki del menu nella forma page-102302049_51013384, dove il primo numero è l'id del gruppo e il secondo è il numero di pagina. Anche se, in generale, non importa. Dopotutto, dobbiamo solo copiare questo frammento di URL e incollarlo nel markup.

Di conseguenza, il codice del menu assume la forma seguente.

Esternamente, nulla è cambiato. Ma quando facciamo clic sulle voci di menu, possiamo vedere che ora funziona!

Per quanto riguarda il markup stesso e le regole con cui è scritto il codice, ti consiglio di leggere il gruppo Vkontakte appositamente dedicato a questo argomento. I ragazzi hanno descritto tutti i punti chiave e puoi facilmente trovare l'elemento necessario nel loro catalogo e capire come aggiungerlo alla tua pagina wiki.

    Ciao, miei cari!

    Oggi ve lo racconto nel dettaglio come creare un menu per un gruppo vkontakte. Nella mia esperienza menu nel gruppo in contatto aumenta del 20% il numero di bandi e domande. È importante affrontare in modo responsabile la questione della creazione di un menu di gruppo. Pertanto, ho preparato un modello PSD di menu per semplificare il tuo lavoro.

    Per cominciare, oggi ci sono due opzioni di menu:

    Opzione 1: chiudi il menu del gruppo

    Menu chiuso, si apre quando si fa clic sul collegamento. Nell'esempio seguente, il menu si apre cliccando sul link "APRI IL MENU DEL GRUPPO!".

    Opzione 2: apri il menu del gruppo (post bloccato)

    Un menu aperto è essenzialmente un post bloccato con un collegamento attivo.

    La seconda opzione di menu è apparsa relativamente di recente, quando è diventato possibile appuntare post dal muro all'intestazione di un gruppo o pubblico. Ora è il più efficace.

    Entrambe le versioni utilizzano il markup wiki. Marcatura wiki permette di personalizzare in modo semplice e veloce l'aspetto del gruppo, creando tabelle grafiche e spoiler, formattando testi e lavorando con immagini, link e anchor. Non mi soffermerò sul markup in dettaglio, perché. vkontakte ha un editor visivo integrato che traduce automaticamente i tuoi contenuti in markup wiki. Qui darò solo i codici principali, senza i quali è impossibile creare un menu.

    Come creare un menu VKontakte aperto

    Analizzeremo il processo di creazione di un menu usando l'esempio dell'opzione 2, ad es. menu aperto.

    Per facilitarti la navigazione, ho preparato per te Modello di menu PSD: [Attenzione. Il design di VKontakte è cambiato. Nuovo layout e altre informazioni rilevanti in ]

    Modello PSD del menu di gruppo

    Per creare un menu esterno sono necessarie 2 immagini: un avatar (a destra) e uno centrale (immagine-azione).

    Dimensioni avatar: 200 x 332 px

    Dimensioni immagine centrale: 395 x 282 px

    Passo 1.

    Utilizzando il modello PSD del menu di gruppo scaricato sopra, crea due immagini delle giuste dimensioni.

    Passo 2

    Vai al tuo gruppo in "Gestione comunità" (a destra sotto l'avatar). Trova la voce "Materiali" (sotto la scheda "Informazioni") e rendili "Limitati".

    Passaggio 3

    Ora torna alla pagina principale del tuo gruppo e fai clic su "Modifica" nel blocco "Materiali" che appare (l'ho già rinominato in Menu gruppo).

    Nella modifica della pagina, imposta il nome, puoi creare sezioni o qualsiasi altra informazione utilizzando la barra degli strumenti. Fai clic su "Salva pagina" e "Torna alla pagina"

    Passaggio 4

    Nel mio esempio https://vk.com/page-42211349_47355854,

    Le prime cifre 42211349 sono l'ID del tuo gruppo

    Le seconde cifre 47355854 sono l'id della pagina

    Caratteristica: puoi creare pagine aggiuntive manualmente. Per fare ciò, segui il link del modulo:
    https://vk.com/pages?oid=-хххххххх&p=pagename
    dove,
    xxxxxxxxx è l'ID del tuo gruppo
    pagename - il nome della tua pagina

    Passaggio 5

    E posta il post.

    Passaggio 6

    Ora carica l'avatar del gruppo (immagine a destra). Sul muro apparirà un'immagine avatar duplicata: eliminala.

    Passaggio 7

    Ora attenzione. Fare clic su RECORD PUBLISHING TIME (angolo in basso a sinistra del post).

    E fai clic su "Appunta". Chiudi questa finestra e aggiorna la pagina del tuo gruppo (F5).

    Passaggio 8

    Scriviamo lo stato del gruppo (usa solo 1 riga) per allineare le immagini se l'immagine sul tuo avatar non inizia dall'alto (nel mio modello avatar opzione 2). Ed ecco cosa abbiamo:

    TOTALE.

    Il menù è pronto! Ora quando fai clic sull'immagine centrale, si apre il menu:

    Qui puoi modificarlo, pubblicare foto, video, creare nuove sezioni, pubblicare link.

    All'interno del menu principale, puoi anche creare un menu grafico (sottomenu). La sua larghezza non deve superare i 600 px. L'altezza è illimitata. Cosa ti consente di creare eccellenti atterraggi VKontakte.

    Ma di questo parlerò in modo più dettagliato nei prossimi articoli. Iscriviti agli aggiornamenti del blog per tenerti aggiornato sui nuovi chip. Metti mi piace e condividi l'articolo con i tuoi amici.

    Scrivi le tue domande o opinioni nei commenti qui sotto.

Ogni utente del servizio Vkontakte conosce la possibilità di creare gruppi in un account. Tuttavia, non tutti possono presumere che sia possibile passare facilmente da un gruppo alla creazione del proprio sito. Per renderlo possibile, hai bisogno di:

  1. Comprensione teorica del markup Wiki.
  2. Possibilità della sua applicazione pratica.

Marcatura wikiè un linguaggio di programmazione speciale progettato per formattare le informazioni in un gruppo. Con esso puoi:

  • creare tabelle;
  • formattare il testo;
  • creare tag, etichette;
  • eseguire una strutturazione aggiuntiva degli elementi nel gruppo;
  • È interessante organizzare un gruppo nel tuo account sul social network Vkontakte.

Personalizzazione di un gruppo utilizzando il markup wiki

Il markup Wiki ha:

  • somiglianza con un linguaggio di programmazione professionale;
  • Vantaggio rispetto all'HTML sotto forma di una comprensione più semplice di esso e dell'assenza della necessità di studiare informazioni voluminose.

Progettare un gruppo implica creare un unico menù, che può essere sia testuale che grafico. È inoltre necessario fornire supporto durante la navigazione attraverso i pulsanti del menu alle pagine corrispondenti.

I principi di progettazione sono nella creazione della tabella, che è l'elemento base nei menu, nei testi e negli inserti grafici.

Come creare un menu per un gruppo in un contatto usando il markup wiki


Il numero nel gruppo corrisponde al numero ID comunità.


Lavorare con le immagini

Il servizio in questione è ottimo per la progettazione utilizzando immagini sotto forma di foto e immagini.

  1. E' possibile inserire una foto in un gruppo solo se presente nell'album del sito;
  2. È necessario copiare l'indirizzo dell'immagine nell'album fotografico dell'account;
  3. Per creare un indirizzo Wiki, aggiungi doppie parentesi quadre all'indirizzo normale.

Creazione di tabelle con markup wiki

Viene creata la tabella utilizzando un insieme specifico di caratteri disposti in una sequenza particolare. La tabella può essere riempita con qualsiasi contenuto.

  1. Inizio tavola {| ;
  2. Intestazione tabella |+ ;
  3. Nuova linea |- ;
  4. Nuova cella di colore trasparente | ;
  5. Nuova cella oscura ! ;
  6. Fine della tavola |}.

Una tabella creata utilizzando il markup Wiki può includere molte righe e colonne, tabelle nidificate, inserire elementi grafici nelle celle.

Formattazione dei collegamenti con il markup wiki

Come creare un menu grafico in un gruppo?

Il metodo di progettazione di un menu grafico in un gruppo dipende dal suo focus tematico e dalla necessità del funzionamento di alcune sezioni.

Il menù può essere organizzato in:

  • stile del testo;
  • stile grafico.

Un menu di testo è generalmente l'ideale per argomenti seri, aree aziendali, tecnologie IT. Il menu grafico è più simile ad argomenti di intrattenimento.

Il principio di progettazione di entrambi gli stili di menu è in modo tabellare. L'unica differenza è che nello stile grafico è necessario aggiungere alla tabella elementi di immagine preselezionati.

Modelli di markup del menu di gruppo (immagini, tag, tabelle, spoiler)

Per la comodità di progettare la pagina del gruppo, sono disponibili modelli speciali con tag già inseriti. Devi solo fare una scelta e usarli correttamente per lo scopo previsto.

Caratteristiche e segreti del markup wiki

Per creare un gruppo nel tuo account, devi seguire alcune regole e requisiti:

  1. Devi connettere il gruppo al servizio "notizia". La connessione avviene mettendo un "segno di spunta" davanti alla sezione "notizie" nella funzionalità "impostazioni";
  2. Foto inserito nella pagina Wiki solo se l'immagine è posizionata nella pagina principale dell'account nell'album selezionato;
  3. Una pagina wiki non può contenere più di diciassette tag aperti e non chiusi;
  4. Una riga di markup può contenerne fino a otto elementi dell'elenco;
  5. Larghezza immagine inserita non può superare i 610 pixel;
  6. Durante la modifica dimensione dell'immagine, tutte le proporzioni dell'immagine cambiano in proporzione ai loro rapporti di valori.

Applicazioni Vkontakte per il markup wiki

Per facilitare la comprensione del markup Wiki, sono state create applicazioni speciali di significato multidirezionale:

  1. Applicazioni che sono un aiuto all'apprendimento per il markup Wiki. Interattivo Domande frequenti beta l'applicazione fornisce il markup della pagina già pronto. E, a scopo didattico, si offre di ripristinarne la codifica;
  2. Applicazioni che non richiedono assolutamente alcuna conoscenza, mentre svolgono automaticamente il lavoro dell'utente da sole. Questo tipo è Editore wiki. Per progettare un gruppo, è sufficiente conoscere l'editor visivo.

Ogni utente del social network Vkontakte conosce la possibilità di creare gruppi, ma poche persone sanno come procedere da un tale gruppo alla creazione di un sito. In effetti, tutto ciò che ti viene richiesto è la comprensione del markup wiki di Vkontakte e, naturalmente, la capacità di usarlo.

Che cos'è il markup wiki di Vkontakte?

Il markup wiki è un linguaggio speciale per la progettazione di pagine Web informative in un gruppo che crei. Il markup del wiki è considerato uno strumento prezioso, perché può essere utilizzato per creare menu, tag, tabelle, organizzare inoltre la struttura degli elementi di navigazione per spostare oggetti in un gruppo e formare testo.

A cosa serve il markup wiki?

Questo markup wiki gioca un ruolo importante nella progettazione del gruppo, perché con il suo aiuto viene eseguita qualsiasi modifica. Ad esempio, hai deciso di creare un gruppo per fare soldi con i programmi di affiliazione, che ora sono molto popolari.

E qui, davanti all'utente si aprono possibilità illimitate, ma la domanda più importante che le persone hanno è come progettarlo in modo attraente e corretto per attirare i clienti.

Personalizzazione di un gruppo con markup wiki

Vorrei immediatamente notare che il sistema di modifica del markup wiki è molto simile al layout HTML.

Il vantaggio principale del markup wiki è che tutti possono studiarlo, anche gli utenti della rete non molto "avanzati".

Inoltre, uno dei vantaggi di questo markup wiki è che tiene conto di tutte le modifiche alla pagina, quindi puoi confrontare 2 diverse revisioni, il che ti consente di scegliere un'opzione migliore. Tutte le pagine interessate dalle modifiche le visualizzano immediatamente.

Come imparare il linguaggio di markup wiki e conoscere tutte le piccole cose?

Su Internet ho trovato un'istruzione molto dettagliata che descrive tutte le piccole cose sulla creazione di pagine wiki, dall'inserimento di video e audio, al lavoro con collegamenti e tabelle! Questo manuale è in formato guida di Windows, il che significa che può essere aperto da qualsiasi computer.

Come creare pagine

Una pagina è un elemento Internet che contiene informazioni per la visualizzazione generale da parte degli utenti.

La pagina viene generata automaticamente quando si specifica il testo:
[[Titolo articolo]] o [[Titolo articolo|testo link]]

Nelle pagine i testi sono serviti con l'ausilio di tag.

Se hai trovato questo articolo utile o divertente, non dimenticarlo metti il ​​tuo mi piace, questo aiuterà gli altri utenti a trovarlo più velocemente. E posso scoprire cosa ti interessa di più per preparare e scrivere articoli ancora più interessanti e utili! Cordiali saluti, Vyacheslav.

Ci sono tre risposte principali alla domanda "come creare un menu per un gruppo VKontakte": ordina da uno specialista, crea utilizzando un designer online o un armeggiare, approfondisci alcune delle complessità della domanda e fai tutto da solo.

In questo articolo, considereremo a turno tutte e tre le opzioni. A proposito, se dubiti ancora della necessità di un menu per il tuo gruppo o pubblico, assicurati di leggere.

Quindi, ecco tre modi per creare un menu:

Ognuno di loro, ovviamente, ha i suoi vantaggi e svantaggi. Di seguito parleremo dei primi due un po' più nel dettaglio. E per chi decide ancora di seguire il terzo percorso e fa tutto da solo, abbiamo scritto una guida dettagliata (istruzioni).

A proposito, per chi preferisce informarsi tramite video piuttosto che leggere testi lunghi, c'è un video:

Percorso #1. Ordina la creazione di un menu da un designer specializzato

I vantaggi di questo metodo sono la velocità relativa e la minima partecipazione da parte vostra. Contro: il prezzo più alto e la possibilità di ottenere un menu bello ma sbagliato (ci siamo preparati per gli errori principali durante la creazione di un menu). Inoltre, devi ancora trovare un artista. Qui possiamo consigliare di cercarlo sul servizio kwork.ru, nella sezione "Progettazione di gruppi nei social network".

Percorso #2. Utilizzando il costruttore online

Qui, ovviamente, raccomanderemo il nostro costruttore, sul sito in cui ti trovi attualmente. Puoi provarlo gratuitamente. Il pagamento viene effettuato solo se il risultato ti soddisfa e decidi di caricare i menu risultanti nel tuo gruppo. Il vantaggio di questo percorso è che è il più veloce. Inoltre, se necessario, puoi sempre anche modificare e ricaricare velocemente il tuo menu con la metà del costo di creazione. Questo è più conveniente che cercare un designer ogni volta che è necessario, ad esempio, aggiungere o rimuovere un elemento dal menu. Gli svantaggi del metodo: qui dovrai fare un bel po', ma lavorare da solo.

Percorso #3. Fai tutto da solo

I vantaggi di questo percorso sono evidenti: è gratuito e acquisisci nuove competenze. I contro sono che hai bisogno di una certa abilità e un bel po' di tempo (per la prima volta). Ecco cosa ti serve:

  • Essere in grado di utilizzare un editor grafico con sicurezza. Ad esempio, Photoshop. Quando crei un menu, dovrai prima rendere l'immagine delle dimensioni corrette (al pixel, non "circa"!), Quindi tagliarla correttamente (dividi in frammenti)
  • Essere in grado di comprendere le istruzioni e leggerle attentamente
  • Non mollare e non disperare se qualcosa non funziona la prima volta

Se pensi di poter fare tutto questo, allora iniziamo.

Passaggio #0. Informazioni generali su come sono organizzati i menu di gruppo VK

Il menu per il gruppo è composto da pagine wiki, la cui creazione è supportata da VK. Le pagine wiki sono pagine speciali che possono essere create solo in pubblico. Si differenziano dai normali post in quanto possono utilizzare il cosiddetto markup wiki. Questo markup è un codice speciale che viene convertito in oggetti di formattazione aggiuntivi. Per essere più chiaro, lascia che ti spieghi. Ad esempio, nei post normali puoi usare solo testo normale, mentre il markup wiki ti consente di mettere in grassetto o corsivo parti del testo. Cioè, introduce ulteriori opzioni di progettazione. In particolare - la possibilità di inserire immagini, quando viene cliccato, l'utente verrà reindirizzato a un collegamento. Sono queste opzioni di formattazione aggiuntive che vengono utilizzate per rendere il menu pubblico VK. Come esattamente farlo, lo descriveremo di seguito.

Passo 1. Fase preparatoria

Se hai già un gruppo esistente, ti consigliamo di crearne uno nuovo. Per prove e sperimentazioni. Altrimenti, nel processo di apprendimento, rischi di inondare i tuoi iscritti con aggiornamenti strani e non necessari.

Quindi, hai creato un nuovo gruppo. Scopriamo ora l'identificatore (ID) del tuo gruppo. L'ID gruppo è il suo numero VKontakte univoco. Vai al tuo gruppo e fai clic su "Post della community" (se non ci sono post nel gruppo, invece di "Post della community" sarà "Nessun post"). In verrai reindirizzato a una nuova pagina con un indirizzo come questo:

https://vk.com/wall- XXX?proprio=1

Invece di XXX avrai una serie di numeri (e solo numeri!). Questo è il tuo ID comunità. Ad esempio nel ns gruppo di prova questo è 154457305.

Ora creiamo una nuova pagina wiki nel gruppo. Per fare ciò, creeremo un collegamento come questo:

http://vk.com/pages?oid=- id_gruppo&p= Nome_pagina

http://vk.com/pages?oid=- 154457305 &p= Menù

Apri il link risultante nel tuo browser (copialo nella barra degli indirizzi del tuo browser e vai all'indirizzo). Ecco fatto, hai creato una pagina wiki chiamata "Menu" (a meno che, ovviamente, tu non abbia specificato "Menu" come nome della pagina nel collegamento). Dovresti vedere questo testo: “La pagina del menu è vuota. Riempi di contenuto. Nell'angolo in alto a destra c'è un'icona a forma di matita (). Fare clic su di esso per andare alla modifica della pagina.

L'editor di pagine wiki VK ha due modalità: modalità grafica e markup. Le modalità vengono commutate dal pulsante nella parte in alto a destra dell'editor (). Quando il pulsante è evidenziato in blu, significa che la modalità layout è abilitata. La modalità di modifica visiva è più conveniente, perché ti permette di fare a meno di conoscere la sintassi del markup wiki, ma la sua funzionalità è estremamente limitata: puoi fare solo le cose più semplici al suo interno. Fondamentalmente dovrai occuparti della modalità layout.

Presta attenzione a due cose. Innanzitutto, a sinistra del pulsante per cambiare modalità di modifica, c'è un pulsante per richiamare le informazioni della guida sul markup wiki (). Una cosa molto utile, soprattutto per i principianti. La seconda cosa a cui prestare attenzione è l'indirizzo della pagina wiki. Nella barra degli indirizzi del tuo browser vedrai qualcosa del genere:

http://vk.com/page-id_gruppo _XXX?atto=modifica&sezione=modifica

Parte dell'indirizzo prima del "?" è l'indirizzo della tua pagina wiki. Scrivilo da qualche parte: in VK non c'è modo di vedere un elenco delle tue pagine wiki e dei link ad esse. Per andare a quello che ti serve, devi conoscerne l'indirizzo o utilizzare il link per creare nuovamente una pagina wiki. Quando si utilizza quest'ultimo metodo, tenere presente che le pagine, se esistono già, non vengono ricreati.

Passo 2. Creazione di un menu semplice per un gruppo VKontakte

Quindi, abbiamo creato una pagina wiki "Menu". Passa alla modalità di layout dell'editor e aggiungi il codice seguente:

Fare clic sul pulsante "Anteprima", che si trova nella parte inferiore dell'editor. Dovresti vedere un elenco di tre collegamenti. I primi due sono esterni e portano rispettivamente alle pagine principali di Yandex e Google. Il terzo collegamento è interno. Porta al VK pubblico con ID "1" (questo è il gruppo VK ufficiale per gli sviluppatori). Se hai un codice nell'anteprima e non i collegamenti (su cui puoi fare clic) - significa che hai inserito il codice in modalità di modifica visiva, non in modalità markup. Stai attento!

Si noti che i collegamenti esterni nel codice wiki VK sono formattati con parentesi singole e i collegamenti interni con parentesi doppie. Allo stesso tempo, i collegamenti interni di VK non sono indicati come il solito indirizzo del sito Web, ma come un puntatore a uno o un altro oggetto VK. Ad esempio, un puntatore a un gruppo ha la seguente notazione:

club id_gruppo

In VKontakte, ci sono puntatori non solo ai gruppi, ma anche a singole foto, post, pagine wiki, pagine utente, registrazioni audio, ecc. Ogni indice ha la propria notazione. Più avanti ne useremo alcuni e li esamineremo più in dettaglio.

Assicurati di salvare la pagina. Fondamentalmente, abbiamo appena creato una semplice pagina di navigazione. Che non è altro che il più semplice menu per il gruppo VKontakte. Naturalmente, questo non è ancora un menu grafico, ma può anche far fronte al compito principale del menu: indirizzare rapidamente gli utenti al luogo di cui hanno bisogno nel pubblico. Come creare un menu grafico, lo considereremo un po 'più tardi.

E ora scopriamo come e dove puoi utilizzare le pagine wiki.

Passaggio 3 Dove posso pubblicare pagine wiki su VKontakte

Ci sono due posti principali: puoi creare un post con un link a una pagina wiki, oppure puoi pubblicarlo nella sezione "Contenuti" della tua community.

Cominciamo con la prima opzione. Inizia ad aggiungere un nuovo post alla bacheca del tuo gruppo. Allega prima qualsiasi foto ad esso. È meglio scattare una foto sufficientemente grande con una larghezza maggiore dell'altezza. Quindi incolla nel testo del post che stai creando un link alla pagina wiki che hai creato con un semplice menu. Questo è ciò che ti abbiamo chiesto di registrare un po' prima. Ricordiamo che il link si presenta così ( avrai altri numeri):

http://vk.com/page-121237693_72827423

Adesso eliminare il testo collegamenti dal campo di immissione. Il link stesso sotto la foto non scomparirà da questo. Ma se lasci l'indirizzo del link nel campo di testo, verrà visualizzato come testo nel post. Pubblica un post, ricarica la pagina del browser con la home page del tuo gruppo e blocca il post. Ricarica nuovamente la pagina. Come risultato di queste manipolazioni, dovresti ottenere qualcosa del genere:

Fai clic sulla foto nel post appuntato e la tua pagina wiki dovrebbe apparire con un semplice menu di gruppo.

Quindi, abbiamo appreso che le pagine wiki possono essere allegate ai post. In particolare - al post appuntato. Il secondo posto in cui puoi usare il markup wiki è nella sezione Contenuto.

Vai alle impostazioni della community e trova lì la gestione delle sezioni della community (servizi). Contrassegna "Materiali" come "Limitato". Un nuovo elemento apparirà ora nella parte superiore della home page della tua community. Si trova a destra della voce "Informazioni". Quando accendi i materiali per la prima volta in un gruppo, questo elemento viene chiamato "Ultime notizie" per impostazione predefinita. Ecco come appare:

Vai a questo nuovo elemento. Fare clic sulla scheda "Modifica". Di conseguenza, ti ritroverai nel già familiare editor di pagine wiki. L'unica differenza è che c'è un campo per inserire il nome della pagina. Cambialo da "Ultime notizie" a "Menu2". IN modalità di modifica del markup inserisci il seguente codice:

"""Opzione di menu per la sezione "Materiali""""


[]

Fai un'anteprima (dovrebbero apparire i link che già conosciamo) e salva la pagina. Fondamentalmente, questa pagina è la pagina wiki principale (root) del tuo gruppo. È vero, non c'è alcun significato pratico speciale in questa differenza rispetto ad altre pagine wiki.

Vai alla pagina principale del tuo gruppo, ricaricalo e guarda cosa succede. Ti consigliamo di visualizzare il tuo gruppo da un browser mobile e dall'applicazione VK. Noterai che la disposizione degli elementi e la logica del lavoro sono leggermente diverse ovunque. È necessario capire bene cosa si riferisce a cosa e dove viene mostrato.

Abbiamo appreso che il menu può essere posizionato in due posti. È preferibile realizzarlo sia sotto forma di post appuntato che nella sezione "Materiali". Ricorda due cose:

  • Un post appuntato verrà visto dal 98% dei tuoi visitatori e solo il 25-40% dei più curiosi accederà alla sezione dei materiali, così come i vecchi utenti fedeli del tuo gruppo che sanno che c'è qualcosa di utile lì.
  • Un post appuntato con un'immagine per chiamare il menu può essere integrato con del testo. In questo modo non perderai questa funzione di post bloccato. Ma non dovresti nemmeno esagerare: più testo, più basso sarà il link per aprire il tuo menu.

Il markup wiki non è lo strumento più potente e non il più conveniente. La sua funzionalità è fortemente limitata. Inoltre, è stato sviluppato all'alba dello sviluppo di VKontakte ed esclusivamente per la sua versione browser su computer desktop e laptop. Pertanto, il suo lavoro nell'applicazione e sui dispositivi mobili è meglio descritto dall'espressione "come Dio lo mette sull'anima". Sfortunatamente, non c'è ancora niente di meglio in VK.

A proposito. Puoi collegarti da una pagina wiki a un'altra. Funziona così: l'utente apre (ad esempio, utilizzando un'immagine di collegamento in un post) la prima pagina wiki. E ha collegamenti ad altre pagine wiki. Cliccando su questi collegamenti si aprirà la pagina wiki corrispondente. In questo modo è possibile creare menu e, ad esempio, istruzioni piuttosto complessi e multilivello. Tuttavia, non ti consigliamo di lasciarti trasportare inutilmente da questo.

Passaggio 4 Come creare un menu in un gruppo VKontakte. Grafico

Quindi, i principi di base sono padroneggiati. Passiamo alla progettazione di un menu grafico. Facciamo subito una prenotazione che faremo con un menù piuttosto semplice: una fila verticale di pulsanti con dei link. Ma non abbiate fretta di dire “no, volevo un menù super complicato” e chiudete questa guida. Ora spieghiamo perché.

In primo luogo, passare dal semplice al complesso è di solito il modo più efficiente per apprendere nuove conoscenze. Imparando a creare un menu relativamente semplice, imparerai il 90% delle tecniche per creare menu per gruppi VK.

E in secondo luogo, come abbiamo già detto, il markup wiki VK è stato introdotto in un momento in cui poche persone hanno sentito parlare di applicazioni mobili. Il nostro menu condizionatamente "semplice" funzionerà nel modo più corretto ed efficiente possibile ovunque: nella versione browser di VK, nei browser mobili e, infine, nell'applicazione. Molti menu "complessi" non possono vantarsene. Inoltre, nella maggior parte dei casi, un menu "semplice" funzionerà meglio di uno "complesso" che "va in pezzi" se visualizzato nell'applicazione VKontakte ufficiale. Molto spesso, è meglio fermarsi a questa opzione di menu. Sì, ci sono implementazioni di menu piuttosto elaborate. Puoi sperimentare anche con loro. Ma la nostra esperienza dice che praticamente non aggiungeranno alcun vantaggio reale: conversioni, acquisti e reputazione. E i problemi - abbastanza possono.

Il nostro menu di prova sarà simile a questo:

Ci sono solo due pulsanti. Il primo porterà alla pagina principale di "Yandex" e il secondo al gruppo VK "Team VKontakte".

Il menu grafico verticale in VK è un'immagine tagliata a strisce. Queste strisce vengono posizionate utilizzando il markup l'una sotto l'altra nella pagina wiki. Ad alcune di queste "corsie" sono assegnati collegamenti. Quando si fa clic su un tale collegamento-immagine, infatti, la transizione avviene su questo collegamento. Una corsia è un collegamento. Ad alcune fasce (ad esempio quelle intermedie, che si trovano tra i punti), al contrario, viene assegnata l'assenza di collegamento. Tali bande diventano "non cliccabili".

La creazione di un menu grafico verticale per un gruppo VK si riduce alla seguente sequenza di azioni:

  • Il primo passo è disegnare il menu. La larghezza deve essere rigorosamente 600px(pixel). In altezza, consigliamo di rendere il menu non superiore a 900px. Il risultato viene salvato al meglio in formato PNG, come ultima risorsa: JPG. Usa strumenti di disegno familiari e comodi (come Photoshop o GIMP). Il risultato qui dipende per il 95% dalle tue capacità creative e tecniche. Anche se non sai usare gli editor grafici, non disperare. Le abilità che saranno sufficienti vengono acquisite in un massimo di un paio d'ore. C'è un'enorme quantità di informazioni di riferimento e educative su Internet. Inoltre, la possibilità di utilizzare almeno un po' un editor grafico è molto, molto utile per gli amministratori pubblici. Non perderai tempo.
  • Successivamente, l'immagine con il menu viene tagliata a strisce orizzontali. Puoi farlo in qualsiasi modo conveniente per te: dal solito Photoshop ai vari servizi online. Se non hai idea di come farlo, chiedi al tuo motore di ricerca preferito. Non descriveremo nel dettaglio la parte tecnica del processo di taglio: ci sono decine di modi, alcuni sono adatti ad alcuni utenti, ma non ad altri. Durante il taglio, è necessario osservare una semplice regola: l'altezza di una striscia non deve essere inferiore a 60px. In caso contrario, potresti avere problemi a visualizzare il menu nell'applicazione e nei browser mobili: ci saranno i cosiddetti. "strisce bianche" tra le immagini.
  • Le "strisce" tagliate vengono caricate nell'album del gruppo o nell'album nella pagina di amministrazione del gruppo. Consigliamo la seconda opzione. In ogni caso, l'album con le parti del menu a fette dovrebbe essere nel pubblico dominio. In caso contrario, gli utenti per i quali le immagini dell'album non sono disponibili non vedranno il tuo menu!
  • Un codice di markup wiki viene compilato e inserito nella pagina wiki desiderata.
  • Il gruppo contiene un post appuntato con un collegamento immagine alla pagina wiki con il menu. Abbiamo scritto in dettaglio su come viene creato un post del genere sopra. Inoltre, il codice (con piccole modifiche) può essere aggiunto alla pagina wiki radice (la voce a destra della voce "Informazioni", appare quando la sezione "Materiali" è abilitata. Vedi sopra per i dettagli).

E ora affrontiamo il caricamento delle parti del menu e del codice wiki in modo più dettagliato. Abbiamo preparato per te. Ha due directory: "1" e "2". Il primo contiene parti dell'opzione di affettatura più primitiva e semplice per il nostro menu, in due parti. Scarica l'archivio, carica le immagini (1.png e 2.png) dalla directory "1" in un nuovo album (sulla tua pagina o in un gruppo).

Abbiamo due "fasce": quella superiore (con il pulsante "Yandex") e quella inferiore (con il pulsante "VK Command"). Entrambi saranno immagini di collegamento. Nel markup wiki, questo viene fatto con un codice come questo:

"COLLEGAMENTO"è il collegamento di destinazione. Ad esempio, https://yandex.ru/. Oltre al solito esterno link, questa può essere un'indicazione di un oggetto VKontakte: un post, una pagina utente o un gruppo. Ad esempio, in modo che dopo aver premuto il pulsante ci sia una transizione alla community di VKontakte Team, puoi specificare sia il suo indirizzo (https://vk.com/team) sia un puntatore ad esso (club22822305). Fondamentalmente, non ci sarà alcuna differenza. Collegamenti esterni (quelli che non portano a risorse VK) noi consigliamo di ridurre attraverso

Articoli correlati in alto