Vuoi avere un posto dove puoi pubblicare esempi di lavoro, blog e pubblicizzare i tuoi servizi? Di solito un sito web viene creato per questi scopi. Ma c'è un'altra via d'uscita più semplice: un gruppo Vkontakte con markup wiki. In questo articolo, spiegherò come crearlo.

Pratica e ancora pratica! Descriverò il processo sull'esempio di un vero gruppo - Copywriting futuristico.

Sto lavorando con un nuovo design per Vkontakte. Quello vecchio diventerà presto obsoleto, quindi non lo prenderò in considerazione. In ogni caso, il processo non è molto diverso.

La prima cosa da fare è creare un nuovo gruppo:

• Apri la sezione "Gruppi".
• Fare clic sul pulsante "Crea comunità".

Creiamo una nuova comunità

• Inserisci il titolo. Specifica qualsiasi - può essere modificato in qualsiasi momento tutte le volte che vuoi.
• Ora seleziona il tipo di comunità: gruppo o pagina pubblica. La differenza è descritta sopra.

Gruppo o pagina pubblica?

• Fare clic su Crea comunità.
• Qui puoi cambiare il titolo specificato e selezionare il tipo di pagina (puoi anche cambiarlo in qualsiasi momento).
• Non dimenticare di accettare i Termini di utilizzo del sito.

Scegli un tipo di pagina

• Fare clic su Crea pagina.

Evviva, comunità creata!

Modifica delle informazioni sulla comunità

Subito dopo aver creato un nuovo gruppo, verrai indirizzato alla pagina "Modifica informazioni". Cosa c'è qui:

• Nome. Non credo sia necessario spiegare. L'unico campo obbligatorio.
• Descrizione della comunità. Scrivi qualche parola su di te e sul tuo gruppo. Non vale la pena scrivere molto: nessuno lo leggerà.

Tutti i campi, ad eccezione del nome, possono essere lasciati vuoti.

Più configurazioni

Quando hai finito con le impostazioni, fai clic su "Salva".

Gruppo creato

Ora puoi caricare l'immagine principale. Clicca su "Carica foto" a destra.

Carichiamo un'immagine per la pagina

Specificare il percorso nell'immagine. Metti il ​​​​tuo logo, foto o disegna (ordina) qualcosa di speciale lì. Usa la cornice per selezionare l'area che diventerà l'immagine principale della comunità.

Evidenziare l'area desiderata con una cornice

Ora seleziona una piccola area rotonda che diventerà la miniatura del tuo gruppo.

Anche la dimensione del cerchio può essere modificata.

Ecco cosa abbiamo. La pagina è diventata più attraente del 35%!

La bellezza!

Non dimenticare lo stato. Anche lì puoi scrivere qualcosa di interessante. Ad esempio, il tuo slogan o i dettagli di contatto. O un annuncio che oggi è il tuo giorno libero.

È qui che finisce il lavoro preparatorio e inizia la parte più difficile: il markup del wiki.

Come trovare l'ID del gruppo

Un menu, un post sul blog, un elenco con esempi di lavoro: creeremo tutto questo utilizzando le pagine wiki. Vkontakte è un servizio disgustoso che non dispone di strumenti per creare una nuova pagina. Invece, dovrai usare gli script. Non aver paura, è semplice, anche se scomodo.

Per lo script, dovrai conoscere l'ID del tuo gruppo. Se non hai cambiato il suo indirizzo, questi sono i numeri nella barra degli indirizzi che seguono la parola "club". Ho già cambiato, quindi un modo così semplice per ottenere l'ID non è disponibile per me.

Fare clic su qualsiasi post sulla bacheca per aprirlo. Se non c'è niente, scrivi qualcosa. Qualsiasi cosa.

Crea qualsiasi post e fai clic su di esso

I nuovi dati appariranno nella barra degli indirizzi. Quello al centro tra "muro-" e "_" (trattino basso) è l'ID della tua pagina. Salvalo da qualche parte.

Il mio ID è 124301131

Crea una pagina wiki

Ora puoi utilizzare lo script per creare nuove pagine con markup wiki.

http://vk.com/pages?oid=-124301131&p=Nome

Copia questo e incollalo nella barra degli indirizzi del tuo browser. Sostituisci il mio ID con il tuo. E invece della parola "Nome" scrivi il nome della pagina creata. Puoi usare la lingua russa, gli spazi, i numeri. Quindi premere Invio per seguire il collegamento ed eseguire lo script.

Stai attento! Il nome di una pagina wiki non può essere modificato. Se ci sono errori di battitura, dovrai crearne uno nuovo.

Per prima cosa creiamo la pagina principale. L'ho chiamato "Menu".

Copia lo script nella barra degli indirizzi

Fare clic su Riempi con contenuto.

Apri l'editor di pagine

Ecco l'editor della pagina. Ma per ora non abbiamo bisogno di lui, ma di un collegamento. Guarda la barra degli indirizzi. Vuoi tutto fino alle parole "?act=edit§ion=edit".

Assicurati di salvare l'ID della pagina e un link ad essa

Questo è un punto molto importante. La nuova pagina non è ancora appuntata da nessuna parte e nessun collegamento conduce ad essa. Se lo chiudi, perderai.

Ti consiglio di creare un file separato che memorizzerà la struttura del tuo gruppo. Fallo nella forma "Titolo - link - ID pagina". L'ID è "pagina-124301131_50771728". Ne avrai ancora bisogno.

Ecco, ad esempio, la struttura del mio gruppo Overheard. Menu e altre 2 pagine. Ho anche lanciato uno script qui per creare nuove pagine. Per facilitarne la ricerca.

Salva tutti i collegamenti e gli ID in fascicolo separato non perdere

Cosa succede se hai salvato solo l'ID della pagina, ma ti sei dimenticato dei link? Inserisci l'indirizzo "https://vk.com/page-124301131_50771728" nella barra degli indirizzi. Naturalmente, sostituisci l'ID della tua pagina.

Aggiungi un wiki a un gruppo

Hai già creato la pagina principale stessa. Ora deve essere risolto al vertice della comunità. Per fare ciò, copia il link alla pagina e incollalo in un messaggio sulla bacheca. Vkontakte creerà automaticamente un collegamento al pulsante e lo allegherà sotto il post.

Basta copiare il link alla pagina nel post

Il pulsante rimarrà anche se il collegamento testuale viene rimosso

Carica un'immagine. La larghezza massima dell'immagine è 510 px. Anche l'altezza massima è di 510 px. All'interno di questi valori, puoi fare qualsiasi cosa. Un quadrato 510x510 è il banner più grande che puoi realizzare. Questo vale per qualsiasi post, non solo per quelli appuntati.

Ho fatto qualcosa del genere

Fai clic su invia. Ora fai clic sull'icona dei tre punti nell'angolo in alto a destra del post. E fai clic su "Fissa".

Ora fissa il post con un link

Allo stesso modo, puoi annunciare articoli nel tuo blog wiki. Semplicemente non è necessario allacciarli.

Ricarica la pagina. Le informazioni sul gruppo sono scomparse. Invece, è apparso un post che hai creato con un link e un'immagine.

Cliccando sull'immagine si aprirà la pagina wiki allegata

Se fai clic sull'immagine o sul pulsante "Visualizza", si aprirà la pagina wiki.

Finora è vuoto

Per ora non toccheremo quello principale. Non abbiamo ancora il resto delle pagine. Niente da dare link. Facciamo prima altre cose.

Layout della pagina wiki di Vkontakte

Non descriverò tutti i tag di layout esistenti. Tutto è già stato scritto prima di me. C'è gruppo ufficiale Vkontakte, dedicato al markup wiki. Ci puoi trovare di tutto. Tutto è ordinato per argomento: prendilo e applicalo.

Ti mostrerò come applicare le conoscenze di questo gruppo nella pratica. Creiamo una pagina Chi sono. Per iniziare, crealo utilizzando uno script, annota l'ID e vai alla pagina di modifica.

Ci sono 2 modalità nella pagina di modifica: modalità normale e markup. Per qualche ragione, il solito è spietatamente difettoso: interrompe costantemente i collegamenti. E la maggior parte delle funzioni in esso contenute non sono disponibili. Ecco perché cerco di non lavorarci. Per passare alla modalità markup wiki, fare clic sull'icona<>in alto a destra.

Passa alla modalità markup wiki

Cosa dovrebbe esserci nella pagina Informazioni su di me? Alcune informazioni, un elenco di vantaggi rispetto ad altri copywriter, forse una fotografia. Facciamolo.

Prima scrivi il testo. Personalmente, è più conveniente per me scrivere nel mio preferito e poi copiare nell'editor di Vkontakte. Non dimenticare di fare clic su "Salva pagina" dopo ogni modifica.

Ora aggiungiamo una foto. Fare clic sull'icona della fotocamera e immettere il percorso dell'immagine.

Fare clic sull'icona della fotocamera sulla barra degli strumenti

Ecco la nostra foto

Voglio che il testo si avvolga attorno all'immagine, quindi aggiungerò un parametro "sinistra". E non voglio che le persone possano aprire versione completa foto, quindi ho aggiunto l'attributo "nolink". Maggiori informazioni sugli attributi nel gruppo che ho collegato sopra.

Aggiunta dei parametri "nolink" e "left".

Per vedere il risultato, vai a modalità normale con un bottone<>.

Non molto carino

Ridimensioniamo la foto. Basta annotare le dimensioni necessarie nella modalità markup. Ho specificato i valori la metà di quelli originali.

Specifica le dimensioni desiderate nella modalità layout wiki

Ora facciamo un elenco. Evidenziare la riga richiesta e fare clic sull'icona dell'elenco.

Questo pulsante inserisce il tag *, che crea una voce di elenco

Sarà preceduto da un "*". Questo è il tag della lista. Puoi impostarlo manualmente o utilizzare il pulsante sulla barra degli strumenti. Controlla il resto della lista.

già più bello

Ora dobbiamo evidenziare le intestazioni. La barra degli strumenti dispone di pulsanti per la progettazione di intestazioni H1-H3.

Usa i pulsanti o imposta i tag manualmente

"Su di me" Farò l'intestazione del primo livello. E la frase davanti alla lista è di terzo livello.

Quasi fatto

Tutto è quasi buono, ma il secondo titolo è uscito un po 'dall'immagine. Devi aggiungere una riga vuota. In modalità markup wiki, questo viene fatto utilizzando il tag
.

Aggiunta di una riga vuota

Se hai solo bisogno di saltare 1 riga -
non serve per questo. Viene utilizzato se si desidera ottenere 2 o più righe vuote di seguito.

Forse alcune parole possono essere evidenziate in grassetto. Seleziona il frammento desiderato e premi il pulsante "B" o usa la combinazione di tasti Ctrl + B.

Funziona anche Ctrl+B

Ecco cosa è successo alla fine.

Credo che sia buono

Creare un portfolio Vkontakte

Ora creiamo un portafoglio conveniente per i clienti. Vedo 2 modi:

• Crea album con schermate e una pagina di elenco con collegamenti a ciascuno.
• Crea una pagina separata per ogni lavoro e una pagina elenco.

Ad esempio, progetterò 2 opere nel portfolio, ognuna a modo suo.

Album portafoglio

Per creare un album, apri il menu Gestisci community.

Vai alle impostazioni della community

Qui, seleziona la casella accanto a "Album fotografici". Ora puoi crearli. Salva le modifiche.

Aggiungi un blocco con album fotografici

Nella pagina della community, fai clic sul pulsante "Aggiungi foto" e specifica il percorso dei file desiderati.

Aggiungi screenshot del nostro lavoro all'album

Diciamo che voglio aggiungere un articolo al mio portfolio su come acquisire schermate di testi che non si adattano allo schermo. Per fare ciò, prendo uno screenshot dell'articolo e lo taglio in piccoli pezzi in un editor grafico.

Per che cosa? Perché altrimenti il ​​testo sull'immagine sarà troppo piccolo e illeggibile. C'è poco senso da un tale portafoglio. E così l'ho suddiviso in un mucchio di frammenti separati di dimensioni normali e l'ho aggiunto a un album Vkontakte separato.

Ho 4 pezzi di testo e una miniatura. Passa il mouse su qualsiasi immagine e fai clic sull'icona "Sposta foto".

Sposta le nuove immagini in un nuovo album

Crea un nuovo album.

Fai clic su "Al nuovo album"

Dai all'album lo stesso titolo dell'articolo. Per facilitarne la ricerca. Non hai bisogno di una descrizione. Seleziona anche le caselle accanto a "Le foto possono essere aggiunte solo da editor e amministratori" e "Disabilita commenti album". Fai clic su Crea album e trasferisci.

Dai un nome all'album e impedisci ad altri utenti di cambiarlo

Trasferisci il resto degli screenshot allo stesso modo. Solo ora non è necessario creare un nuovo album: esiste già.

Seleziona un album già creato dall'elenco

Ecco cosa abbiamo ottenuto.

Album con pezzi di testo

Per gli album successivi, non ci saranno tali emorroidi con il trasferimento. Fare clic su "Album fotografici".

Apri l'elenco degli album della tua band

Ora fai clic sul pulsante "Crea album" nell'angolo in alto a destra. Dagli un nome e carica una nuova porzione di screenshot utilizzando il pulsante "Aggiungi foto".

Crea un album per il nuovo testo nel portfolio

Ecco fatto, ora abbiamo 2 album che memorizzano screenshot di 2 articoli. Abbastanza, forse.

2 album con screenshot

Crea una pagina Portfolio e annota il suo ID. Su di esso non collocheremo le opere stesse - solo titoli, miniature e brevi descrizioni.

Fare clic sull'icona "Aggiungi foto".

Aggiunta di una nuova immagine alla pagina

Fai clic su "Scegli tra le foto della community". Apri l'album desiderato e seleziona la tua miniatura.

Trova la tua miniatura aggiunta all'album

In una nuova scheda, apri l'album o il primo screenshot al suo interno. E copia il suo collegamento (interamente). Devi inserirlo nel tag della foto tra la barra verticale | e parentesi quadre di chiusura ]].

Inserisci un collegamento tra i simboli | e ]]

Quindi otterrai una miniatura, quando fai clic su di essa, l'album o lo screenshot desiderato si aprirà con l'inizio del testo (a seconda di cosa specifichi il collegamento).

Pagina del portafoglio

Bene, qui è tutto molto più semplice. Crea una nuova pagina wiki e non dimenticare di annotarne l'ID. Fai clic sull'icona "Aggiungi foto" e carica uno screenshot del tuo testo, pretagliato in piccoli pezzi. Idealmente 1 immagine - 1 paragrafo.

Per che cosa? Perché Vkontakte comprime le immagini in modo abbastanza forte. Se carichi uno screenshot intero e poi lo allunghi per riempire l'intera pagina, la qualità sarà scadente. Piccoli frammenti non soffriranno così tanto.

Ora disattiva la modalità markup wiki (se era attiva).

Torna alla modalità standard per vedere il risultato

Non male, ma non abbastanza. Clicca sulla prima immagine. Nelle impostazioni che si aprono, imposta la larghezza (cella sinistra) su 607 px. Questa è la dimensione massima di un'immagine su una pagina. L'altezza cambierà automaticamente.

Imposta la larghezza dell'immagine su 607 px

Ecco cosa è successo. Allo stesso modo, aumenta tutti gli altri frammenti di testo.

Il primo frammento è diventato notevolmente più grande

Pertanto, puoi inserire testo di qualsiasi lunghezza nella pagina wiki. La cosa principale è che può essere letto a una larghezza di 607 px.

Uno screenshot intero del testo sulla pagina wiki

Infine, abbiamo bisogno degli ID delle pagine che hai registrato. Apri la pagina del tuo portfolio.

Carica una miniatura su di esso (da un album creato o da un computer). Ora inserisci l'ID della pagina con il testo tra le parentesi quadre di chiusura ]] e la barra verticale |.

Copia l'ID della pagina con il testo tra i simboli | e ]]

Anzi, tutto. Ora, quando si fa clic sulla miniatura, il visitatore verrà reindirizzato alla pagina con il testo.

2 delle nostre miniature di collegamento

Fare un elenco di opere

Ora rendiamo il nostro portfolio più presentabile e user-friendly. Aggiungerò un titolo, titoli di opere, piccole descrizioni e link al sito dove sono pubblicate. Ecco cosa è successo.

Aggiungi alcune informazioni su ogni lavoro

Creazione della pagina "Servizi e prezzi"

Abbiamo già una pagina Informazioni e bellissimo portafoglio. Forse è il momento di mostrare ai clienti il ​​cartellino del prezzo. Penso che lo organizzeremo sotto forma di un tavolo. Semplice e chiaro. Crea una nuova pagina wiki, salva l'ID e andiamo.

Puoi leggere di più su tutti i tag necessari per la disposizione di un tavolo.

Prima di approfondire il wiki, markup creando menù interattivo, è necessario eseguire alcuni passaggi preparatori, prima di tutto modificare alcune impostazioni nel gruppo. Clicca su "Community Management", apri "Discussioni" e collega "Materiali".

Ora passiamo alla preparazione delle immagini. Se non lavori con editori grafici, dovrai rivolgerti a liberi professionisti. Ulteriori lavori verrà mostrato usando Photoshop, ma può essere fatto in altri editor.

Noi prepariamo campione per il gruppo VKontakte secondo l'immagine.

Le dimensioni della finestra A, in cui verrà posizionato il menu, possono differire da quelle indicate. Tutto dipende da quale dimensione hai impostato i pulsanti del menu. Nella versione proposta è previsto un pulsante per riga. Se devi posizionare due pulsanti per riga, la larghezza della finestra A deve essere ridotta a un massimo di 377 px. L'altezza di questa finestra nella maggior parte dei casi è selezionata empiricamente. Nella versione proposta, l'altezza di 377 px è stata scelta quando si posiziona ogni elemento di informazione su una riga nella prima pagina del gruppo.

Successivamente, prepariamo un'immagine adatta, scriviamo le iscrizioni e tagliamo l'intero disegno in sezioni, tenendo conto del fatto che ogni singola sezione, con la corrispondente iscrizione, fungerà da pulsante del menu. Come fare tutto questo, non approfondiremo qui, poiché questo articolo non è un tutorial di Photoshop.

Dopo aver salvato ed eliminato i frammenti non necessari (Photoshop taglia e salva anche l'intera immagine e anche i campi bianchi), rinomineremo i frammenti, numerandoli nell'ordine della loro posizione nel menu.

Ora passiamo al gruppo. Dopo aver regolato le impostazioni, sul muro sono apparse due schede: "Ultime notizie" e "Discussioni". Clicchiamo su " Nuovo argomento» nella scheda discussioni e crea la prima pagina del nostro menu.

Deve essere denominato in accordo con il nome del menu grafico e compilare il campo con una descrizione. Dopo aver inserito tutte le informazioni necessarie, fai clic su "Crea un argomento".

Il tuo messaggio apparirà sul muro. Allo stesso modo, creiamo il numero di pagine di cui abbiamo bisogno (secondo le sezioni del menu).

Dopo aver completato le operazioni preparatorie, possiamo procedere alla modifica del nostro menu. Per fare ciò, abbiamo bisogno della scheda "Ultime notizie". Passaci sopra e fai clic su "Modifica".

Inoltre, il già familiare ci aprirà. Essendo in modalità di modifica visiva, facendo clic sull'icona della fotocamera nell'editor, carichiamo tutti i frammenti nell'ordine in cui si trovano nell'immagine complessiva. Stiamo anche cambiando il nome in qualcosa di più comprensibile per i nostri visitatori. Successivamente, passiamo alla modalità wiki - markup e modifichiamo il codice.

Codice di esempio per il menu in questione:

[]
[]
[]
[]

È importante tenere presente che per i frammenti che non fungono da pulsante, è necessario scrivere "nolink" invece di un collegamento alla pagina. In caso contrario, il frammento sarà selezionabile e ogni volta che fai clic su di esso, il frammento stesso si aprirà come immagine separata.

Se tutto è stato eseguito correttamente e non è stato commesso alcun errore nel codice, quando torni al nostro gruppo e dopo aver fatto clic sul nome della scheda (menu principale del gruppo), si aprirà il menu che abbiamo creato, che sembra un intero insieme all'avatar. Il menù interattivo e la veste grafica del gruppo sono un'unica composizione. Quando fai clic sulle sezioni del menu, arriviamo alle sezioni corrispondenti del gruppo.

Se il menu non corrisponde al livello inferiore con l'avatar, nel codice nel frammento inferiore, modificando l'altezza in px, ottenere l'allineamento. Se questo viene visualizzato come un'immagine, nel modello originale dell'editor grafico, apportare modifiche alla dimensione del frammento desiderato e ridisegnare il layout.

Abbiamo visto come menù interattivo o organizzare un gruppo in stile wiki. Se hai domande sul processo di preparazione stesso, scrivi nei commenti e insieme cercheremo di risolverle.

Sempre più spesso vengono utilizzati per condurre affari, vendere beni o servizi. Un ottimo strumento che semplifica il lavoro con un gruppo è un menu creato utilizzando il markup wiki.

Recentemente, il numero di pubblici che utilizzano l'elenco wiki è cresciuto in modo significativo. Dopotutto, questo è un ottimo modo per dare al gruppo un aspetto più piacevole ed estetico e aiuta anche i partecipanti a navigare più facilmente attraverso tutte le sezioni.

In questo articolo, ti diremo come creare una pagina wiki Vkontakte per un gruppo, come creare un menu in un gruppo VK, quali tipi esistono, come creare e molto altro.

La creazione di una pagina wiki cliccabile è possibile grazie al fatto che l'editor di testo VK ha la capacità di utilizzare il markup wiki. Ti consente di inserire immagini, collegamenti ad esse, video e altri elementi utilizzando comandi speciali.

L'elenco consente di creare collegamenti diretti a ciascuna categoria di beni/servizi oa varie sezioni/discussioni della community (ad esempio portfolio, come ordinare, informazioni sull'azienda, ecc.). Qualsiasi utente può trovare le informazioni necessarie premendo solo 1 pulsante.

Questa soluzione è un navigatore per i visitatori ordinari e funge da design bello ed elegante per la comunità. È uno strumento interattivo che le persone saranno felici.

Sfortunatamente, gli sviluppatori VK non hanno ancora creato la possibilità di inserire un elenco wiki nella pagina wiki principale del pubblico (finora è solo in una nuova scheda). Pertanto, le persone sono costrette a innovare e creare post separati che portano a una pagina con un menu.

Comandi e funzionalità di base del menu wiki

La funzionalità della pagina wiki è molto ampia. Con esso, puoi rendere il tuo menu visivamente piacevole, ben leggibile e strutturato.

Sfortunatamente, non saremo in grado di inserire assolutamente tutte le squadre nel nostro materiale, quindi parleremo solo di alcune.

Creazione di un menu utilizzando file multimediali

Viene eseguito utilizzando pulsanti speciali.

In formato testo, i file multimediali sono: [​].

Dove media XXXX_YYYY è il file multimediale stesso, le opzioni sono varie impostazioni (per foto e video), il collegamento è la didascalia che verrà visualizzata quando passi il mouse sopra la foto/video.

Per le opzioni foto sono:

Per video:

Creiamo intestazioni di vari livelli utilizzando i segni ==

Aggiungi i segni "==" all'inizio e alla fine del titolo. Guarda lo screenshot per un esempio:

Lavoriamo con il testo delle intestazioni per la progettazione del menu del gruppo VKontakte

Puoi anche utilizzare le seguenti opzioni di testo: corsivo, grassetto o grigio, barrato o sottolineato, apice o pedice. È anche possibile allineare il testo al centro oa destra. Di seguito una tabella con i comandi:

Usare le virgolette per attirare l'attenzione

L'uso del tag ti consentirà di inquadrare magnificamente la citazione di qualcuno.

Gli elenchi possono essere utilizzati sia numerati che puntati.

Per un elenco numerato, usa il simbolo "#" prima di ogni nuovo elemento.

Per elenco puntato simile al precedente, solo con il segno "*".

Lavorare con i rientri

Per indentare, aggiungi un ":" prima della parola. A seconda del numero di caratteri, il rientro aumenterà o diminuirà.

Collegamenti interni nel menu del gruppo

Questi sono collegamenti a risorse sociali interne. rete "VKontakte" (collegamento a una persona, comunità, discussione, applicazione, pagina, video e immagine). Vengono aggiunti utilizzando la seguente costruzione: [].

Collegamenti esterni nella creazione del menu VKontakte.

Il markup Wiki crea un menu tabella

Puoi anche creare una tabella utilizzando la pagina wiki e il markup. Vedi schermata:

Spoiler informativo

Con esso, puoi nascondere o rivelare le informazioni con un clic. Adatto se devi creare una sezione con "Domande frequenti".

Viene creato uno spoiler utilizzando la costruzione:

((Hider|Nome spoiler
Testo
}}

E sarà simile a questo:

Pertanto, i team contribuiranno a creare un elenco completo con tutti gli elementi di progettazione.

Tipi di menù: cosa sono?

Le pagine Wiki su VKontakte possono essere suddivise in base a diversi criteri:

• Testo (solo testo);
• Grafico (utilizzando immagini di pulsanti, sfondi, ecc.).

Per display (a seconda dell'immagine utilizzata):

• W coperto (la struttura stessa non è visibile);

• Aperto (tutti gli elementi sono visibili contemporaneamente);

• Con uno striscione adiacente o comune (può essere sia aperto che chiuso).

Indipendentemente dal tipo scelto, funzionano tutti secondo lo stesso principio.

Inoltre, non aver paura di combinare questi tipi. Ad esempio, puoi prima creare una parte grafica con pulsanti (sfondo, stile, design), quindi integrarla con vari informazioni testuali(ad esempio, "Domande frequenti", utilizzando spoiler).

Come creare un menu di testo

Meno popolare e più semplice è l'elenco di testo su una pagina wiki. Non contiene immagini o pulsanti. È solo un elenco di link di ancoraggio.

Sotto è istruzioni passo passo come creare un elenco di testi per un gruppo VK:

1. Per prima cosa devi creare una community. Per fare ciò, vai su "Gestione comunità" e seleziona la sezione "Sezioni". Trova la riga "Materiali", seleziona la voce "Limitato" e salva le impostazioni.

1. Avanti pagina iniziale pubblico apparirà "Ultime notizie". Vai a loro e fai clic su "Modifica".

1. Inserisci un nome.
2. Sotto è editor di testo VC. Qui è dove creeremo la nostra lista.
3. Usa il seguente costrutto:

Fai tutti i punti necessari. Ogni nuovo oggetto nuova linea. Qui puoi usare i vari comandi di cui abbiamo parlato sopra.

Ad esempio, scriveremo una costruzione semplice e piccola:

1. Fare clic su Salva.

Qui abbiamo usato i segni "==" per evidenziare l'intestazione e i segni "*" per evidenziare gli elementi secondari. Di conseguenza, abbiamo ottenuto quanto segue:

Pertanto, dopo aver eseguito solo pochi passaggi, abbiamo ottenuto un menu wiki completamente comprensibile, in cui ogni elemento ti consentirà di accedere rapidamente alla pagina desiderata.

Puoi aggiungere qualsiasi cosa, purché la tua immaginazione e le possibilità del markup wiki siano sufficienti.

Come creare un menu grafico

Per creare un menu grafico, devi avere almeno competenze di base nel lavorare con editor grafici (come Photoshop, GIMP, varie applicazioni eccetera.). Se non li hai, allora possiamo consigliarti di utilizzare l'aiuto di professionisti o risorse con modelli già pronti(leggi di più sotto).

Qui parleremo di come creare tu stesso un menu di una pagina wiki. Di seguito è riportata una guida passo passo:

1. Segui i passaggi 1-3 delle istruzioni precedenti.
2. Devi creare immagini vuote con i pulsanti. Parla in dettaglio del lavoro in redattori grafici non lo faremo, poiché ci sono molti tutorial sul web per lavorare con Photoshop e altri programmi.
   Prenderemo le seguenti immagini.

Tutte e tre le immagini fanno parte di una grande. Pertanto, quando creiamo una navigazione, queste immagini sembreranno un'immagine intera con i pulsanti posizionati su di essa.

1. Carichiamo le immagini nell'editor di testo VKontakte.

1. Facendo clic su ciascuna immagine, è possibile selezionare le opzioni e fornire un collegamento.

1. Sulla destra c'è un passaggio tra le modalità di modifica visiva e di testo.

1. Nella versione testuale, le nostre immagini hanno questo aspetto:

1. Cambia la scritta "noborder" in "nopadding" per rimuovere la distanza tra le immagini e chiuderle. E dopo il segno "|" aggiungere un collegamento.

1. Fare clic su "Salva pagina".

Di conseguenza, abbiamo ottenuto questo menu:

Con un piccolo sforzo e ingegno, puoi creare un design originale che si adatterà disegno complessivo gruppi.

Come risolvere

Affinché il menu wiki creato venga visualizzato nella pagina principale della comunità, è necessario eseguire i seguenti passaggi:

1. Crea un nuovo post.
2. Copia il link del tuo menu. Per fare ciò, vai di nuovo su modifica e copia l'URL da barra degli indirizzi navigatore.

Per prima cosa aggiungi un'immagine, vedi l'immagine qui sotto.

Ora pubblica e fissa il post.

Qui dovrai lavorare sodo sull'immagine. Dopotutto, sarà costantemente in vista, dovrebbe anche adattarsi al design generale del pubblico e dire agli utenti che facendo clic verranno portati al menu.

Come eliminare

Rimuovere un menu wiki non è un compito difficile. Basta andare su "Community Management", sezione "Sections" e disattivare i materiali.

È importante ricordare che se hai utilizzato un post appuntato, rimarrà. Pertanto, dovrà anche essere cancellato (o almeno rimosso da quelli appuntati).

Modelli pronti

Vorremmo anche presentare alla tua attenzione i servizi, con l'aiuto dei quali puoi scaricare modelli già pronti o crearne di nuovi in ​​​​pochi clic.

• You-ps.ru è un servizio con modelli di menu wiki già pronti e altri elementi di design della comunità già pronti.

• Vkmenu.com è un designer online. Ti consente di creare facilmente e rapidamente menu eleganti.

Inoltre, l'assunzione di un professionista può essere attribuita a soluzioni già pronte. Anche in questo caso non devi fare tutto da solo, ma dovrai pagare.

Risultato

Abbiamo esaminato cos'è un menu wiki nelle comunità VKontakte. Abbiamo imparato come crearlo e utilizzare vari comandi.

Riteniamo che il menu non sia stato ancora apprezzato. Per un largo numero gente, questo "markup wiki" è qualcosa di super complesso e spaventoso. Non vogliono nemmeno accettarlo. Ma in realtà, come vediamo, tutto è abbastanza semplice.

Non aver paura di sperimentare ed essere originale!

Ciao. Oggi parleremo delle pubblicazioni wiki su VKontakte. Dopo aver letto questo articolo, imparerai per cosa utilizzare i post wiki, tre modi per creare un post wiki, come modificare il nome di una pagina wiki e quali applicazioni sono utili durante la creazione di un post wiki.

Le pubblicazioni Wiki sono pagine speciali su VKontakte con le quali è possibile espandere le funzionalità standard della rete. Formatta e impagina un articolo, crea un menu di pulsanti con la navigazione della community, crea giochi, crea un libro di testo elettronico e molto altro.

Articoli

Le pubblicazioni Wiki consentono di formattare gli articoli con igiene editoriale per una facile lettura.

Invece di un foglio di testo, puoi ottenere un articolo con illustrazioni in base al testo, con video e audio, il testo avrà i rientri e le intestazioni corretti. Tutti gli articoli SMMplanner su VKontakte sono progettati tramite pubblicazioni wiki.

I wiki aiutano gli autori a comunicare i contenuti in modo facile da leggere, i wiki sono indicizzati dalle reti di ricerca e i wiki possono essere distribuiti come guest post per indirizzare il traffico verso la tua comunità.

I collegamenti alle pubblicazioni wiki possono essere inseriti in altri pubblici SMM come guest post e ricevere traffico verso la tua comunità.

Gli articoli di contenuto vengono spesso visualizzati nei primi risultati di ricerca di Yandex e Google insieme agli articoli dei blog. Per promuovere le comunità, puoi utilizzare l'ottimizzazione SEO dei contenuti.

Il mio articolo 60 modi a volte arriva in cima alle SERP, ma abbastanza raramente.

Menù

I post wiki sono spesso indicati come menu wiki perché la funzione dei post wiki ti consente di creare un menu della community e navigare attraverso le sezioni della community.

Per prima cosa vediamo il post nella community

Ci sono molte opzioni su come creare un menu, la maggior parte delle quali sono descritte in Wiki della comunità. A Kairos ha creato qualcosa come una pagina di destinazione con una barra di navigazione.

Giochi

Utilizzando le pubblicazioni wiki, puoi creare semplici giochi di ricerca:

Abbiamo esaminato i tre motivi più popolari per utilizzare i post wiki per le comunità su VKontakte. Diamo un'occhiata al lato tecnico.

Crea post wiki

Per impostazione predefinita, le comunità VKontakte non dispongono di funzionalità che ti consentano di creare rapidamente e facilmente post wiki. Conosco tre opzioni per la creazione di post wiki. Complesso, semplice, tramite l'app Source Code e semplice, tramite l'autorizzazione di Chrome.

Il modo più difficile è scrivere manualmente il collegamento nella barra degli indirizzi. Richiesto nel link:

Sostituisci -XXX con il tuo ID comunità e "Nome pagina" con il nome corretto della pagina. Nei dettagli il metodo è descritto nelle SMM. Sono troppo pigro per ricordare il collegamento, troppo pigro per tornare costantemente a questo articolo, quindi mi rivolgo a un life hack, creo una pagina, attraverso risoluzione vkopt su Chrome.

Con l'autorizzazione, viene visualizzato un pulsante "Elenco delle pagine wiki" nel menu a comparsa nelle impostazioni della comunità.

L'estensione ti consente di sbirciare le pubblicazioni wiki in altre comunità e creare nuove pagine nella tua. Puoi scoprire il markup wiki utilizzato per la pagina e scoprire la data di creazione della pagina.

Facendo clic sul pulsante "aggiungi", verrà visualizzata una nuova pagina wiki

Il programmatore SMMplanner per la creazione di pubblicazioni wiki utilizza applicazione del codice sorgente, mi sembra che le pagine "Codice sorgente" vengano create un po' più a lungo.

Devi andare all'applicazione e, di fronte alla community, selezionare il pulsante "Nuovo". Puoi quindi creare nuova pagina.

Nella modalità di modifica wiki, sono disponibili due modalità: modalità visiva e modalità codice. Le funzionalità complete del markup wiki possono essere trovate in Wiki della comunità, tutto è descritto in modo sufficientemente dettagliato.

Per me è più conveniente lavorare con codice pulito che in un editor visivo, ma dipende dal grado di conoscenza dei codici di markup.

I codici di markup wiki più "importanti"*

*Che uso più spesso

Intestazione di primo livello. Per la progettazione dell'intestazione di primo livello, i simboli "==" sono utilizzati su entrambi i lati dell'intestazione.

Offset dal bordo della pagina. Per indentare, usa il simbolo ":" prima di un paragrafo. Più due punti, più rientranza. Uso questo markup per mostrare esempi e separarli dal livello di testo principale.

Testo grigio. Per fare un esempio, sto usando il markup che rende grigio il testo nero. Ciò richiede il markup ' e serve il testo di chiusura '» (togliere gli spazi prima della parentesi di chiusura)

Tabelle. Puoi parlare e raccontare molto sui tavoli, li uso regolarmente.

Una tabella inizia con "(|" e termina con "|)", per denotare una riga, viene utilizzato il codice "|-" e per dividere la riga in celle, "| ".

In una tabella, uso spesso:
Bordi invisibili della tabella: noborder;
Espandi la tabella alla larghezza della pagina (per impostazione predefinita, la tabella viene creata a 500 px e la larghezza della pagina wiki è 600 px): nomargin;
Colonne a larghezza fissa (per impostazione predefinita, la tabella viene allungata a seconda del contenuto). Se devi creare tre colonne della stessa larghezza, dopo aver scritto il codice per aprire la tabella, scrivi |~33 33 33 nella riga successiva.

Preventivo con tabella incorporata a tre colonne

Come rinominare le pagine con nomi errati

In passato, se commetti un errore nel nome della pagina, dovrai creare una nuova pagina con il nome corretto. Ma i lavoratori SMM hanno trovato una scappatoia, quando apri una pagina wiki con il nome sbagliato, scrivi / market alla fine della barra degli indirizzi e vai a una nuova pagina. Apparirà un pulsante per modificare il nome della pagina, il metodo è descritto più dettagliatamente nel materiale "

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 rendere possibile tutto ciò, è necessario:

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 un'ulteriore strutturazione degli elementi nel gruppo;
• Progetta in modo attraente un gruppo nel tuo account in rete sociale In contatto con.

Personalizzazione di un gruppo utilizzando il markup wiki

Il markup Wiki ha:

• somiglianza con linguaggio professionale programmazione;
• vantaggio su Linguaggio HTML sotto forma di una comprensione più semplice e l'assenza della necessità di studiare informazioni voluminose.

La progettazione di un gruppo comporta la creazione di un unico menù, che può essere sia testuali che grafici. È inoltre necessario fornire supporto durante la navigazione attraverso i pulsanti del menu verso le pagine corrispondenti.

I principi di progettazione sono nella creazione della tabella, che è elemento base nel menu, inserti testuali e grafici.

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

Il numero nel gruppo corrisponde al numero ID della 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 un'immagine in un gruppo solo se si trova nell'album del sito;
2. Devi 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

La tabella è creata utilizzando uno specifico set di caratteri disposti in una sequenza particolare. La tabella può essere riempita con qualsiasi contenuto.

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

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

Formattazione dei collegamenti con 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 è solitamente l'ideale per argomenti seri, aree di business, tecnologie IT. Il menu grafico è più simile agli argomenti di intrattenimento.

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

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

Per comodità di progettazione della 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 determinate regole e requisiti:

1. Devi connettere il gruppo al servizio "notizia". Il collegamento si effettua apponendo un "segno di spunta" davanti alla sezione "news" nella funzionalità "impostazioni";
2. Immagine 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ò contenere fino a otto elementi della lista;
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 facilità di comprensione, sono stati creati i markup Wiki applicazioni speciali 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 è Redattore wiki. Per progettare un gruppo, è sufficiente comprendere l'editor visivo.