Sekarang grup dan publik di Vkontakte menggunakan alat desain visual. Berkat kesempatan ini penampilan dan desain band menjadi lebih estetis. Materi ini akan menjelaskan secara rinci cara membuat menu di grup Vkontakte.

Mengapa Anda membutuhkan menu grup?

Pertama-tama, menunya adalah elemen yang berguna untuk kelompok komersial. Dengan bantuannya, pengguna tidak akan memiliki masalah dengan navigasi. Semua informasi yang diperlukan akan ditempatkan di blok ini. DI DALAM jaringan sosial Vkontakte, pemeliharaan grup diatur sedemikian rupa sehingga semua materi yang diterbitkan sebelumnya terkandung dalam umpan. Satu satunya kemampuan untuk mengurutkan adalah pembuatan topik di bagian "Diskusi". Tetapi ini juga sangat tidak nyaman, karena topiknya tidak terbatas pada satu posting, di mana semua informasi dikumpulkan, dan untuk menemukan posting yang diperlukan, Anda perlu membolak-balik halaman untuk waktu yang lama.

Jauh lebih nyaman untuk membangun struktur yang jelas di mana semua informasi bermanfaat dan dibagi menjadi blok tematik terpisah... Tangkapan layar ini menunjukkan contoh yang baik dari menu interaktif grafis, di mana semua posting yang berguna ditempatkan di blok terpisah. Nyaman dan tidak mengharuskan pengguna untuk melakukan tindakan tambahan pada halaman.

Ringkasnya, kita dapat menyimpulkan bahwa menu adalah kebutuhan bagi masyarakat yang sedang berkembang. Ini nyaman bantuan navigasi, yang memungkinkan pengguna menemukan informasi yang mereka butuhkan tanpa menggulir kaset dan dengan cepat mendapatkan akses ke bagian grup yang diinginkan. Lebih baik menggunakan menu yang dapat diklik untuk grup yang menjual barang dan jasa.

Menu tertutup dan terbuka

pada saat ini, menu Vkontakte dapat dibagi menjadi beberapa jenis dan jenis, maka kami akan mempertimbangkan masing-masing secara lebih rinci.

Jenis:

• teks (strukturnya adalah tautan teks);
• grafis (multimedia digunakan, tombol aktif dll.).

Tampilan:

Buat menu teks

Jenis menu ini tidak memerlukan pengetahuan dan alat tambahan apa pun. Mengerjakan menu teks dalam grup di VK cukup sederhana, untuk ini kami akan menggunakan fungsi jejaring sosial. Itu tidak menggunakan tombol, gaya, dll. Menu teks adalah daftar yang terdiri dari tautan jangkar.

Instruksi langkah demi langkah:

Prosedur untuk membuat menu teks tidak memerlukan pengetahuan dan keterampilan khusus. Oleh karena itu, opsi ini paling cocok untuk pengguna yang tidak berpengalaman. Sebelum menempatkan bagian di halaman rumah, tentu saja mengujinya dan mengoptimalkannya sehingga navigasi bekerja dengan lancar.

menu grafis

Mari kita beralih ke salah satu cara yang lebih kompleks untuk membuat. Untuk melakukan ini, kita perlu menggunakan alat tambahan - editor grafis Photoshop. Selanjutnya, kami akan memberikan Detil Deskripsi proses langkah demi langkah untuk membuat menu grafis menggunakan perangkat lunak tambahan.

Instruksi langkah demi langkah:

• pertama Anda perlu meluncurkan editor grafis Photoshop;
• lalu klik "File" dan " Membuat". Tentukan parameter berikut: "Lebar" (Berat) 610 piksel, "Tinggi" (Tinggi) 450 piksel dan "Resolusi" (Resolusi) 100 piksel per inci;
  
• setelah itu akan muncul dokumen baru di mana Anda ingin menyeret gambar latar belakang;
  
• maka Anda perlu meregangkan gambar untuk menutupi area putih;
• selanjutnya di panel “ Lapisan"Klik kanan pada gambar dan pilih" MenggabungkanBisa dilihat»(Gabungkan terlihat);
• Persegi panjang»Dan buat tombol dengan menggerakkan kursor di atas gambar dan menggambar batas bentuk;
• di bagian atas ruang kerja, Anda dapat memilih isian untuk tombol, parameter "Isi";
• setelah itu, pergi ke toolbar lagi dan pilih " Teks»;
• kemudian klik tombol untuk menambahkan bidang input teks dan masukkan nama untuk tombol tersebut. Sesuai kebijaksanaan Anda, Anda dapat memilih font, ukuran dan warnanya untuk membuat bagian tersebut terlihat lebih gaya;
  
• ke teks tengah dari gambar, pilih layer dengan teks dan gambar yang diinginkan, tahan tombol "Ctrl", dan tekan tombol perataan secara bergantian panel atas peralatan;
• setelah itu kita perlu memotong gambar yang dihasilkan;
• pada bilah alat, pilih " Memotong"(Pangkas) dan" Pemotongan ";
• pilih setiap tombol dan buka "File", "Ekspor", "Simpan untuk Web". Atur format file yang disimpan ke "PNG24";
  

Ini menyelesaikan pekerjaan di editor grafis. Kami kembali ke editor teks jejaring sosial, tempat kami mengatur menu teks, di bagian sebelumnya.

Petunjuk untuk bekerja dengan menu grafis Vkontakte:

Menu yang dibuat disematkan seperti entri biasa. Dengan mengklik tombol Pin.

Dasar-dasar Markup Wiki

Selanjutnya, kita akan melihat dasar-dasar penggunaan markup Wiki untuk mendesain menu untuk grup jejaring sosial. Markup wiki Vkontakte adalah bahasa yang digunakan untuk memformat teks di situs web dan membuatnya lebih mudah untuk mengakses fitur bahasa HTML... Selanjutnya, kami akan mempertimbangkan perintah dasar yang tersedia untuk digunakan di jejaring sosial.

Dekorasi menu dengan multimedia

Perintah teks untuk file multimedia terlihat seperti ini: "[]. Mari kita lihat lebih dekat: "mediaXXXX_YYYY" (file itu sendiri), "opsi" ( mengatur parameter), "Link" (adalah teks pop-up yang akan ditampilkan saat Anda mengarahkan kursor ke suatu objek).

Pilihan untuk multimedia ditunjukkan pada tangkapan layar:

Parameter untuk video terlihat seperti ini:

Judul (H1, H2, H3)

Untuk menambahkan heading, Anda harus meletakkan tanda "==" berikut di awal dan akhir teks. Lihat tangkapan layar untuk contoh:

Menghias teks

Untuk dekorasi teks, Vkontakte menawarkan parameter berikut: Huruf tebal, miring, rata kanan dan kiri, rata tengah, daftar berpoin, judul, superskrip dan subskrip, garis bawah dan coret. Pengaturan lebih rinci ditunjukkan pada tangkapan layar.

Kutipan

Untuk menarik perhatian audiens, Anda dapat menggunakan tanda kutip, tag untuk parameter ini terlihat seperti ini: "".

Contoh penggunaan dalam editor teks Dalam kontak dengan:

Daftar

Pengguna dapat menggunakan daftar berpoin dan bernomor. Daftar bernomor ditunjukkan dengan tanda "#", ditandai dengan "*".

Contoh bernomor Daftar:

Contoh ditandai Daftar:

Bagaimana cara membuat indentasi?

Di sini semuanya cukup sederhana, sebelum kata yang diinginkan Anda perlu menambahkan tanda ":". Semakin banyak karakter yang ditempatkan, semakin banyak lekukan.

Tautan internal

Tautan internal mewakili transisi ke elemen lain dari jejaring sosial: profil pengguna, komunitas pihak ketiga, obrolan, foto, video, artikel, dll. Tautan internal ditambahkan menggunakan tag "[]. Mari kita lihat lebih dekat: "tautan" adalah tautan, "teks" adalah teks yang ditampilkan.

Contoh:

Cara membuat tabel

Dengan markup wiki, pengguna dapat membuat objek meja, perintah berikut digunakan untuk ini:

Tambahkan spoiler

Elemen ini dapat menyembunyikan informasi yang akan diungkapkan dengan mengklik tombol yang sesuai. tombol khusus... Opsi untuk memposting informasi ini sangat cocok untuk bagian grup "Aturan", "Pertanyaan yang Sering Diajukan", dll.

Konstruksi berikut digunakan untuk membuat objek:

((Penyembunyikan | Teks Judul))

Cara menghapus menu

Penghapusan adalah sebagai berikut:

Penghapusan melalui pemformatan halaman:

Untuk membuat tampilan komunitas secara keseluruhan lebih estetis dan lebih nyaman untuk diajak bekerja sama, solusi terbaik akan membuat menu grup. Jadi Anda dapat menempatkan semua elemen penting dalam satu daftar yang rapi, mengatur ikon atau gambarnya sendiri untuk setiap tautan, memberi tahu pengunjung tentang perubahan apa pun dengan cepat dan efisien. Menu dapat mencakup elemen-elemen berikut: berbagai tautan ke situs eksternal, info untuk diskusi, album, musik, dan bagian lain dalam situs Vkontakte, gambar, dan hanya struktur grup Anda. Ikuti petunjuk di bawah ini, coba buat menu Anda sendiri untuk komunitas Vkontakte.

Cara membuat menu sederhana di grup Vkontakte

Jika Anda ingin setiap baris menu mengarah ke satu atau beberapa topik diskusi, pertama-tama, Anda perlu membuat diskusi ini dan memberi mereka nama. Membiarkannya tertutup atau terbuka untuk komentar adalah masalah yang sangat pribadi, karena opsi ini tidak memengaruhi tampilan halaman di menu.

Cobalah untuk membuat menu sederhana yang akan mewakili struktur grup Anda dan berisi semua bagian yang paling penting.

• Ingatlah bahwa menu akan muncul sedikit berbeda dalam grup dan komunitas. Oleh karena itu, jika Anda ingin mentransfer grup ke komunitas, klik ikon tiga titik di sebelah nama grup dan pilih baris "Konversi ke halaman". Harap perhatikan bahwa Anda tidak akan dapat mengubah komunitas kembali menjadi grup.

• Sekarang buka tautan "Manajemen Komunitas" di menu yang sama.
  Anda akan melihat blok dengan semua pengaturan grup Anda, di sini Anda dapat mengubah nama, kontak informasi, privasi, kelola anggota. Buka kategori "Bagian".

• Di baris "Material", atur nilainya ke "Nonaktif" atau "Terbatas" sehingga anggota grup tidak dapat secara tidak sengaja merusak file Anda yang diperlukan untuk pendaftaran. Ingatlah untuk menyimpan pilihan Anda.

• Buka grup dan buka jendela "Berita segar", dari mana Anda akan membuat menu.

• Klik "Edit".

• Pertama-tama, Anda perlu mengubah judul "Berita Baru" menjadi "Menu" atau nama lain yang menjelaskan kepada peserta bahwa di sini mereka dapat dengan cepat mengikuti tautan yang mereka butuhkan.
  Alihkan mode edit posting ke "edit markup Wiki" dengan panah kecil di sudut kanan.

Sekarang buat struktur:

• Penting bahwa Anda memiliki diskusi, materi atau album dalam grup, nama yang akan Anda gunakan dalam menu.
• Tulis semua judul bagian utama dalam satu baris, dengan melampirkannya dua kali dalam tanda kurung siku.
• Untuk membuat teks terlihat seperti daftar, letakkan tanda bintang di depan paragraf.

Dalam tangkapan layar ini, kita dapat mengasumsikan bahwa grup memiliki materi yang disebut "Bagian 1", diskusi "Bagian 2" dan album "Bagian 3". Klik "Pratinjau" atau "Simpan Perubahan".

• Bagian Anda akan berubah menjadi "Menu", dan tautan aktif ke kategori utama grup akan muncul di dalamnya, tersusun rapi dalam daftar.

Cara memasukkan tautan di menu grup Vkontakte

Untuk mempercepat akses ke situs web resmi Anda, atau bagian langsung di dalam grup, lebih baik memasukkan tautan aktif.

• Kembali ke mengedit bagian menu. Salin tautan yang Anda inginkan dan tempelkan saja ke jendela dalam mode Markup Wiki. Setelah disimpan, itu akan menjadi aktif.

• Ini adalah bagaimana semua tautan yang dapat Anda masukkan ke dalam menu grup Anda terlihat seperti.

Cara membuat menu VKontakte dengan gambar

Jika Anda ingin menu terdiri dari ikon cantik yang mengarah ke bagian tertentu, cukup ikuti petunjuk di bawah ini.

• Untuk memulainya, buat album khusus yang hanya berisi gambar teknis untuk desain band.

• Unggah gambar ke format jpeg tidak lebih dari 500 piksel kali 500.

• Salin URL gambar yang diunggah.

• Sekarang salin tautan ke diskusi, konten, atau situs eksternal lainnya.

• [[Tautan ke gambar di album Anda | ukuran dalam piksel; tanpa bantalan | Tautan ke diskusi atau situs]]

Contoh ditunjukkan pada tangkapan layar.
Klik "Simpan Halaman".

• Sekarang tautan rapi akan muncul di menu Anda. Anda dapat mengatur nilai piksel sesuai keinginan Anda.
  Untuk menambahkan banyak gambar, cukup masukkan tautan baru di baris baru.

Banyak permintaan dari pembaca saya yang gigih dan pengguna yang hanya ingin tahu memiliki efeknya. Saya akhirnya membuat pelajaran di mana kita akan belajar cara membuat menu Vkontakte dinamis dengan efek tombol yang ditekan! Dengan analogi dengan situs Internet biasa, ketika tautan yang dikunjungi ditandai dengan cara khusus (tekan tombol, garis bawah, dll.) - kami akan membuat struktur Vkontakte yang sama menggunakan halaman dan desain grafis yang dibuat. Untuk memulainya, kami akan membuat template grafis di Photoshop - kami akan membuat header menu dan tombol dari dua jenis. Kemudian kami akan membuat beberapa halaman Vkontakte, sesuai dengan item menu kami. Dan akhirnya, mari kita lakukan trik rumit, yang sebenarnya akan menciptakan ilusi mengklik tautan. Pelajarannya cukup rumit dan cocok untuk mereka yang merasa percaya diri dengan fungsionalitas Vkontakte. Saya akan melakukan semua manipulasi menggunakan contoh grup Vkontakte Anda di mana efek ini diwujudkan secara langsung. Jadi mari kita mulai!

Langkah 1. Buat header menu di Photoshop
Buat dokumen lebar 600px di Photoshop. Tingginya bisa berbeda, sesuai kebijaksanaan Anda. Anda dapat menempatkan semua jenis foto, kolase, spanduk informasi, dan gambar grafis lainnya di header. Dalam hal ini, saya menggunakan ini spanduk iklan ukuran 600x172 piksel.

Langkah 2. Buat bilah navigasi di Photoshop
Sekarang kita perlu membuat bilah navigasi. Dalam contoh ini, saya hanya menggunakan teks sebagai tombol. Tetapi atas kebijaksanaan Anda, Anda dapat membuat tombol berwarna dan menulis teks di atasnya. Kami melakukan ini - buat persegi panjang 600x56 piksel di Photoshop dan di kasus ini mengisinya dengan warna putih. Kemudian kami menulis item menu dalam satu baris - di suatu tempat di urutan 5-6 item, tidak lebih. Jumlah besar poin akan terlihat terjepit.

Langkah 3. Buat bilah navigasi dalam keadaan ditekan di Photoshop
Sekarang kita perlu membuat tautan aktif, seolah-olah mereka diklik. Saya menggunakan garis bawah biasa, tetapi Anda dapat menggunakan teks atau warna latar belakang yang berbeda untuk menandai tautan yang dikunjungi.

Langkah 4. Potong gambar yang sudah jadi
Pada tahap ini, kita perlu memotong gambar dari Langkah 2 dan Langkah 3. Kita harus memiliki dua set lima tombol - satu tanpa garis bawah, yang lain dengan garis bawah. Tombol masing-masing item (dengan dan tanpa garis bawah) harus ukuran yang sama... Gambar di bawah ini menunjukkan semua desain grafis kami - sepuluh tombol dan satu header menu.

Langkah 5. Buat halaman Menu Vkontakte
Sekarang pergi ke VKontakte. Tugas kita adalah membuat halaman terpisah yang disebut "Menu". Untuk melakukan ini, kita akan menggunakan kode berikut:
http://vk.com/pages?oid=-XXX&p=Page_name
di mana alih-alih XXX kami akan mengganti id grup kami, dan alih-alih teks "Nama halaman" kami akan menulis Menu. Sekarang kita perlu mencari tahu id grup. Bagaimana cara melakukannya? Kami pergi ke halaman utama grup dan melihat posting kami di dinding - tepat di bawah blok "Tambah posting" akan tertulis "Semua posting" - klik tautan ini.

Langkah 6. Tentukan id grup dan edit kodenya
Buka halaman dan lihat url jenis ini https://vk.com/wall-78320145?own=1, di mana angka 78320145 dalam contoh ini adalah id grup. Kami mengganti data kami ke dalam kode sumber dan kami mendapatkan catatan seperti ini:
http://vk.com/pages?oid=-78320145&p=Menu(dengan nomor Anda!). Kami menempelkan baris ini ke bilah alamat browser dan tekan Enter. Ini adalah bagaimana kami menciptakan lembaran baru Vkontakte dan awalnya terlihat seperti ini.

Langkah 7. Buat Vkontakte sisa halaman navigasi
Demikian pula, kami membuat empat halaman navigasi lagi: Harga, Cara Pemesanan, Kerangka Acuan, dan Pertanyaan. Artinya, empat kali lagi kami menyalin kode yang sesuai ke bilah alamat browser (dengan nomor id Anda dalam contoh di bawah nomor saya):

http://vk.com/pages?oid=-78320145&p=Harga

http://vk.com/pages?oid=-78320145&p=How_order

http://vk.com/pages?oid=-78320145&p=Ketentuan Referensi

http://vk.com/pages?oid=-78320145&p=Questions
Harap diperhatikan bahwa pada judul halaman dua kata (Cara memesan), spasi di antara kata diganti dengan garis bawah How_order. Kami sekarang memiliki lima halaman siap untuk setiap item menu. Kami tidak membuat halaman Portofolio karena terletak di halaman Menu

Langkah 8. Unggah foto ke halaman pertama menu
Pada yang dibuat, belum Halaman kosong(lihat Langkah 6) Klik menu pada tautan Edit atau pada tautan Isi dengan konten. Setelah itu kita melihat panel pengeditan. Di sini kita perlu mengklik ikon kamera dengan fungsi Unggah foto. Penting! Pastikan Anda memiliki mode markup wiki. Beralih mode dikendalikan oleh ikon di tepi kanan halaman.

Langkah 9. Hasil setelah memuat gambar
Kami memuat gambar kami, yang kami buat pada Langkah 1 dan Langkah 2. Setelah memuat, kami melihat kode seperti pada gambar di bawah, dan menu itu sendiri terlihat seperti ini. Setelah setiap perubahan kode, jangan lupa klik Simpan halaman, lalu klik pratinjau untuk melihat hasilnya.

Langkah 10. Mengedit kode gambar
Sekarang tugas kita adalah mengganti semua properti noborder dengan properti nopadding. Dan untuk gambar pertama, letakkan dimensi sebenarnya, karena Vkontakt mengecilkan gambar menjadi 400 piksel saat memuatnya. Setelah semua perubahan, kita harus mendapatkan kode dan menu seperti itu.

Langkah 11. Menempatkan tautan untuk gambar
Sekarang kita perlu menambahkan tautan untuk setiap gambar. Tautan harus dimasukkan setelah nopadding | sebagai ganti spasi sebelum tanda kurung tutup. Untuk gambar pertama (tajuk menu dari Langkah 1), Anda dapat memberikan tautan ke halaman utama grup, atau Anda dapat menggunakan properti nolink (letakkan setelah; setelah nopadding tanpa spasi). Untuk gambar kedua, masukkan alamat halaman format halaman-78320145_49821289... Yaitu, url lengkap gambar https://vk.com/page-78320145_49821289, Anda dapat menghilangkan bagian pertama dengan domain. Namun untuk link ke situs eksternal, link url harus ditentukan secara lengkap.

Langkah 12. Salin kode ke halaman navigasi lainnya
Cukup langkah sederhana, kami menyalin kode terakhir dari langkah sebelumnya dan menempelkannya di sisa halaman yang dibuat - Harga, Cara Pemesanan, Kerangka Acuan dan Pertanyaan. Kami berada di halaman, klik Edit atau Isi dengan konten (kami berada dalam mode markup wiki), tempel kode dan klik Simpan. Dan kemudian juga pada halaman selanjutnya... Artinya, sekarang kami memiliki lima halaman, di mana masing-masing menu terlihat persis sama. Tetapi di sisi lain, Anda sudah dapat menavigasi menu - ketika Anda mengklik tautan misalnya Harga, kami akan pindah ke halaman Harga, dll.

Langkah 13. Membuat efek tombol yang ditekan
Sekarang kita harus mengubah satu gambar pada masing-masing dari lima halaman (kita akan mengganti tombol tanpa garis bawah dengan tombol dengan garis bawah). Misalnya, pada halaman pertama Menu, kami memuat gambar baru dan kemudian mengganti alamat gambar lama dalam kode dengan yang baru (digarisbawahi dengan warna merah). Kemudian masuk ke halaman Harga, muat gambar dengan Harga yang digarisbawahi dan ubah kodenya ke alamat gambar baru. Kemudian kita pergi ke halaman Cara memesan, Kerangka Acuan dan Pertanyaan dan melakukan operasi yang sama dengan cara yang sama.

Akhir.
Akibatnya, kami mendapat efek navigasi ketika Anda mengklik tautan menu dan itu menjadi aktif. Tetapi karena desain grafis pada semua halaman hampir sama, kecuali tautan aktif, ilusi navigasi dibuat, meskipun sebenarnya, transisi dilakukan ke halaman lain.

Menu yang dirancang dengan cara ini tidak disesuaikan untuk perangkat seluler... Ketika ukuran layar berkurang, gambar-gambar mulai meluncur keluar satu di bawah yang lain. Untuk melakukan desain adaptif, Anda perlu menggunakan tabel untuk ayat-ayat keras. Tapi itu cerita lain dan teknik yang lebih maju. Sementara itu, lihat berbagai opsi untuk menu grafis.

Jadi, saya mendapatkan topi ini (penutup)

Sekarang muat gambar yang dihasilkan sebagai sampul untuk grup.
Ini dilakukan seperti ini:

Kami pergi ke Kantor

Sampul Komunitas → Unduh. Dan pilih gambar kita.

Cara membuat menu di grup VK

Menu di VK dilakukan menggunakan markup wiki (ini adalah bahasa pemrograman khusus yang dibuat untuk VKontakte).

Untuk menu, Anda perlu membuat halaman wiki. Ini dilakukan seperti ini:

Salin dan tempel kode ini ke bilah alamat (dengan data Anda)

Http://vk.com/pages?oid=-123456789 & p = MENU

Dimana 123456789 adalah nomor seri (ID) grup Anda.

Anda bisa mendapatkannya di bilah alamat.

dan MENU adalah judul halaman.

Hasilnya, Anda akan memiliki halaman baru seperti ini.

Halaman wiki baru berjudul MENU

Klik "Isi dengan konten". Dan kita sampai ke editor halaman.

Editor halaman memiliki dua mode:
- Modus visual
- Mode markup Wiki

Jika tanda kurung segitiga dikelilingi oleh kotak biru, maka mode markup wiki diaktifkan.

Jika tanda kurung berwarna biru tanpa batas, maka Anda berada di editor visual.

Kami membutuhkan editor markup wiki. Di sini kita akan menulis kode untuk menu di VK.

Tetapi sebelum menulis kode apa pun, lihat bilah alamat.
Salin semua karakter hingga tanda tanya (?) - ini adalah alamat menu Anda.
Tuliskan!

Menu untuk grup VK

Dari awal, Anda harus melakukannya (dalam editor grafis).

Ukuran menunya adalah sebagai berikut:
- lebar maksimum 600 px (ini adalah cara yang paling nyaman)
- tinggi saat berjalan.

Saya membuat menu seperti ini:

Sekarang di Photoshop (dengan Alat Pemotong) saya memotong menu menjadi bagian yang sama.

Saya memilih semua bagian dan menyimpannya dalam format Png-24.

Hasilnya, saya mendapat 12 bagian.

Markup Wiki tidak dimaksudkan untuk ditampilkan dengan benar di aplikasi seluler. Oleh karena itu, selalu potong menu menjadi bagian yang sama atau buat menu dalam satu kolom. Maka menu Anda akan terlihat sama di PC dan di aplikasi.

Sekarang semua potongan yang dihasilkan harus dimuat ke dalam album grup.

Untuk ini saya membuat album terpisah yang disebut "Teknis". Saya mentransfer avatar dan gambar topi di sana.

Kami kembali ke halaman MENU yang dibuat. Kalau lupa ada di alamat ini http://vk.com/pages?oid=-123456789&p=MENU
Jangan lupa ganti 123456789 dengan nomor grup Anda.

Untuk kembali ke mode pengeditan - Anda perlu mengklik ikon Pensil di sudut atas.

Klik untuk mengedit

Sekarang kita perlu membuat tabel dari irisan kita di mana gambar akan menjadi tombol tautan, dan tempat-tempat di mana tidak ada tombol tidak akan dapat diklik.

Tabel di VK dimulai seperti ini: (|
dan berakhir seperti ini: |)

Selalu jadikan menu sebagai tabel agar tombol tidak melompat saat Anda menonton grup melalui aplikasi

Secara umum, kami menulis seperti ini (tetapi dengan nilai kami sendiri):

(| tanpa batas; tanpa bantalan
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|}

Dari pada foto-176307581_456239020 dan yang serupa - kami menggantinya dengan nomor gambar kami.

Anda dapat menemukan mereka seperti ini:

1. Buka album grup "Teknis"
2. Membuka foto pertama dari sepotong menu
3. Di address bar, salin bagian dengan nomor gambar ini (ada banyak nomor, sebelum yang kita butuhkan tertulis foto-)

Dan begitulah yang kami lakukan dengan setiap gambar menu kami untuk grup VKontakte.

PEMBARUAN PENTING: Artikel ini sangat ketinggalan zaman karena ada layanan khusus bernama MenuMake yang memungkinkan Anda membuat menu untuk grup secara otomatis. Pendekatan manual tidak lagi diperlukan. Namun, saya meninggalkan artikel ini untuk sejarah.

Grup di VKontakte adalah tempat konsentrasi terbesar penggunanya. Ini adalah penyair yang banyak mencoba untuk mengatur mereka lebih baik untuk menarik jumlah maksimum dari mereka. HAI desain grafis yang terbaik bagi pencipta untuk berpikir sebelum langsung, bersamaan dengan perkembangan masa depan.

Penting untuk dipahami bahwa desain grup adalah wajahnya, yang Pengguna baru melihat segera begitu dia memasuki halaman, hanya setelah itu dia mulai berkenalan dengan kontennya. Proposal ini, pada kenyataannya, mencerminkan semua bobotnya. Selain itu, menu grafis juga merupakan fungsionalitas grup, karena memungkinkan Anda menemukan informasi yang Anda butuhkan dalam waktu sesingkat mungkin.

Mari kita bicara tentang ideologi

Sebelum Anda mulai menggambar dan tata letak, penting untuk memikirkan tentang apa yang harus dibicarakan menu Anda? Untuk memahami ini, ada baiknya juga memutuskan tujuan utama grup - untuk menghibur, menginformasikan, atau menjual. Penampilan dan fungsionalitas menu masa depan sangat tergantung pada ini.

Menu untuk menarik pengunjung

Jika Anda berencana untuk menerbitkan konten yang menghibur, informatif, mendidik, Anda harus membuat menu yang akan menampilkan topik utama. Misalnya, ini dapat berupa bagian: publikasi terbaru, paling populer, tentang mode, makanan sehat, anak-anak, dll. Ini akan berfungsi untuk meningkatkan loyalitas, karena akan nyaman bagi pengguna untuk menavigasi massa konten.

Menu penjualan

Sebaliknya, jika tujuan halaman adalah untuk menjual, menu harus membantu pengguna menavigasi melalui beragam produk. Yang terbaik adalah menempatkan di dalamnya bagian yang mengarahkan pengunjung ke direktori atau bagian tertentu darinya, berbicara tentang pengiriman, kontak, perusahaan, promosi, dan selalu ke halaman kontak.

Tahap pertama - kami bekerja di Photoshop

Mereka mulai membuat menu untuk kontak bukan di jejaring sosial, tetapi dengan bantuan editor grafis. Untuk ini, yang terbaik adalah menggunakan Photoshop, terlepas dari kenyataan bahwa bahkan pengetahuan minimal sudah cukup untuk ini. Karena itu, kami membuka program dan membuat templat menu. Ukuran dokumen baru secara langsung tergantung pada jumlah bagian yang Anda butuhkan.

Selanjutnya, Anda membutuhkan latar belakang. Mungkin saja latar belakang putih, baik warna atau gambar tertentu. Unduh dari Internet dan masukkan ke dalam template. Selanjutnya, tulis pada gambar latar belakang item menu yang telah Anda rencanakan. Label ini nantinya akan berubah menjadi tautan yang mengarahkan pengguna ke bagian tertentu.

Tetapi agar gambar ini dapat diubah dan dengan mudah dimasukkan ke dalam tautan, itu harus dipotong. Ini dilakukan di Photoshop yang sama menggunakan alat "pemotongan".

Tetapi untuk melakukan ini dengan lancar dan indah, penting untuk menggunakan garis bantu, yang diaktifkan oleh pintasan keyboard CTRL + R. Muncul garis biru yang dapat Anda seret untuk mengatur batas bagian. Selanjutnya, klik pada alat "Memotong" dan pilih "fragmen di sepanjang panduan" di menu atas, sebagai akibatnya gambar dibagi dengan jelas menjadi beberapa bagian menu yang terpisah.