Σχεδιασμός μενού για μια ομάδα σε επαφή. Πώς να δημιουργήσετε μια ομάδα σε επαφή με ένα καρφιτσωμένο επάνω μενού για τη νέα σχεδίαση VK

Χαιρετισμούς αγαπητοί φίλοι. Στη σημερινή ανάρτηση θέλω να μιλήσω για το πώς να δημιουργήσετε ένα μενού για μια ομάδα VKontakte. Το να το κάνεις αυτό δεν είναι τόσο δύσκολο όσο μπορεί να φαίνεται με την πρώτη ματιά και αν έχεις τουλάχιστον βασικές γνώσεις Photoshop ή Paint, τότε σίγουρα θα τα καταφέρεις. Ας ξεκινήσουμε λοιπόν.

Με τη σωστή δομή, το μενού μπορεί να αυξήσει τον αριθμό των πωλήσεων ή τη ροή των πελατών για την επιχείρησή σας, αυτό εξαρτάται ήδη από την εστίαση της ομάδας. Για παράδειγμα, εξετάστε το σχεδιασμό ενός ηλεκτρονικού καταστήματος ένδυσης:

Η δομή διαμορφώνεται πολύ καθαρά, με λίγα σχεδόν κλικ ο χρήστης μπορεί να βρει όλα όσα χρειάζεται: αριθμούς τηλεφώνου, διευθύνσεις, πληροφορίες παραγγελιών, κατάλογο προϊόντων κ.λπ. Κατά τη γνώμη μου, αυτό το σχέδιο βοηθά στην αύξηση των πωλήσεων κατά τουλάχιστον 2 φορές.

Σε αυτήν την έκδοση, το μενού είναι ένας κατάλογος προϊόντων χωρισμένος σε ενότητες, γεγονός που καθιστά την αναζήτησή τους πολύ βολική. Το avatar της κοινότητας περιέχει αριθμούς επικοινωνίας πολλών χειριστών, οι οποίοι θα επιτρέψουν στους πελάτες να έρθουν γρήγορα σε επαφή με τον πωλητή.

Ακολουθεί ένα παράδειγμα κακής λύσης:

Ο κατάλογος έχει σχεδιαστεί με τη μορφή συνηθισμένων συνδέσμων που οδηγούν σε έναν άγνωστο προορισμό. Συμφωνήστε ότι δεν υπάρχει ιδιαίτερη επιθυμία να τα διασταυρώσετε, αντίθετα, θέλετε να φύγετε από την ομάδα.

Σε αυτά τα παραδείγματα, εξετάσαμε επιλογές σχεδίασης για ηλεκτρονικά καταστήματα, αλλά μπορείτε να χρησιμοποιήσετε κάτι παρόμοιο σε άλλα θέματα. Η φόρμουλα είναι απλή: σαφής δομή + γραφικό σχέδιο = εισροή πελατών και αυξημένες πωλήσεις.

Τώρα ας τα δούμε όλα αυτά από τεχνική άποψη.

Δημιουργία μενού για μια ομάδα VKontakte

Πρώτα απ 'όλα, ας δημιουργήσουμε μια γραφική διάταξη του μελλοντικού μενού. Για το σκοπό αυτό, θα χρησιμοποιήσουμε το Photoshop (για μια απλή εικόνα, το τυπικό Paint θα κάνει μια χαρά). Ανοίξτε το πρόγραμμα και δημιουργήστε ένα νέο έγγραφο:

Θα δημιουργήσω μια εικόνα με μέγεθος 500x500 pixel, ωστόσο, ανάλογα με τον αριθμό και τη θέση των τμημάτων, το μέγεθος της εικόνας μπορεί να είναι διαφορετικό.

Τώρα κατεβάστε την εικόνα που θέλετε να χρησιμοποιήσετε ως φόντο και σύρετέ την στον καμβά σας. Εάν είστε ικανοί στο πρόγραμμα, μπορείτε να σχεδιάσετε μόνοι σας το φόντο.

Στη συνέχεια, γράψτε προσχεδιασμένες ενότητες, κουμπιά και αριθμούς τηλεφώνου στην εικόνα φόντου. Αργότερα θα τα μετατρέψουμε σε συνδέσμους:

Για να κάνετε περικοπές όσο το δυνατόν ακριβέστερα, πρέπει να χρησιμοποιήσετε βοηθητικές γραμμές πατώντας CTRL+R. Τοποθετήστε το ποντίκι σας πάνω από την επάνω γραμμή και σύρετέ το πάνω στην εικόνα κάπως έτσι:

Το τελευταίο βήμα είναι να κόψετε τα αντικείμενα. Για να το κάνετε αυτό, κάντε κλικ στο κουμπί "Slices From Guides" στην επάνω γραμμή εργαλείων:

Αποθηκεύουμε το πλαίσιο για συσκευές web. Ορίστε τη μορφή εικόνας σε JPG, επιλέξτε τη μέγιστη ποιότητα και αποθηκεύστε, για παράδειγμα, στην επιφάνεια εργασίας σας:

Στην επιφάνεια εργασίας εμφανίστηκε ένας φάκελος με το πλαίσιο του μελλοντικού μενού, το οποίο πρέπει να μεταφέρουμε στην ομάδα.

Εμφάνιση ενός μενού χρησιμοποιώντας τη σήμανση Wiki

Στην ομάδα σας, μεταβείτε στη "Διαχείριση κοινότητας" και ελέγξτε εάν η ενότητα "υλικά" είναι συνδεδεμένη. Εάν το διαμέρισμα είναι απενεργοποιημένο, συνδέστε το:

Μετά από αυτό, η καρτέλα "Τελευταία νέα" θα εμφανιστεί στην ομάδα. Κάντε κλικ στο κουμπί "επεξεργασία", θα μεταφερθείτε σε ένα πρόγραμμα επεξεργασίας κειμένου:

Αντί για τον τυπικό τίτλο, γράψτε τον δικό σας και ενεργοποιήστε επίσης τη λειτουργία σήμανσης wiki κάνοντας κλικ στο εικονίδιο με το διαμάντι:

Τώρα ανοίξτε την ομάδα σε μια νέα καρτέλα και ανεβάστε το προετοιμασμένο πλαίσιο στο άλμπουμ φωτογραφιών και επικολλήστε τον ακόλουθο κώδικα σε ένα πρόγραμμα επεξεργασίας κειμένου, όσες φορές είναι ο αριθμός των τμημάτων στα οποία χωρίζεται το πλαίσιο:

[ [ photo133337_133701019|370px;nopadding;|σελίδα- 13333337 _13333337] ]

Αντί για την τιμή "photo133337_133701019" πρέπει να εισαγάγετε έναν σύνδεσμο προς τη φωτογραφία

Αντί για την τιμή "page-13333337_13333337" πρέπει να εισαγάγετε έναν σύνδεσμο προς την επιθυμητή σελίδα ή ενότητα ομάδας

Αντί για 370 εικονοστοιχεία, μπορείτε να επιλέξετε τις δικές σας διαστάσεις και η παράμετρος nopadding σας επιτρέπει να εμφανίσετε μια πλήρη εικόνα χωρίς αυτήν, το μενού μας θα εμφανιζόταν σε κομμένα κομμάτια.

Κάνοντας κλικ στο κουμπί "Προβολή", μπορείτε να δείτε πώς θα φαίνεται το μενού στην ομάδα. Εάν όλα σας ταιριάζουν, κάντε κλικ στην επιλογή "Αποθήκευση αποτελεσμάτων" και απολαύστε τη δουλειά που έχετε κάνει.

Ο στόχος του δημιουργού μιας ομάδας στα social media. δίκτυα για να προσελκύσουν περισσότερους επισκέπτες. Είναι σημαντικό ο επισκέπτης να θέλει να εγγραφεί, να υπογράψει, να διαβάσει πληροφορίες, να αφήσει ένα σχόλιο ή να παραγγείλει ένα προϊόν. Η ανάγκη για το τελικό αποτέλεσμα διαφέρει από την κατεύθυνση της δραστηριότητας.

Τα πρώτα δευτερόλεπτα της διαμονής διαμορφώνουν τις περαιτέρω ενέργειες του επισκέπτη. Αυτός είναι ο λόγος για τον οποίο η διεπαφή παίζει μεγάλο ρόλο.

Παράγοντες που αφήνουν έναν επισκέπτη:

• avatar?
• περιγραφή;
• Ονομα;
• όμορφο και πρακτικό μενού.
• πολύχρωμο?
• περιεχόμενο.

Είναι εύκολο να δημιουργήσετε ένα πρακτικό μενού που παρακινεί περισσότερα από τη δράση. Αλλά πρώτα πρέπει να καταλάβετε τι πρέπει να είναι.

Πώς πρέπει να είναι το μενού;

Χρησιμοποιώντας ένα καλά σχεδιασμένο μενού, ο επισκέπτης μπορεί εύκολα να περιηγηθεί σε αυτό και να λάβει γρήγορα απαντήσεις στις ερωτήσεις του. Η πλοήγηση σάς επιτρέπει επίσης να δημιουργήσετε τη σωστή εντύπωση του έργου.

Τρεις κύριοι στόχοι των ομάδων:

1. εκπτώσεις;
2. αύξηση της κυκλοφορίας?
3. αύξηση των ενεργών επισκεπτών.

Για πωλήσεις, η ομαδική πλοήγηση αντικαθιστά την εμφάνιση στο κατάστημα.

Τα πιο σημαντικά κουμπιά πρέπει να είναι εδώ:

1. κατάλογος;
2. τιμή;
3. διανομή;
4. προωθητικές προσφορές·
5. κριτικές.

Για να αυξήσετε την επισκεψιμότητα, δίνεται έμφαση στο περιεχόμενο και τη γεύση του ιστότοπου ή του ιστολογίου.

Ένα κατά προσέγγιση σύνολο κουμπιών:

βίντεο: μενού για κοινό

Εργασία με Photoshop

Πριν ξεκινήσετε, πρέπει να οπτικοποιήσετε το σχέδιο ή τη συνολική εμφάνιση, καθώς και τα στοιχεία του. Δεν απαιτούνται ειδικές γνώσεις, απλώς ακολουθήστε τα βήματα των οδηγιών.

Αλγόριθμος ενεργειών:

Αυτό γίνεται χρησιμοποιώντας το εργαλείο Rectangular Marquee:

Εργασία με γραφικά:

Θα πρέπει να μοιάζει κάπως έτσι:

Αποθηκεύστε το ορθογώνιο που βρίσκεται στα δεξιά ως ξεχωριστή εικόνα, ορίζοντας το μέγεθος σε 200x500 pixel. Αυτό είναι ένα έτοιμο avatar, που μεταφορτώνεται μέσω του κουμπιού "Μεταφόρτωση φωτογραφίας" στην ομάδα VK.

Η δεύτερη εικόνα πρέπει ακόμα να διαιρεθεί με τον αριθμό των πόντων. Αυτό γίνεται για να αντιστοιχιστεί ένας σύνδεσμος σε κάθε κουμπί.

Πρώτα πρέπει να κάνετε τη σήμανση:

Δημιουργία θραυσμάτων:

Αποθήκευση εικόνων:

Τεχνικό μέρος

Οι ολοκληρωμένες εικόνες πρέπει να μεταφερθούν στην ομάδα. Ακολουθώντας τα παρακάτω βήματα, αυτή η εργασία μπορεί να ολοκληρωθεί εύκολα.

Σπουδαίος! Η μεταφόρτωση ενός μενού διαφέρει από τη συνηθισμένη μεταφόρτωση φωτογραφιών ή εικόνων.

Όλα με τη σειρά:

Τώρα το πιο σημαντικό είναι γιατί έγιναν όλα αυτά. Προσθήκη λειτουργικότητας μενού. Σε μια ξεχωριστή εικόνα πρέπει να εκχωρηθεί ο δικός της σύνδεσμος.

1. βρείτε την απαιτούμενη καταχώρηση.
2. κάντε αριστερό κλικ πάνω του.
3. αντιγράψτε τη διεύθυνση URL στη γραμμή διευθύνσεων.

• μεταβείτε στην πηγή όπου πρέπει να μεταφέρετε τον επισκέπτη.
• αντιγράψτε την απαιτούμενη διεύθυνση.

Αποθηκεύστε τις αλλαγές χρησιμοποιώντας το αντίστοιχο κουμπί στο κάτω μέρος του παραθύρου.

Προσοχή! Οι αλλαγές ενδέχεται να μην αντικατοπτρίζονται αμέσως. Συνιστάται να αποσυνδεθείτε στο κύριο προφίλ σας και στη συνέχεια να συνδεθείτε ξανά στην ομάδα.

Πώς να δημιουργήσετε ένα μενού σε μια σήμανση wiki ομάδας VKontakte

Η σήμανση Wiki είναι μια ειδική γλώσσα που χρησιμοποιείται για το σχεδιασμό ιστοσελίδων σε ομάδες κοινωνικών δικτύων.

Αυτό το εργαλείο σας επιτρέπει να δημιουργήσετε:

• υπάρχοντα;
• ασυνήθιστα μενού?
• σημάδια?
• στοιχεία πλοήγησης.
• μορφή κειμένου.

Με μια λέξη, αυτή η σήμανση σάς επιτρέπει να δημιουργήσετε έναν mini ιστότοπο VKontakte. Αυτό είναι πολύ βολικό, ειδικά για πωλήσεις και στρατολόγηση συνδρομητών.

Αυτό το σχέδιο αναγκάζει διαισθητικά τον επισκέπτη να μείνει και να κάνει κλικ στο κουμπί. Δηλαδή καθυστερεί και διεγείρει τη δράση – και αυτό ακριβώς χρειάζεται.

Οπτικά, ένα τέτοιο σύστημα μοιάζει πολύ με τη διάταξη HTML. Δεν απαιτεί όμως πολύωρη εκπαίδευση και ιδιαίτερη νοοτροπία.

Βίντεο: μενού με αναζήτηση ανά κατηγορία

Αποχρώσεις της δημιουργίας

Στην πραγματικότητα, αυτό που έγινε παραπάνω (διαίρεση και φόρτωση της εικόνας) είναι ήδη στοιχεία σήμανσης. Αυτό είναι το πλεονέκτημα αυτού του εργαλείου. Αυτόματη μετατροπή σε ετικέτες κατά την απλή φόρτωση εικόνων.

Ωστόσο, είναι σημαντικό να γνωρίζετε τις επιμέρους ετικέτες για να προσθέσετε ακόμα περισσότερη λειτουργικότητα και ομορφιά. Για παράδειγμα, όταν γεμίζουμε μεμονωμένα μέρη της εικόνας, μπορεί να σχηματιστούν λευκές ρίγες μεταξύ τους. Μπορείτε να τα αφαιρέσετε προσθέτοντας απλώς την ετικέτα noborder.

Σαν αυτό: []

Οι κύριες ετικέτες παρουσιάζονται στον παρακάτω πίνακα:

Φωτογραφία: ετικέτες που χρησιμοποιούνται για τη σήμανση

Εργασία με εικόνες

Όπου οι επιλογές αντικαθίστανται από:

• χωρίς σύνορα- αφαίρεση του πλαισίου γύρω από την εικόνα.
• nopadding- αφαίρεση κενών μεταξύ των εικόνων.
• πεδιάδα- Εισαγάγετε έναν σύνδεσμο προς την εικόνα. Σχεδιασμένο ως κείμενο, χωρίς γραφικά.
• nolink- αφαίρεση του συνδέσμου προς την εικόνα.
• κουτί- άνοιγμα μιας εικόνας σε ένα παράθυρο.
• NNNxYYYpx ή NNNpx- ορίζει το μέγεθος της φωτογραφίας σε pixel.

Δημιουργία πίνακα

Ανεξάρτητα από το είδος του μενού (κείμενο ή γραφικό) που δημιουργείτε, είναι απίθανο να κάνετε χωρίς να εισάγετε πίνακα. Διαφορετικά, μπορείτε απλώς να επικολλήσετε το κείμενο στο πεδίο ειδήσεων και να μην το μορφοποιήσετε, χάνοντας τόσο πολύ χρόνο.

Ένας πίνακας δημιουργείται χρησιμοποιώντας ένα ειδικό σύνολο χαρακτήρων, όπου καθένας από αυτούς είναι υπεύθυνος για ένα συγκεκριμένο μέρος του πίνακα:

• {| σύμβολο της αρχής του τραπεζιού, χωρίς αυτό δεν μπορεί να υπάρξει τραπέζι. Πάντα χρησιμοποιημένο?
• |+ είναι υπεύθυνος για την τοποθέτηση του τίτλου του τραπεζιού στο κέντρο. Τοποθετείται μετά τους χαρακτήρες στην αρχή του πίνακα. Χρησιμοποιήστε όπως θέλετε.
• | υποδηλώνει την αρχή μιας νέας γραμμής και κελιού.
• | ένας χαρακτήρας που κάνει το κελί διαφανές.
• ! κάνει το κύτταρο πιο σκούρο. Εάν απουσιάζει, πρέπει να χρησιμοποιηθεί η προηγούμενη πινακίδα.
• |} σημαίνει το τέλος του τραπεζιού. Ο προαιρετικός χαρακτήρας, ωστόσο, χρησιμοποιείται για να αποτρέψει την εμφάνιση σφάλματος.

Κατά τη συμπλήρωση ενός πίνακα, τα περιεχόμενα κάθε κελιού πρέπει να τοποθετούνται μετά το σύμβολο | και κατά το διαχωρισμό των κελιών, πρέπει να αντιγράψετε τους τύπους σειρών ως εξής: || ή!!.

Χαρακτηριστικά σήμανσης

Υπάρχουν πολλοί άγραφοι κανόνες και αυτό προκαλεί πολλά προβλήματα στους αρχάριους προγραμματιστές. Κατά κανόνα, όλα μαθαίνονται μέσα από την πρακτική. Ο καθένας βρίσκει τα δικά του κενά, ο καθένας αντιμετωπίζει τις δικές του δυσκολίες.

Για να αποφύγετε βασικά λάθη, θα πρέπει να εξοικειωθείτε με τα κύρια:

1. πρέπει να είστε προσεκτικοί όταν αλλάζετε το μέγεθος της εικόνας - εάν είναι μικρότερη από 131 pixel, η ποιότητά της θα επιδεινωθεί σημαντικά.
2. Το πλάτος της εικόνας δεν πρέπει να υπερβαίνει τα 610 px.
3. Απαγορεύεται η τοποθέτηση περισσότερων από 17 μη κλειστών ετικετών σε μία σελίδα wiki.
4. όταν αλλάζετε το πλάτος της εικόνας, το ύψος της αλλάζει αυτόματα και αναλογικά.
5. μια λίστα μέσα σε έναν πίνακα θα πρέπει να δημιουργηθεί χρησιμοποιώντας μια ετικέτα
   ;
6. Δεν πρέπει να υπάρχουν περισσότερα από 8 στοιχεία λίστας σε μία γραμμή σήμανσης.

Για να δημιουργήσετε όμορφη και λειτουργική πλοήγηση, πρέπει να γνωρίζετε τα βασικά του Photoshop και τη σήμανση wiki.Ωστόσο, το τελευταίο περιέχει τις δικές του αποχρώσεις, τις οποίες, όταν αντιμετωπίζει ένας αρχάριος, μπορεί να κολλήσει και να μπερδευτεί για μεγάλο χρονικό διάστημα.

Σπουδαίος! Ελέγξτε ότι όλες οι ετικέτες είναι κλειστές. Κρατήστε το συνεπές.

Ο κύριος βοηθός σε αυτό το θέμα είναι η προσοχή και η αυστηρή τήρηση των οδηγιών. Η επίσημη σελίδα VK, η οποία ονομάζεται σήμανση wiki, μπορεί πάντα να βοηθήσει.

Σήμερα επιστρέφουμε ξανά στο θέμα του σχεδιασμού ομάδων VKontakte. Έχουμε ήδη μάθει από πριν. Σήμερα θα μάθουμε πώς να κάνουμε γραφικά μενού με σταθερό επάνω bannerκαι έναν σύνδεσμο προς μια εσωτερική σελίδα με διευρυμένα στοιχεία μενού. Γενικά, οποιαδήποτε πληροφορία μπορεί να βρίσκεται στην εσωτερική σελίδα. Είναι ιδιαίτερα βολικό να τοποθετείτε εκεί, για παράδειγμα, καταλόγους με μια σειρά προϊόντων. Τόσο τα αναπτυσσόμενα μενού όσο και τα κολλώδη μενού έχουν τα πλεονεκτήματα και τα μειονεκτήματά τους. Το κύριο μειονέκτημα ενός αναπτυσσόμενου μενού είναι ότι είναι σε κλειστή κατάσταση από προεπιλογή. Αλλά μπορείτε να τοποθετήσετε πολλούς συνδέσμους σε αυτό ταυτόχρονα.

Καρφιτσωμένο μενούφαίνεται πιο εντυπωσιακό λόγω της συνολικής εντύπωσης, αλλά μπορεί να έχει μόνο έναν σύνδεσμο, που οδηγεί είτε στην εσωτερική σελίδα VKontakte είτε σε έναν εξωτερικό ιστότοπο (και ο σύνδεσμος προς τον εξωτερικό ιστότοπο δεν θα προέρχεται από την εικόνα, αλλά από τον σύνδεσμο κειμένου κάτω από την εικόνα). Επίσης, ένα από τα προφανή μειονεκτήματα είναι ότι στις φορητές συσκευές το μενού γραφικών παρουσιάζεται ως κανονική καταχώρηση στο feed, στέκεται από πάνω και όχι όπως είναι καρφιτσωμένο δίπλα στο avatar. Γενικά, όταν επιλέγετε ένα σχέδιο θα πρέπει να λάβετε υπόψη αυτές τις αποχρώσεις. Ας δούμε λοιπόν πώς να δημιουργήσετε ένα σταθερό επάνω μενού με σύνδεσμο σε μια εσωτερική σελίδα.

Δημιουργώ ομάδες VKontakte
Υψηλής ποιότητας σχεδιασμός ομάδων VK και δημόσιων σελίδων, καρφιτσωμένο μενού, αναπτυσσόμενο μενού, εσωτερικό μενού γραφικών, καταλόγοι, εσωτερική πλοήγηση - τιμέςΚαι χαρτοφυλάκιο.

Βήμα 1
Δημιουργήστε ένα νέο έγγραφο στο Photoshop μεγέθους περίπου 900x700 pixel και γεμίστε το με λευκό. Τώρα πρέπει να κόψουμε δύο παράθυρα στο στρώμα, μέσω των οποίων θα είναι ορατό το ίδιο το πραγματικό γραφικό σχέδιο. Αρχικά, επιλέξτε ένα ορθογώνιο διαστάσεων 200x500 pixel (avatar) και πατήστε Del. Στη συνέχεια επιλέξτε ένα ορθογώνιο διαστάσεων 510x352 (ευθυγραμμίστε το στην κάτω γραμμή του avatar και κάντε την απόσταση μεταξύ των σχημάτων 50 pixel) και πατήστε επίσης Del.
Μετά την επόμενη ενημέρωση σχεδιασμού από το VKontakte (31 Οκτωβρίου 2016), οι διαστάσεις του banner έγιναν 510x307 (όχι 510x352).

Βήμα 2
Τώρα, κάτω από το λευκό στρώμα, τοποθετούμε κάποια ενιαία εικόνα, η οποία θα αποτελέσει τη βάση του σχεδίου.

Βήμα 3
Μετά από αυτό, συμπληρώνουμε την εικόνα με διάφορα στοιχεία - ένα λογότυπο, επιγραφές κειμένου και ένα κουμπί που σας προσκαλεί να κάνετε κλικ στο μενού. Στη συνέχεια αποθηκεύουμε δύο ξεχωριστές εικόνες στον υπολογιστή - η μία είναι ένα avatar (στα δεξιά), η δεύτερη είναι ένα μενού με ένα κουμπί κλικ (στα αριστερά).

Βήμα 4
Δημιουργούμε επίσης ένα γραφικό μενού στο Photoshop που αποτελείται από πολλά στοιχεία. Το πλάτος αυτού του μενού πρέπει να είναι 600 pixel, το ύψος είναι προαιρετικό, ανάλογα με τον αριθμό των στοιχείων. Για να βοηθήσετε, χρησιμοποιήστε το μάθημα "".

Βήμα 5
Κόβουμε το μενού μας σε πολλές οριζόντιες λωρίδες ανάλογα με τον αριθμό των στοιχείων του μενού. Αποθήκευση ως ξεχωριστά αρχεία.

Βήμα 6
Πηγαίνουμε στην ομάδα μας VKontakte, κάνουμε κλικ στο "Διαχείριση κοινότητας" (κάνοντας κλικ στις τρεις τελείες κάτω από τον συγγραφέα ανοίγει ένα αναπτυσσόμενο μενού) και ελέγχουμε ότι οι ρυθμίσεις είναι σωστές. Η ομάδα να είναι ανοιχτή και τα υλικά να είναι επίσης ανοιχτά.

Βήμα 7
Τώρα ανεβάζουμε ένα νέο avatar. Μετακινήστε το ποντίκι σας στη θέση του avatar και επιλέξτε "Ενημέρωση φωτογραφίας" από το αναδυόμενο μενού. Τοποθετήστε τη δεξιά φωτογραφία από το Βήμα 3, τεντώστε την περιοχή επιλογής προς τα πάνω και προς τα κάτω μέχρι τις άκρες της εικόνας, κάντε κλικ στο "Αποθήκευση" και, στη συνέχεια, επιλέξτε την περιοχή για τη στρογγυλή μικρογραφία.

Βήμα 8
Τώρα πρέπει να δημιουργήσετε μια εσωτερική σελίδα. Πώς να το κάνετε αυτό περιγράφεται λεπτομερώς στο μάθημα. Ένας άλλος εναλλακτικός τρόπος για να δημιουργήσετε μια εσωτερική σελίδα περιγράφεται στο μάθημα "" στα Βήματα 5 και 6.

Βήμα 9
Αφού δημιουργήσουμε την εσωτερική σελίδα, μπορούμε να μεταβούμε σε αυτήν. Για να το κάνετε αυτό, πρέπει να κάνετε κλικ στο αναπτυσσόμενο μενού της ομάδας (από προεπιλογή αυτό το στοιχείο ονομάζεται "Τελευταίες ειδήσεις" - το μετονόμασα σε "Μενού") και εκεί κάντε κλικ στο σύνδεσμο "Μενού". Μετά από αυτό θα πάμε στη νεοδημιουργηθείσα κενή σελίδα.

Βήμα 10
Τώρα πρέπει να δημιουργήσουμε ένα γραφικό μενού πέντε στοιχείων. Για να γίνει αυτό, ανεβάζουμε τις πέντε φωτογραφίες μας από το Βήμα 5 στο άλμπουμ της ομάδας Κάνουμε κλικ στο εικονίδιο της κάμερας και ανεβάζουμε τις κομμένες εικόνες από τον υπολογιστή. Οι εικόνες θα αποθηκευτούν κάπου στους διακομιστές VKontakte και θα συνδεθούν με την ομάδα, επομένως δεν είναι απαραίτητο να δημιουργήσετε ξεχωριστό άλμπουμ για αποκομμένες εικόνες. Πρέπει να ανεβάσετε φωτογραφίες στη λειτουργία σήμανσης Wiki.

Βήμα 11
Τώρα στη λειτουργία σήμανσης wiki θα δημιουργήσουμε ένα γραφικό μενού. Είναι πολύ σημαντικό να δημιουργείτε στη λειτουργία σήμανσης wiki (το εικονίδιο στην επάνω δεξιά γωνία δύο τριγωνικών αγκύλων) και όχι στη λειτουργία οπτικής επεξεργασίας. Περισσότερες πληροφορίες σχετικά με τη δημιουργία κώδικα στη σήμανση wiki περιγράφονται στο Βήμα 4 και στο Βήμα 5 του μαθήματος "". Υπάρχει επίσης ένα πρότυπο κώδικα για εισαγωγή. Εάν όλα γίνονται σωστά, θα πρέπει να λάβετε ένα έτοιμο γραφικό μενού, όπως στο παρακάτω σχήμα.

Βήμα 12
Τώρα επιστρέφουμε στην κύρια σελίδα της ομάδας, παίρνουμε τη διεύθυνση URL της εσωτερικής μας σελίδας (θα πρέπει να είναι έτσι https://vk.com/page-78320145_49821289) και την επικολλάμε στο παράθυρο όπου δημιουργούνται οι ειδήσεις. Θα πρέπει να επισυναφθεί αυτόματα ένα παράθυρο με έναν σύνδεσμο προς αυτήν την εσωτερική σελίδα. Μετά από αυτό, μετακινούμε τον κέρσορα στην επιγραφή "Attach" και επισυνάπτουμε μια φωτογραφία στην ανάρτηση, δηλαδή την εικόνα μας στα αριστερά από το Βήμα 3. Μετά από αυτό, διαγράφουμε τη γραμμή από τη διεύθυνση URL της εσωτερικής σελίδας, αφήνοντας κενό χώρο. Σπουδαίος! Σε αυτό το βήμα, πρέπει να επιλέξετε το πλαίσιο (εάν έχετε τέτοια δικαιώματα, αυτό ισχύει κυρίως για ομάδες με ανοιχτό τοίχο) στο πλαίσιο ελέγχου "Εκ μέρους της ομάδας". Εάν δεν επιλέξετε αυτό το πλαίσιο, η καταχώρηση δεν θα καρφιτσωθεί. Τέλος, κάντε κλικ στο «Υποβολή».

Βήμα 13
Μετακινήστε τον κέρσορα στις τρεις τελείες δίπλα στον τίτλο της ανάρτησης και επιλέξτε «Καρφίτσωμα» στο αναπτυσσόμενο παράθυρο. Αντίστοιχα, αποσπάται και η είδηση, αν χρειαστεί.

Βήμα 14
Υπάρχει μια προειδοποίηση. Μερικές φορές, αφού ξεκαρφιτσώσετε μια είδηση, πηγαίνει πολύ πιο κάτω στη ροή, σύμφωνα με την ημερομηνία δημιουργίας, και μπορεί να είναι αρκετά δύσκολο να την ξαναβρείτε. Επομένως, είναι καλύτερο να σημειώσετε αμέσως κάπου τη διεύθυνση URL των καρφιτσωμένων ειδήσεων. Για να το κάνετε αυτό, μετακινήστε τον κέρσορα στην ώρα που δημιουργήθηκε η είδηση ​​και κάντε κλικ στον σύνδεσμο.

Βήμα 15
Τώρα ενημερώνουμε την κεντρική σελίδα της ομάδας. Το μενού γραφικών μας θα βρίσκεται στην κορυφή δίπλα στο avatar. Και όταν κάνουμε κλικ στην εικόνα, μεταφερόμαστε σε μια εσωτερική σελίδα με ένα μενού πέντε στοιχείων.

Γεια σας φίλοι. Όλα κινούνται, όλα αλλάζουν. Το κοινωνικό δίκτυο Vkontakte επίσης δεν στέκεται ακίνητο. Έτσι, η δημοσίευσή μου σχετικά με τη δημιουργία ενός ενιαίου μπλοκ στο VKontakte Avatar+Menu έχει γίνει άσχετη σήμερα. Τώρα, όταν δημιουργείτε μια ομάδα, το μπλοκ Ειδήσεων, που ήταν απαραίτητο για ένα τέτοιο μενού, απλώς λείπει.

Ευτυχώς, το Vkontakte έχει τη δυνατότητα να δημιουργεί σελίδες wiki. Χρησιμοποιώντας μια τέτοια σελίδα wiki, μπορούμε να δημιουργήσουμε ένα μενού κοινότητας και, στη συνέχεια, να καρφιτσώσουμε αυτό το μενού στην κορυφή της ομάδας.

Λοιπόν, ας το πάρουμε με τη σειρά.

Πώς να δημιουργήσετε μια σελίδα wiki;

1. Δημιουργήστε έναν σύνδεσμο όπως αυτός στη γραμμή διευθύνσεων του προγράμματος περιήγησής σας:

• xxx– αναγνωριστικό της ομάδας ή της δημόσιας σελίδας σας.
• Όνομα_σελίδας– οποιαδήποτε λέξη χρησιμοποιείτε για να ονομάσετε τη σελίδα σας.

Πώς να μάθετε το αναγνωριστικό της κοινότητάς σας; Εάν το αναγνωριστικό δεν περιέχεται στον σύνδεσμο, για παράδειγμα, https://vk.com/make_community, μπορεί να βρεθεί ως εξής. Κάντε κλικ στον τίτλο του τοίχου της ομάδας, όπου αναγράφεται ο αριθμός των δημοσιεύσεων.

Ο τοίχος της κοινότητας σας θα ανοίξει ξεχωριστά. Θα υπάρχουν αριθμοί στη γραμμή διευθύνσεων. Αυτό είναι το αναγνωριστικό της κοινότητάς σας.

2. Ακολουθήστε τον σύνδεσμο που δημιουργήσατε και κάντε κλικ στο "Γέμισμα με περιεχόμενο".

3. Γεμίστε τη σελίδα σας με περιεχόμενο. Για παράδειγμα, χρειαζόμαστε ένα γραφικό μενού με τη μορφή ξεχωριστών κουμπιών. Πρώτα δημιουργούμε ολόκληρη την εικόνα.

Στη συνέχεια το κόβουμε σε μεμονωμένα κουμπιά. Στη συγκεκριμένη περίπτωση, θα πρέπει να έχουμε τέσσερις εικόνες κουμπιών.

Επιστρέφουμε στη σελίδα μας και, χρησιμοποιώντας τον ενσωματωμένο επεξεργαστή, φορτώνουμε τις εικόνες των κουμπιών μας.

Μετά τη φόρτωση όλων των εικόνων θα πρέπει να μοιάζει με αυτό:

Κάνοντας κλικ σε οποιαδήποτε από τις εικόνες, μπορείτε να καθορίσετε έναν σύνδεσμο προς τη σελίδα όπου θα οδηγεί αυτό το στοιχείο μενού. Αυτή μπορεί να είναι είτε η σελίδα της κοινότητάς σας είτε μια σελίδα σε εξωτερικό ιστότοπο ή ηλεκτρονικό κατάστημα.

Δημιουργούμε ένα μενού.

Θα πρέπει να λάβετε μια ανάρτηση όπως αυτή στον τοίχο της ομάδας σας VKontakte:

Πώς να καρφιτσώσετε ένα μενού;

Το μόνο που έχουμε να κάνουμε είναι να καρφιτσώσουμε το μενού στην κορυφή της ομάδας. Για να το κάνετε αυτό, κάντε κλικ στο κείμενο μπροστά από την εικόνα στην ανάρτηση. Στο παράθυρο που ανοίγει, κάντε κλικ στο «Καρφίτσωμα» κάτω δεξιά.

Ολα. Τώρα πρέπει να πάρουμε κάτι σαν αυτό:

Εάν θέλετε να κάνετε το μενού και το avatar να φαίνονται σαν ένα σύνολο, απλώς επιλέξτε μια εικόνα ώστε να είναι μια λογική συνέχεια του avatar της ομάδας σας.

Σε όλες τις κοινότητες VKontakte όπου μπορούν να δομηθούν πληροφορίες, προτείνω τη δημιουργία ενός μενού. Αυτό σίγουρα θα βελτιώσει την εμπειρία χρήστη για την κοινότητά σας. Σας δείξαμε πώς να ασφαλίσετε το μενού VKontakte χρησιμοποιώντας ένα συγκεκριμένο παράδειγμα. Απομένει να σας ευχηθούμε καλή τύχη στην ανάπτυξη και την προώθηση των κοινοτήτων σας!

Σε αυτό το άρθρο θα μιλήσουμε για τον τρόπο εγκατάστασης του μενού VKontakte. Σε προηγούμενα άρθρα, σας είπα πώς να φτιάξετε σωστά ένα μενού στο Photoshop και τώρα ήρθε η ώρα να το ενσωματώσουμε στην ομάδα μας.

Αλλά για να ξεκινήσουμε τη διαδικασία εισαγωγής του μενού μας σε επαφή, πρέπει πρώτα να το κόψουμε στα συστατικά του μέρη. Για να το κάνετε αυτό, χρησιμοποιήστε το εργαλείο "Κοπή".

Επιλέγουμε αυτό το εργαλείο και αρχίζουμε να "κόβουμε". Πήρα 7 μέρη.

Στη συνέχεια, μεταβείτε στο "Αρχείο" - "Αποθήκευση για τον Ιστό" - επιλέξτε την επέκταση jpeg και 100% ποιότητα, κάντε κλικ στο "Αποθήκευση". Θα πρέπει να έχουμε 7 αρχεία. Ολα! Τελείωσε με το Photoshop! Όλες οι απαραίτητες εργασίες για τη δημιουργία του μενού έχουν ολοκληρωθεί. Ας ξεκινήσουμε την εγκατάσταση του μενού VKontakte. Για αυτό:

1) Μεταβείτε στην ομάδα που δημιουργήσατε. Εκεί βρίσκουμε «Άλμπουμ» – «Προσθήκη» (επισημασμένο με κόκκινο ορθογώνιο στην Εικόνα 1). Αναζητούμε το κουμπί "Επιλογή αρχείου". Κάντε κλικ και κατεβάστε τα 7 αρχεία που δημιουργήσατε.

Προσθήκη φωτογραφίας σε άλμπουμ ομάδας VKontakte

Εικόνα 1

Προσθήκη φωτογραφίας σε άλμπουμ ομάδας VKontakte

2) Προσοχή! Για όσους δεν έχουν ενεργοποιημένη τις "Τελευταίες ειδήσεις" και από προεπιλογή δεν είναι ενεργοποιημένες, πρέπει να επιλέξετε "Διαχείριση κοινότητας", να βρείτε "Υλικά" και να τις ενεργοποιήσετε (Εικόνα 2).

Σχήμα 2

3. Περάστε το ποντίκι σας πάνω από το «Τελευταίες ειδήσεις» και ο σύνδεσμος «Επεξεργασία» εμφανίζεται στα δεξιά, κάντε κλικ πάνω του (Εικόνα 3).

Εικόνα 3

4. Εμφανίζεται ένα παράθυρο όπως στην Εικόνα 4. Μας ενδιαφέρει το κουμπί "Wiki markup mode" (επισημασμένο με ένα κόκκινο ορθογώνιο." Κάντε κλικ σε αυτό.

Εικόνα 4

Μετά από αυτό, στην κενή περιοχή παρακάτω εισάγουμε τον κωδικό του wiki, ο οποίος θα εμφανίσει το μελλοντικό μας μενού. Το πήρα ως εξής (Εικόνα 5):

Εικόνα 5

Wiki - ο κωδικός πρέπει να εισαχθεί ακριβώς με τον ίδιο τρόπο και με την ίδια σειρά που υποδεικνύεται στο Σχήμα 5. Στη συνέχεια, μπορείτε να πειραματιστείτε μόνοι σας.

Ένα παράδειγμα σύνταξης για την προσθήκη εικόνας είναι το εξής:

[], Οπου

photo-41875814_286789280 – Αναγνωριστικό της ληφθείσας εικόνας, η οποία μπορεί να προβληθεί στη γραμμή διευθύνσεων του προγράμματος περιήγησης (Εικόνα 6).

Εικόνα 6

Η ετικέτα "nopadding" αφαιρεί κενά μεταξύ των εικόνων, δηλαδή βοηθά να "ενωθούν" στενά μεταξύ τους.

370 px – πλάτος εικόνας, δείτε αυτήν την τιμή στις ιδιότητες του αρχείου.

https://www.. Δηλαδή, κάνοντας κλικ σε αυτό το κουμπί, ο χρήστης θα μετακινηθεί από την ομάδα της επαφής σε αυτόν τον ιστότοπο.

Για να κάνω την εικόνα χωρίς κλικ, χρησιμοποίησα την ετικέτα nolink:

Αυτό είναι όλο! Το πρώτο μου μενού δημιουργήθηκε! Έτσι φαίνεται σε μια ομάδα (Εικόνα 7).