Desain halaman komunitas VKontakte yang berkualitas tinggi sudah setengah dari keberhasilan dalam mencapai tujuan pembuatan grup. Statistik menunjukkan bahwa kehadiran navigasi secara signifikan meningkatkan lalu lintas halaman dan juga meningkatkan jumlah pelanggan. Halaman komunitas, tempat semua informasi disusun, menciptakan kesan pendekatan serius para administrator terhadap bisnis, serta keterampilan praktis mereka dalam memimpin grup dan keandalan. Pada artikel ini kita akan berbicara tentang menu untuk grup VKontakte, cara membuatnya dan membuatnya senyaman navigasinya.

Variasi menu untuk komunitas VKontakte

Sekarang ada dua jenis menu grup VKontakte. Templat mereka, tentu saja, tersedia di Internet, dan Anda dapat melakukan semuanya secara ketat sesuai dengan templat tersebut. Namun hasilnya tidak akan kreatif dan orisinal sehingga tidak akan menarik banyak pelanggan.

Jadi, ada menu tertutup dan ada yang terbuka.

Tertutup mendapatkan namanya karena pelanggan harus membukanya sendiri. Untuk melakukan ini, Anda hanya perlu mengeklik tautannya. Kata apa pun dapat digunakan sebagai tautan, biasanya “buka” atau “menu”. Meskipun demikian, beberapa orang menjadi kreatif dan menghasilkan tautan asli.

Terbuka adalah postingan yang telah disematkan. Ini berisi tautan valid ke menu. Jenis ini masih cukup muda; muncul belum lama ini, atau lebih tepatnya dengan munculnya fungsi menyematkan postingan ke dinding halaman. Menu terbuka adalah yang paling efektif sejauh ini dan lebih menarik daripada menu tertutup. Opsi pertama kurang produktif, karena pengunjung grup mungkin tidak melihat tautannya.

Jadi, VKontakte? Jawabannya cukup sederhana. Untuk membuat kedua jenis menu untuk grup VKontakte, markup wiki digunakan. Ini adalah alat yang sangat berguna; memungkinkan Anda membuat tabel, grafik, memformat dan mengedit gambar, bekerja dengan tautan, dll. Namun, kini segalanya jauh lebih sederhana bagi pembuat komunitas VKontakte dibandingkan beberapa tahun lalu. Jejaring sosial secara otomatis mengubah semua konten menjadi markup wiki.

Menu terbuka untuk grup VKontakte kini lebih populer, namun menu tertutup praktis tidak digunakan lagi. Oleh karena itu, masuk akal untuk mempertimbangkan secara lebih rinci pembuatan tipe terbuka. Selanjutnya, Anda akan mempelajari cara membuat menu di grup VKontakte (petunjuk langkah demi langkah disajikan di bawah).

Tahap satu

Pada tahap ini Anda perlu memilih gambar. Mereka akan menciptakan tampilan halaman yang rapi. Gambar dapat ditemukan di Internet atau dibuat sendiri menggunakan editor foto. Opsi kedua hanya cocok untuk mereka yang pandai menggambar di komputer dan menguasai Photoshop.

Gambar pertama adalah avatar. Yang kedua (pusat) adalah gambar-aksi. Parameter avatar minimal harus 200 x 330 piksel. Gambar pusat setidaknya berukuran 390 x 280 piksel.

Tahap dua

Buka halaman grup dan temukan "Manajemen Komunitas". Tautannya terletak di bawah foto depan halaman sebelah kanan. Setelah mengikuti tautan, temukan bagian “Bahan” di informasi, lalu klik “Terbatas” di paragraf ini.

Di halaman utama, klik edit di baris “Material”. Pada formulir editor yang muncul, tentukan nama, bagian, lalu pastikan untuk mengklik tombol di bawah untuk menyimpan. Setelah itu, kembali ke halaman menggunakan tombol di pojok kanan atas.

Tahap ketiga

Salin alamat halaman. Barisan nomor pertama setelah kata “halaman” adalah nomor komunitas, baris kedua adalah nomor halaman grup. Anda perlu mengetahui hal ini ketika memikirkan cara membuat menu di grup VKontakte. Alamat harus dicantumkan di dinding bersama dengan gambar pusat. Untuk melampirkan gambar, klik “lampirkan” dan “foto”. Selanjutnya, pilih dan tempel. Kemudian klik kirim - ini akan mempublikasikan postingan.

Tahap empat

Tempatkan gambar pertama di tempat foto komunitas utama. Rekaman tindakan ini beserta gambarnya akan muncul di dinding. Tidak ada gunanya di sana, jadi perlu dihilangkan.

Ini semua. Ketika pengguna mengklik gambar pusat, menu grup akan terbuka untuk mereka.

Bagaimana cara membuat tabel di menu?

Setiap administrator memikirkan cara membuat menu di grup VKontakte. Petunjuk yang disajikan di atas hanya dapat membantu Anda membuat menu dasar. Selanjutnya perlu ditingkatkan.

Tabel ini sangat nyaman untuk menavigasi menu grup VKontakte. Membuat tabel memerlukan pengetahuan tentang simbol-simbol tertentu.

• (| artinya awal;
• |+ lokasi pusat;
• |- dari baris baru;
• | transparansi;
• ! isi sel gelap;
• |) menunjukkan akhir.

Bagaimana cara membuat tautan?

Pada pertanyaan bagaimana cara membuat menu di grup VKontakte, ada poin penting mengenai link. Mereka dapat dirancang dengan berbagai cara:

• Tinggalkan saja tautan. Untuk melakukan ini, letakkan tautan dalam tanda kurung siku.
• Buat tautan dengan kata atau frasa. Buka, paste linknya, setelah link beri tanda | dan tutup braket persegi.
• Tautan gambar. Anda dapat melakukannya menggunakan contoh ini: [].

Paling sering, setiap orang belajar sendiri cara membuat menu di grup VKontakte. Pengetahuan datang dengan pengalaman melalui trial and error. Namun, para pemula masih bisa diberikan beberapa rekomendasi.

• Ukuran gambar tidak boleh kurang dari 130 piksel. Ini akan menurunkan tampilan menu secara signifikan.
• Lebar gambar tidak lebih dari 610 piksel.
• Halaman wiki tidak boleh berisi lebih dari 17 tag yang tidak ditutup.
• Saat Anda mengatur indikator lebar, tinggi secara otomatis berubah sesuai proporsi.
• Anda dapat membuat daftar di dalam tabel menggunakan />.
• Maksimal 8 unit daftar dapat ditempatkan dalam satu baris.

Antara lain, terdapat program khusus untuk memudahkan penggunaan markup wiki. Ini adalah aplikasi pendidikan dan asisten nyata yang akan melakukan segalanya untuk Anda.

Misalnya, aplikasi Interactive FAQ (beta) memungkinkan Anda menguji kemampuan Anda dalam pemrograman wiki.

Pengoperasiannya sederhana: pengguna disajikan menu yang sudah jadi, dan diharuskan memasukkan kode markup. Pada akhirnya hasilnya dibandingkan dengan aslinya.

Program Editor Wiki tidak mengajarkan atau melatih penggunanya apa pun. Dengan bantuannya, Anda dapat membuat menu bahkan tanpa keahlian pemrograman dasar. Editor yang mudah digunakan menulis kodenya sendiri - yang perlu dilakukan pengguna hanyalah mengontrolnya.

Jadi, siapa pun yang berencana menggunakan grup tersebut untuk mempromosikan bisnisnya atau sekadar bersenang-senang dapat membuat menu VKontakte. Menu tersebut membuat promosi bisnis jauh lebih efektif dan menarik pengguna ke halaman grup. Menu membuat komunitas terlihat rapi dan lebih profesional dibandingkan pesaingnya yang tidak memilikinya.

Hari ini kita kembali lagi ke topik mendesain grup VKontakte. Kita sudah belajar sebelumnya. Hari ini kita akan belajar cara membuat grafik menu dengan spanduk atas tetap dan link ke halaman internal dengan item menu yang diperluas. Secara umum, informasi apa pun dapat ditemukan di halaman internal. Sangat nyaman untuk menempatkan di sana, misalnya, katalog dengan berbagai macam produk. Menu drop-down dan menu tempel memiliki kelebihan dan kekurangannya masing-masing. Kerugian utama dari menu drop-down adalah statusnya tertutup secara default. Tetapi Anda dapat menempatkan beberapa tautan sekaligus.

Menu yang disematkan tampilannya lebih mengesankan karena kesan keseluruhannya, tetapi hanya dapat memiliki satu tautan, yang mengarah ke halaman internal VKontakte atau ke situs eksternal (dan tautan ke situs eksternal tidak akan berasal dari gambar, tetapi dari tautan teks di bawah gambar). Selain itu, salah satu kelemahan yang jelas adalah bahwa pada perangkat seluler, menu grafis disajikan sebagai entri biasa di feed, berdiri di atas, dan bukan seperti yang disematkan di sebelah avatar. Secara umum, ketika memilih desain Anda harus mempertimbangkan nuansa ini. Jadi mari kita lihat cara membuat menu atas yang lengket dengan link ke halaman internal.

Saya membuat grup VKontakte
Desain grup VK dan halaman publik berkualitas tinggi, menu yang disematkan, menu tarik-turun, menu grafik internal, katalog, navigasi internal - harga Dan portofolio.

Langkah 1
Buat dokumen baru di Photoshop berukuran sekitar 900x700 piksel dan isi dengan warna putih. Sekarang kita perlu memotong dua jendela di lapisan tersebut, di mana desain grafis sebenarnya akan terlihat. Pertama, pilih persegi panjang berukuran 200x500 piksel (avatar) dan tekan Del. Kemudian pilih persegi panjang berukuran 510x352 (sejajarkan dengan garis bawah avatar dan buat jarak antar bentuk 50 piksel) dan tekan juga Del.
Setelah pembaruan desain berikutnya oleh VKontakte (31 Oktober 2016), dimensi spanduk menjadi 510x307 (bukan 510x352).

Langkah 2
Sekarang, di bawah lapisan putih, kita tempatkan beberapa gambar, yang akan menjadi dasar desain.

Langkah 3
Setelah itu, kami melengkapi gambar dengan berbagai elemen - logo, tulisan teks, dan tombol yang mengundang Anda untuk mengklik menu. Kemudian kami menyimpan dua gambar terpisah ke komputer - satu adalah avatar (di sebelah kanan), yang kedua adalah menu dengan tombol klik (di sebelah kiri).

Langkah 4
Kami juga membuat menu grafis di Photoshop yang terdiri dari beberapa item. Lebar menu ini harus 600 piksel, tingginya opsional, tergantung jumlah item. Untuk membantu, gunakan pelajaran “”.

Langkah 5
Kami memotong menu kami menjadi beberapa garis horizontal sesuai dengan jumlah item menu. Simpan sebagai file terpisah.

Langkah 6
Kami pergi ke grup VKontakte kami, klik "Manajemen Komunitas" (mengklik tiga titik di bawah penulis akan membuka menu tarik-turun) dan memeriksa apakah pengaturannya sudah benar. Kelompoknya harus terbuka dan materinya juga harus terbuka.

Langkah 7
Sekarang kami mengunggah avatar baru. Gerakkan mouse Anda ke lokasi avatar dan pilih “Perbarui foto” dari menu pop-up. Muat foto kanan dari Langkah 3, rentangkan area pilihan ke atas dan ke bawah hingga ke tepi gambar, klik “Simpan” lalu pilih area untuk thumbnail bulat.

Langkah 8
Sekarang Anda perlu membuat halaman internal. Cara melakukan ini dijelaskan secara rinci dalam pelajaran. Cara alternatif lain untuk membuat halaman internal dijelaskan dalam pelajaran “” di Langkah 5 dan 6.

Langkah 9
Setelah kita membuat halaman internal, kita dapat membukanya. Untuk melakukan ini, Anda perlu mengklik menu drop-down grup (secara default item ini disebut "Berita Terbaru" - saya menamainya menjadi "Menu") dan klik tautan "Menu". Setelah ini kita akan menuju ke halaman kosong yang baru dibuat.

Langkah 10
Sekarang kita perlu membuat menu grafis yang terdiri dari lima item. Untuk melakukan ini, kami mengunggah lima gambar kami dari Langkah 5 ke album grup. Kami mengklik ikon kamera dan mengunggah gambar yang dipotong dari komputer. Gambar akan disimpan di suatu tempat di server VKontakte dan ditautkan ke grup, jadi tidak perlu membuat album terpisah untuk gambar yang dipotong. Anda perlu mengunggah gambar dalam mode markup Wiki.

Langkah 11
Sekarang dalam mode markup wiki kita akan membuat menu grafis. Sangat penting untuk membuat dalam mode markup wiki (ikon di sudut kanan atas dua tanda kurung segitiga), dan bukan dalam mode pengeditan visual. Informasi lebih lanjut tentang membuat kode dalam markup wiki dijelaskan pada Langkah 4 dan Langkah 5 dari pelajaran ““. Ada juga templat kode untuk dimasukkan. Jika semuanya dilakukan dengan benar, Anda akan mendapatkan menu grafis yang sudah jadi, seperti pada gambar di bawah.

Langkah 12
Sekarang kita kembali ke halaman utama grup, ambil URL halaman internal kita (seharusnya seperti ini https://vk.com/page-78320145_49821289) dan tempelkan ke jendela tempat berita dibuat. Sebuah jendela dengan link ke halaman internal ini secara otomatis akan dilampirkan. Setelah itu kita pindahkan kursor ke tulisan “Lampirkan” dan lampirkan foto pada postingan yaitu gambar kita di sebelah kiri dari Langkah 3. Setelah itu, kita hapus baris dari URL halaman internal, menyisakan ruang kosong. Penting! Pada langkah ini, Anda perlu mencentang kotak (jika Anda memiliki hak seperti itu, ini terutama berlaku untuk grup dengan dinding terbuka) di kotak centang “Atas nama grup”. Jika Anda tidak mencentang kotak ini, entri tidak akan dipasangi pin. Terakhir, klik “Kirim”.

Langkah 13
Pindahkan kursor ke tiga titik di sebelah judul postingan dan pilih “Pin” di jendela drop-down. Oleh karena itu, pemberitaan juga dipisah jika diperlukan.

Langkah 14
Ada satu peringatan. Kadang-kadang, setelah Anda melepas pin sebuah berita, berita tersebut akan berada jauh di bawah feed, sesuai dengan tanggal pembuatannya, dan mungkin cukup sulit untuk menemukannya lagi. Oleh karena itu, ada baiknya segera menuliskan URL berita yang disematkan di suatu tempat. Untuk melakukan ini, gerakkan kursor ke waktu berita dibuat dan klik tautannya.

Langkah 15
Sekarang kami memperbarui halaman utama grup. Menu grafis kami akan ditempatkan di bagian atas di sebelah avatar. Dan ketika kita mengklik gambar tersebut, kita dibawa ke halaman internal dengan menu lima item.

Salam teman-teman terkasih. Pada postingan hari ini saya ingin membahas tentang cara membuat menu untuk grup VKontakte. Melakukan hal ini tidak sesulit kelihatannya pada pandangan pertama, dan jika Anda memiliki setidaknya pengetahuan dasar tentang Photoshop atau Paint, Anda pasti akan berhasil. Jadi mari kita mulai.

Dengan struktur yang tepat, menu dapat meningkatkan jumlah penjualan atau arus pelanggan bisnis Anda, tergantung fokus grupnya. Sebagai contoh, perhatikan desain toko pakaian online:

Strukturnya terbentuk dengan sangat jelas, hanya dalam beberapa klik pengguna dapat menemukan semua yang dia butuhkan: nomor telepon, alamat, informasi pemesanan, katalog produk, dll. Menurut saya, desain ini membantu meningkatkan penjualan minimal 2 kali lipat.

Dalam versi ini, menu adalah katalog produk yang dibagi menjadi beberapa bagian, sehingga pencariannya menjadi sangat nyaman. Avatar komunitas berisi nomor kontak beberapa operator, yang memungkinkan pelanggan menghubungi penjual dengan cepat.

Berikut ini contoh solusi yang buruk:

Katalog dirancang dalam bentuk tautan biasa yang mengarah ke tujuan yang tidak diketahui. Setuju bahwa tidak ada keinginan khusus untuk mencoretnya; sebaliknya, Anda ingin keluar dari grup.

Dalam contoh ini, kami melihat opsi desain untuk toko online, namun Anda dapat menggunakan sesuatu yang serupa di topik lain. Rumusnya sederhana: struktur yang jelas + desain grafis = masuknya pelanggan dan peningkatan penjualan.

Sekarang mari kita lihat semua ini dari sudut pandang teknis.

Membuat menu untuk grup VKontakte

Pertama-tama, mari kita buat tata letak grafis dari menu masa depan. Untuk tujuan ini, kita akan menggunakan Photoshop (untuk gambar sederhana, Paint standar bisa digunakan). Buka program dan buat dokumen baru:

Saya akan membuat gambar dengan ukuran 500x500 piksel, namun tergantung pada jumlah dan lokasi bagian, ukuran gambar mungkin berbeda.

Sekarang unduh gambar yang ingin Anda gunakan sebagai latar belakang dan seret ke kanvas Anda. Jika Anda mahir dalam program ini, Anda dapat menggambar sendiri latar belakangnya.

Kemudian tulis bagian, tombol, dan nomor telepon yang telah dirancang sebelumnya pada gambar latar belakang. Kami nantinya akan mengubahnya menjadi tautan:

Untuk membuat potongan seakurat mungkin, Anda perlu menggunakan garis bantu dengan menekan CTRL+R. Arahkan mouse Anda ke baris paling atas dan seret ke gambar seperti ini:

Langkah terakhir adalah memotong objek. Untuk melakukan ini, klik tombol “Slices From Guides” di toolbar atas:

Kami menyimpan kerangka kerja untuk perangkat web. Atur format gambar ke JPG, pilih kualitas maksimum dan simpan, misalnya, ke desktop Anda:

Sebuah folder muncul di desktop dengan bingkai menu masa depan, yang perlu kita transfer ke grup.

Menampilkan menu menggunakan markup Wiki

Di grup Anda, buka “manajemen komunitas” dan periksa apakah bagian “materi” terhubung. Jika partisi dinonaktifkan, sambungkan:

Setelah ini, tab “berita terkini” akan muncul di grup. Klik tombol "edit", Anda akan ditransfer ke editor teks:

Alih-alih judul standar, tulis judul Anda sendiri, dan aktifkan juga mode markup wiki dengan mengklik ikon berlian:

Sekarang buka grup di tab baru dan unggah bingkai yang sudah disiapkan ke album foto, dan tempelkan kode berikut ke dalam editor teks, sebanyak jumlah bagian bingkai yang terbagi:

Alih-alih nilai "photo133337_133701019" Anda perlu memasukkan tautan ke foto

Alih-alih nilai "halaman-13333337_13333337" Anda perlu memasukkan tautan ke halaman atau bagian grup yang diinginkan

Alih-alih 370px, Anda dapat memilih dimensi Anda sendiri, dan parameter nopadding memungkinkan Anda menampilkan gambar penuh, tanpa itu, menu kami akan ditampilkan dalam potongan-potongan.

Dengan mengklik tombol “Lihat”, Anda dapat melihat tampilan menu di grup. Jika semuanya cocok untuk Anda, klik "Simpan hasil" dan nikmati pekerjaan yang telah selesai.

Jika Anda secara aktif mempromosikan grup Anda dan ingin membuatnya lebih populer, Anda mungkin tahu bahwa grup yang dirancang dengan indah adalah aspek yang sangat penting dalam pengembangan merek Anda, tetapi sebelum Anda berpikir untuk mendesain halaman publik VKontakte, Anda harus berpikir tentang tujuan grup VK Anda!

Biasanya, spesialis SMM, setelah menyelesaikan pembuatan grup VK, mulai mengisinya. Ini adalah konten yang dapat mempertahankan orang-orang dalam suatu kelompok. Tapi Anda hanya perlu melakukannya secara efisien dan kompeten! Setelah grup berisi: deskripsi, postingan dinding, album dengan foto dan video, rekaman audio, Anda harus mulai menerapkan menu fungsional. Dan biarlah menu di awal perjalanan tidak super cantik seperti yang biasa kita lihat di awal bekerja, melainkan sederhana. Pertama-tama, kegunaan konten yang ada itu penting!

Pada artikel ini Anda akan menemukan informasi tentang cara membuat menu grup VK sendiri! Oleh karena itu, jika Anda bingung dengan pertanyaan: bagaimana cara membuat menu grup VKontakte, ulasan ini cocok untuk Anda!

Navigasi cepat:

Apa itu menu grup

Menu dapat dianggap sebagai daftar semua fungsi publik yang tersedia. Dengan menggunakan menu, Anda dapat menampilkan semua elemen penting dalam satu daftar yang rapi dan indah, mengatur ikon atau gambar individual untuk tautan tertentu, dan mengirimkan pemberitahuan kepada pengunjung tentang perubahan yang direncanakan dengan cepat dan mudah. Menu dapat menampilkan elemen berikut: semua jenis tautan ke situs pihak ketiga, gelembung diskusi, musik, album, dan subbagian lain dalam situs VK, gambar, dan struktur umum publik Anda. Berdasarkan petunjuk di bawah ini, Anda dapat membuat menu untuk komunitas VKontakte Anda sendiri.

Membuat menu grup VKontakte online

Jika sebelumnya untuk membuat sebuah menu harus repot memasukkan berbagai kode yang cukup menyulitkan bagi orang yang tidak memiliki kemampuan pemrograman, namun kini Anda bisa membuat menu yang berkualitas dan cantik untuk grup di kontak online menggunakan layanan khusus.

Jadi, sekarang mari kita lihat lebih dekat cara kerja konstruktor tersebut. Perlu dicatat bahwa semuanya memiliki fungsi yang identik, jadi setelah Anda memahaminya, Anda dapat dengan bebas menggunakan salah satunya.

Prinsip pembuatan menu dapat dibagi menjadi beberapa langkah:

Langkah 1. Tentukan template desain.

Di situs yang memungkinkan Anda membuat grup menggunakan templat, ada desainer profesional yang secara kualitatif menggambar lusinan templat dengan gaya dan warna berbeda. Anda dapat memilih salah satu yang sesuai dengan grup Anda. Selanjutnya, Anda memiliki kesempatan untuk mengubah template kapan saja.

Langkah 2: Tentukan jumlah tombol.

Putuskan berapa banyak tombol yang menghubungkan ke halaman berbeda yang akan ada di menu Anda.

Langkah 3. Tentukan tautan dan keterangan.

Langkah 4. Verifikasi dan ekspor.

Pastikan menu yang sudah selesai berfungsi sesuai keinginan Anda, lalu unggah ke komunitas Anda. Layanan akan secara mandiri menghasilkan semua gambar yang diperlukan, menghasilkan kode, dan, dengan izin Anda, mengunggah semuanya ke halaman publik Anda.

Langkah 5. Melakukan perubahan.

Jika Anda perlu melakukan perubahan, misalnya menambahkan tombol baru, memperbaiki link dan prasasti, mengubah desain, cukup masuk ke akun Anda, lakukan perubahan dan ekspor menu lagi.

Seperti yang telah Anda lihat sendiri, membuat menu berkualitas tinggi, mudah diakses, dan indah menggunakan server khusus adalah pilihan terbaik bagi administrator VK. Perlu dicatat bahwa server tersebut menawarkan layanan gratis hanya untuk satu kali – uji coba. Penggunaan sumber daya semacam ini selanjutnya harus dibayar. Namun, meskipun demikian, hasil dari penggunaan fungsi tersebut tidak diragukan lagi akan membenarkan investasi Anda.

Buat spanduk untuk grup VKontakte gratis!

Ada situs khusus di mana, tanpa banyak usaha dan perangkat lunak, Anda dapat menjadikan diri Anda spanduk cantik untuk grup VKontakte. Misalnya https://bannermakers.ru/banners-vk/.
Selain membuat menu dengan cara ini, ada juga cara membuat menu di grup VK dengan cara lain. Baca tentangnya di bawah.

Markup wiki menu VK

Markup Wiki adalah asisten hebat dalam menciptakan komunitas yang indah dan efektif! Ini adalah cara yang sangat nyaman dan efektif untuk membuat halaman publik di jaringan VKontakte yang populer. Markup ini sangat mirip aksinya dengan kode html. Namun bagi mereka yang tidak terlibat dalam pemrograman,

ini akan menjadi lebih jelas karena kemudahan implementasinya. Markup ini mendapatkan namanya berkat Wikipedia, di mana banyak pengguna untuk pertama kalinya memiliki kesempatan untuk mengenal fitur-fitur utama dari fungsinya. Markup Wiki memungkinkan orang yang tidak memiliki keahlian pemrograman membuat grup dengan mudah dan cepat:

· Buat spoiler dan tabel secara grafis.

· Format gambar dan teks.

Jadi, mari kita beralih ke analisis cara membuat menu untuk komunitas VK?

Tentu saja, dalam proses mendesain menu grup, rekomendasi tambahan mungkin diperlukan, namun secara umum, Anda dapat memahami prinsip pembuatannya menggunakan panduan ini. Jika kita mempertimbangkan html, maka untuk mempelajari dan mengerjakannya Anda perlu menghabiskan beberapa hari atau sekitar satu minggu. Bekerja dengan markup Wiki dengan memori yang baik hanya membutuhkan waktu. Bagaimana seharusnya hal itu dibuat? Pendekatan apa yang harus diambil?

Mari kita membahas sedikit tentang sejarahnya, dan kemudian kita akan berbicara tentang teknologi. Ward Cunningham pertama kali memperkenalkan konsep "wiki" kepada orang-orang, yang berarti "cepat" dalam bahasa Hawaii. Karena itu, ia mengungkapkan kesederhanaan dan kecepatan penggunaan markup.

Pendaftaran cepat

Sekarang kita akan melihat pertanyaan: “Bagaimana cara membuat menu dalam grup di VK” dan menjelaskan bagaimana menerapkannya secara efektif. Dalam prosesnya, Anda dapat mengambil beberapa jalur, yang masing-masing memiliki arahnya sendiri dan mengarah ke tujuan akhir - memiliki menu grup berkualitas tinggi.

Kami akan menanganinya secara berurutan. Jika kelompok mengusung makna arahan sosial, maka menu teks dapat diperkenalkan. Keunggulannya terletak pada penampilannya yang serius. Komunitas komersial dan tipe hiburan disarankan untuk menentukan tarif pada menu - grafik. Jangan lupa ada template menu grup VK yang sudah jadi. Penggunaan gambar akan menarik perhatian pengunjung terhadap apa yang seharusnya terlihat. Menggunakan pendekatan ini akan memberi Anda kesempatan untuk menjadikan berada dalam kelompok lebih menyenangkan dan santai. Markup Wiki memungkinkan Anda membuat menu grup dengan gambar dan foto, membuat tabel, menyematkan dan membuka tautan, dan banyak lagi. Tentu saja, ini bukan keseluruhan daftar fungsinya, tetapi mendesain menu komunitas Anda mudah dan dalam skala yang cukup mengesankan.

Dasar-dasar markup Wiki dalam membuat menu untuk grup VK

Gambar dan foto tematik akan memungkinkan Anda membuat menu grup VK yang indah dan menarik. Penting untuk diketahui bahwa di VKontakte Anda dapat menyisipkan foto atau gambar yang diperlukan menggunakan markup wiki hanya jika sudah diunggah ke album situs. Jadi, buka albumnya, tentukan foto yang diinginkan dan salin alamatnya. Katakanlah akan menjadi seperti ini: photo14523_90678. Sekarang Anda perlu menangkapnya dalam tanda kurung siku ganda. Hasilnya akan seperti ini: []. Bagaimana jika Anda perlu melampirkan tautan atau teks ke gambar atau foto? Atau mungkin ada kebutuhan untuk mengedit gambar eksternal? Maka tindakan berikut akan membantu di sini: Anda memerlukan file untuk terlihat seperti ini - [[photo14523_90678|options|text/link]], dan alih-alih tiga kata terakhir, Anda perlu mengganti apa yang Anda butuhkan. Teks - masukkan apa yang Anda butuhkan. Di sini, penjelasan tambahan mungkin tidak tepat. Tautan yang diterjemahkan dari bahasa Inggris adalah “link”. Didesain agar mobil pengunjung paham kemana harus pergi. Opsi - nilai berikut ditetapkan di sini:

Noborder - menghapus bingkai yang terletak di dekat foto. Kotak - gambar terletak di jendela.

Nopadding - spasi antar gambar tidak ditampilkan.

NNNxYYYpx atau NNNpx - menunjukkan ukuran gambar (dalam piksel).

Sebagai aturan, perlu untuk menyematkan elemen ke dalam menu teks dan grafik grup VK yang memungkinkan Anda menyajikan informasi dalam bentuk yang nyaman bagi pengunjung, yaitu tabel. Hanya sedikit komunitas di VKontakte yang dapat bertahan tanpanya. Untuk membuat tabel menggunakan markup wiki, Anda perlu menggunakan daftar simbol tertentu. Di bawah ini Anda akan mengetahui fungsi apa yang menjadi tanggung jawab setiap simbol:

(| - penunjukan awal tabel. Tidak mungkin dilakukan tanpa simbol ini saat membuat tabel; ini adalah atribut yang diperlukan.

| - Digunakan untuk memberikan efek transparan pada sel.

|+ - menggunakan kumpulan karakter ini, nama tabel ditempatkan di tengah. Ini bukan atribut wajib, tetapi harus ditempatkan segera setelah tanda-tanda yang menjadi ciri permulaan.

|- - ini adalah bagaimana garis baru ditetapkan (juga untuk sel).

Menciptakan warna gelap. Jika simbol ini tidak ada, maka harus menggunakan tanda dari poin No.2.

|) adalah sekumpulan karakter yang menunjukkan akhir tabel. Ini adalah atribut opsional. Namun tetap disarankan untuk menggunakannya untuk mencegah terjadinya kesalahan.

Sekarang mari kita lihat cara mengisi sel. Semua informasi yang harus dicantumkan di dalamnya ditempatkan setelah tanda |. Jika Anda perlu memisahkan sel satu sama lain, Anda hanya perlu menduplikasinya seperti ini: ||.

Sekarang Anda telah mempelajari informasi langkah demi langkah tentang cara membuat menu di grup VK menggunakan markup wiki. Dengan menggunakan contoh pembuatan menu untuk halaman publik Anda, semuanya akan menjadi lebih jelas bagi Anda.

Cara membuat menu di grup VK dengan desain baru 2018

Desain baru VK tidak hanya menghadirkan kenyamanan pada fungsionalitas situs, tetapi juga kebingungan bagi administrator publik. Di bagian ini, kita akan melihat langkah demi langkah cara membuat menu untuk grup dalam desain baru.

Nah, panduan cara membuat menu di VK versi baru dengan cepat dan yang terpenting tanpa kesalahan kode ada di depan Anda. Dengan mengikuti petunjuknya dengan tepat, Anda dapat membuat menu sendiri, dengan benar dan cepat! Mari kita mulai!

1. Buka gambar menu di Photoshop atau editor grafis lainnya.

2. Kami memeriksa ukuran gambar dan jika lebarnya melebihi 600 piksel, kami mengubah ukurannya menjadi 600, tinggi gambar berubah secara proporsional, kami tidak mengaturnya secara manual!

3. Gunakan alat pemotong dan potong gambar kita menjadi tombol.

4. Simpan gambar dalam parameter “untuk WEB”. Sekarang pekerjaan Photoshop sudah selesai. Ayo pergi ke komunitas.

5. Buka pengaturan komunitas di “Material”, pilih “Dibatasi” dan klik “Simpan”.

6. Masuk ke halaman utama, pada subbagian “berita terkini”, klik “edit”.

7. Jadi kita masuk ke editor Wiki, sekarang aktivitas paling dasar akan dimulai. Ubah kolom "berita terkini" menjadi "menu" atau lainnya dan klik ikon kamera, masukkan semua potongan dari folder yang disimpan.

Jika gambar muncul sebagai pengganti kode segera setelah memasuki editor menu markup wiki, Anda perlu mengganti mode markup wiki!

Sekarang kita memiliki kode untuk menu kita, tetapi perlu sedikit modifikasi untuk menghilangkan spasi di antara gambar. Sekarang kode kita terlihat seperti ini: [][-][-][-][-]

Beralih ke pratinjau, kita akan melihat bahwa gambar tidak berada di tempat yang seharusnya, dan, sebagai tambahan, ada spasi di antara gambar tersebut.

8. Edit kode: Secara default, VK memiliki resolusi bawaan untuk ukuran gambar maksimum lebar 400px, tombol pertama ternyata 600, ubah parameter tombol pertama 400x89px menjadi 600px, tidak perlu untuk menentukan ketinggian. Kami juga memasukkan tag berikut ke setiap baris: nopadding harus dipisahkan dengan titik koma.

Penting! Jangan klik ENTER setelah baris kode jika Anda ingin memiliki dua tombol bersebelahan pada baris menu yang sama. Editor akan secara otomatis memindahkan parameter yang tidak sesuai ke baris baru! Kode ini akan terlihat seperti ini setelah diedit:

[][-][-][-][-]

Sekarang, dengan masuk ke "pratinjau" kita melihat bahwa semuanya sudah pada tempatnya. Kami menambahkan tautan yang diperlukan ke setiap tombol ke kode; sebagai contoh yang jelas, tautan ke tombol pertama tidak dapat diklik di sini! Jangan lupa untuk menghilangkan spasi ekstra di antara | Dan ].

[][-][-][-][-]

Setelah memastikan semuanya selesai sesuai rencana, klik “simpan” dan kembali ke halaman. Perlu diketahui bahwa pada versi baru 2018 tidak ada tombol “kembali ke halaman”, jadi Anda hanya perlu mengklik nama halaman di bagian atas.

9. Sekarang kita perlu menyematkan menu kita. Untuk melakukan ini, salin link ke halaman dari menu kami dan kembali ke halaman utama grup.

10. Anda perlu menempelkan tautan yang disalin ke kolom pesan baru. Setelah sepotong menu ditampilkan, tautannya harus dihapus! Dan menggunakan ikon kamera Anda perlu menambahkan gambar yang sudah disiapkan sebelumnya untuk spanduk. Cantumkan “atas nama komunitas” dengan mengklik lingkaran di sebelah kiri tombol “kirim” dan klik “kirim”

11. Sekarang mari kita perbaiki menu, segarkan halaman dan evaluasi hasilnya. Keseluruhan pekerjaan, secara perlahan, memakan waktu sekitar 15-20 menit.

Cara membuat menu di grup VK dengan transisi

Sekarang mari kita lihat bagaimana Anda bisa membuat menu grup VK dengan transisi.

Jadi, bagaimana Anda membuat satu menu wiki di dalam menu wiki lainnya? Pertama-tama menu pertama harus sudah siap. Kita akan mulai dari gambar yang sudah dipotong menjadi tombol-tombol. Kami menambahkan potongan gambar melalui simpanan kamera di editor wiki. Jika gambar muncul alih-alih kode, berarti mode markup wiki tidak diaktifkan sebelum menambahkan gambar, klik<>

Jangan lupa klik "Simpan" di bagian bawah halaman! Jika perlu, Anda dapat mengubah ukuran gambar dan menambahkan tag nopadding ke kode, secara default tidak ada, dan ukuran lebar gambar harus maksimal 400 piksel, jika gambar perlu diperbaiki menjadi ukuran yang diinginkan!

1. Setelah mengedit kode, simpan dan klik “kembali”.

2. Periksa apakah menu pertama ditampilkan dengan benar.

3. Jika semuanya sudah sesuai, klik “edit” lagi.

Sekarang Anda perlu membuat halaman wiki baru dimana menu kedua akan ditempatkan. Di akhir kode kami menulis nilai menu untuk VK 2 publik, atau teks apa pun yang Anda perlukan. Simpan dan kembali. Tautan aktif dengan nama baru akan muncul di bagian bawah. Untuk kenyamanan maksimal, buka di tab browser lain.

Selagi halaman yang baru Anda buat masih kosong, klik “edit” atau “isi dengan konten”

Sama seperti yang kami lakukan di awal, kami menambahkan bagian dari menu kedua, menyimpan dan melihat seperti apa menu baru tersebut.

Jika semuanya sudah sebagaimana mestinya, salin link ke halaman menu baru di bilah alamat browser Anda.

Katakanlah menu baru akan terbuka ketika Anda mengklik tombol “Review” di menu pertama. Anda harus pergi ke tab tempat kami membuat menu pertama dan menemukan baris ketiga dan menempelkan tautan dari buffer, simpan dan kembali.

Jadi, ketika Anda mengklik tombol “Review”, menu kedua kami akan terbuka.

Cara membuat menu grup VK dari ponsel Anda

Jika Anda “cukup beruntung” untuk bekerja sebagai administrator grup VK atau membuat grup sendiri hanya dengan telepon, maka jika Anda beradaptasi, sangat mungkin untuk membuat menu grup dari telepon Anda tanpa banyak usaha.

Semua orang tahu bahwa pembuat VK menawarkan versi seluler yang cukup nyaman kepada penggunanya, dan Anda telah mempelajari berbagai cara untuk membuat menu. Namun, memasukkan kode secara manual menggunakan markup wiki dimungkinkan, tetapi tidak sepenuhnya nyaman. Tetapi mengunduh templat dari situs web layanan khusus dan memasukkannya ke dalam bidang yang diperlukan cukup sederhana dan nyaman, dan tidak akan memakan banyak waktu. Dengan demikian, Anda dapat mengelola grup VKontakte dengan sederhana dan nyaman.

Templat menu grup VKontakte

Semua metode yang dijelaskan di atas untuk membuat menu grup VK cukup sederhana, dan jika Anda menerapkannya dalam praktik, Anda dapat memastikan bahwa tidak ada yang rumit dalam hal ini. Beradaptasi dengan pengenalan gambar dan tabel menggunakan markup wiki cukup sederhana dan cepat. Namun akan lebih cepat dan nyaman menggunakan templat menu grup yang sudah jadi, yang dapat ditemukan pada sumber daya yang disebutkan di atas, atau diunduh dari blog dan situs web pengguna yang sama.

Perlu dicatat bahwa templat menyiratkan adanya gambar dan gambar dari berbagai topik. Mereka juga memiliki desain serbaguna. Jika Anda tidak punya waktu untuk mencari gambar, atau tidak punya cukup imajinasi untuk membuat menu yang berwarna-warni, lebih baik gunakan menu yang sudah jadi.

Salam, teman-teman terkasih dan tamu blog. Hari ini kita akan berbicara tentang membuat menu di VK dan bagaimana melakukannya dalam desain jejaring sosial yang baru. Ada perubahan yang cukup signifikan yang perlu Anda waspadai, karena jika menu dibuat dengan desain lama yang saya tulis, maka gambarnya mungkin terlihat miring.

Menu grup VKontakte- ini wajahnya. Inilah yang dilihat pengguna saat pertama kali memasuki komunitas, dan seberapa mudah diakses dan menarik segala sesuatu yang dirancang sangat menentukan apakah ia akan menjadi anggota tetap grup.

PENTING: Setelah perubahan desain umum di VK, ukuran gambar untuk menu di jejaring sosial juga berubah. Periksa pekerjaan Anda dan buat perubahan dalam kelompok yang dibahas di bawah ini.

Jenis menu dan fitur-fiturnya

Langkah pertama dalam membuat komunitas adalah menentukan tujuan utamanya. Desain menu di masa depan dan fitur fungsionalnya bergantung pada ini.
Tergantung pada tujuan kelompok, menunya dapat berupa:

• untuk platform informasi;
• ;
• untuk tempat pelatihan.

Bagian utama berkaitan dengan informasi. Ini adalah komunitas tempat pengguna diberikan semacam konten yang menghibur atau mendidik. Untuk grup seperti itu, yang terbaik adalah menggunakan menu yang menampilkan topik utama. Dengan demikian, publik populer membuat bagian: berita, publikasi terbaru, publikasi populer, serta bagian khusus tentang topik grup.

Menu masyarakat perdagangan dan pendidikan mungkin serupa. Tujuan keduanya adalah untuk membantu penggunanya menavigasi berbagai barang atau jasa. Menu untuk penjualan, biasanya, mencakup bagian-bagian seperti Katalog Produk, Pembayaran, Pengiriman, Promosi dan diskon, dan untuk pelatihan mungkin terbatas pada bagian yang menjelaskan layanan, karena hal utama di sini adalah pengguna menemukan program pelatihan atau bahan yang dia perlukan.

Cara membuat menu di grup VKontakte: petunjuk langkah demi langkah

Keseluruhan proses dapat dibagi menjadi 2 tahap:

• Bekerja di Photoshop;
• Menambahkan bagian dan gambar dalam grup itu sendiri.

Untuk menjawab pertanyaan tentang cara membuat menu di grup VKontakte secara akurat, Anda harus membayangkan secara visual desain masa depan dengan semua bagiannya, dan kemudian, dalam prosesnya, Anda dapat menambahkan item yang masih terlintas dalam pikiran.

Pada tahap pertama, avatar grup dan gambar untuk menu itu sendiri dibuat. Satu gambar untuk avatar dan menu akan terlihat lebih serasi.

Pilihan atau pembuatan avatar harus ditanggapi dengan sangat serius, karena banyak pengguna memberikan perhatian khusus padanya. Anda dapat menemukan gambar yang sesuai di Internet dan menambahkan tulisan atau beberapa elemen ke dalamnya di Photoshop, atau Anda dapat membuat sendiri gambar yang benar-benar unik.

Karena kita juga perlu membuat menu drop-down, kita mencari atau membuat gambar yang paling sesuai dengan tema grup atau sekedar mengambil background yang indah. Pengerjaan gambar akan dilakukan di Adobe Photoshop, karena fungsi editor foto konvensional tidak cukup untuk semua operasi yang diperlukan. Semua ukuran ditentukan oleh jejaring sosial VKontakte itu sendiri, dan penyimpangan yang signifikan ke atas atau ke bawah akan menyebabkan fakta bahwa avatar tidak akan dimuat sama sekali atau tidak akan menyatu dengan menu.

Algoritma tindakan:

• Buka Photoshop dan buka "file" - "buat" dan atur lebar dan tinggi masing-masing: 760X500.

• Pilih alat "pemotong", lalu "pisahkan fragmen". Bagilah gambar menjadi 3 bagian secara horizontal. Untuk fragmen dari tepi kiri atau kanan di jendela drop-down (tergantung bagian mana yang ingin Anda lihat di avatar), tulis nilai lebar dan tinggi – 200XX dan Y) – 560 dan 0. Ini akan menjadi avatar grup.

• Untuk fragmen berikutnya, atur lebar dan tinggi menjadi 50X500, dan tulis 510 dan 0 pada koordinatnya. Bagian ini tidak diperlukan lagi nantinya.

• Sekali lagi, pilih “split fragment” dan bagi secara vertikal menjadi 2 bagian. Untuk fragmen di atas kami menetapkan nilai berikut: lebar – 510, tinggi – 182, koordinat – 0. Ini adalah spasi di atas menu. Bagian ini juga tidak akan terlihat di grup.

• Sekarang kita salin gambar yang dipilih atau dibuat ke objek yang dibuat dan dibagi. Jika tombol pintas CTRL+V tidak berfungsi, cukup buka lokasi di komputer Anda tempat gambar disimpan dan seret ke Photoshop.

• Kami membagi ruang yang tersisa secara vertikal menjadi fragmen sebanyak yang ada di bagian menu. Anda tidak perlu menetapkan nilai untuknya.
  Kami menulis nama setiap bagian.

• Langkah terakhir adalah menyimpan gambar. Anda perlu menyimpan gambar seperti ini: file – simpan untuk Web. Metode ini cocok untuk versi Photoshop yang lebih baru. Jika tidak ada "simpan untuk Web" di bagian "file", maka kami melanjutkan sebagai berikut:

Buka item "file", pilih "ekspor" - "simpan untuk Web". Kami membiarkan semua parameter apa adanya. Klik "simpan" lagi.

Pilih folder di komputer Anda dan simpan gambar di sana. Mereka akan terlihat seperti ini:

Sekarang mari kita lanjutkan ke tahap kedua untuk mengetahui cara membuat menu di grup VKontakte - langsung menambahkan menu ke publik. Untuk melakukan ini:

• Pertama-tama, Anda perlu menghubungkan Materi, karena ini adalah satu-satunya cara untuk menambahkan bagian mana pun di halaman utama. Untuk melakukan ini, buka Manajemen Komunitas dan di bagian paling bawah halaman pilih “Materi”, lalu “buka”. Simpan perubahannya.

• Kami mengunggah semua foto ke grup, kecuali avatar dan bagian-bagian yang tidak diperlukan. Agar foto ditampilkan di halaman utama, Anda harus kembali ke Manajemen Komunitas dan klik di seberang tab “foto” - “buka”.
• Mengunggah avatar.
• Langkah selanjutnya adalah mengaktifkan mode markup wiki. Anda dapat melakukan ini dengan mengklik ikon berlian di sisi kanan halaman di bagian “edit”.

• Disini kita masukkan kode markup: [], dimana [] adalah link ke bagian atau halaman yang akan anda tuju dengan mengklik foto tersebut. Anda dapat menambahkan tautan ke bagian di VKontakte itu sendiri dan ke sumber daya eksternal.
• Kode ini diduplikasi sebanyak bagian menu, setiap kali menyisipkan link.
  Jika diinginkan, kami juga mengubah tab “berita terkini”, misalnya menjadi “menu.

• Klik "simpan halaman", kembali ke bagian utama grup dan perbarui halaman. Menu ditutup secara default, tetapi pengguna, dengan mengklik nama yang sesuai, akan dapat membuka bagiannya dan menavigasinya.

Ini menyelesaikan seluruh proses, tetapi Anda harus memeriksa apakah tautannya berfungsi dan apakah batas fotonya cocok.

Layanan untuk membuat menu grup

Jika Anda masih belum memahami cara membuat menu di grup VKontakte dan petunjuk langkah demi langkah tidak membantu Anda, Anda dapat menggunakan layanan khusus yang akan membuat dan bahkan menambahkan dengan indah
menu yang dirancang untuk grup.

Salah satu layanan paling populer adalah MenuMake. Setelah mengirimkan aplikasi, pesanan akan siap dalam waktu 5 menit, dan kemudian, jika diinginkan, menu akan ditambahkan ke grup. Pada saat yang sama, semua keinginan pelanggan mengenai desain dan jumlah bagian diperhitungkan.

Hormat kami, Galiulin Ruslan.