Menjual desain menu VKontakte dimulai dengan pilihan yang tepat. Apakah Anda memiliki toko online, perusahaan konstruksi, apakah Anda terlibat dalam pembinaan atau Anda seorang seniman kecantikan? Setiap bisnis adalah unik dan memerlukan pendekatan khusus terhadap desain menu wiki. Dari artikel kami Anda akan mempelajari jenis menu apa saja yang ada untuk grup VKontakte, apa saja fitur dan perbedaannya, serta menu mana yang harus dipilih untuk bisnis Anda.

Ini adalah jenis menu yang paling umum dan termurah. Memungkinkan Anda membuat navigasi yang nyaman melalui bagian grup atau ke sumber daya eksternal: diskusi, album foto, katalog produk, orang, video, situs web perusahaan, atau halaman di jejaring sosial. Desain menu navigasi biasanya tidak lebih dari 1000px dan muat dalam satu layar monitor.

Jenis menu navigasi:

Menu ini memiliki fungsi sederhana dan dipasang hanya pada satu halaman wiki. Tombol menu mengarah langsung ke bagian grup atau situs eksternal yang diinginkan, tanpa membuka halaman navigasi tambahan. Ini adalah pilihan menu yang nyaman jika Anda tidak memiliki banyak layanan/produk dan tidak diposisikan sebagai perusahaan besar.

Menu satu halaman cocok untuk toko online kecil, fotografer, pelatih, dan artis kecantikan.

Menu multi-halaman

Ini adalah jenis menu navigasi di mana transisi melalui bagian grup dilakukan sesuai dengan strukturnya. Sebagai contoh: tombol “produk” mengarah ke halaman wiki baru, yang menampilkan daftar bagian “pakaian anak-anak”, “untuk wanita”, “untuk pria”, dll. Setiap halaman wiki dapat memiliki desain uniknya sendiri, tombol aktif, atau duplikat desain halaman menu utama.

Menu multi-halaman akan berguna untuk toko online ketika Anda perlu membantu pelanggan dengan cepat dan mudah menemukan bagian yang diinginkan dalam grup.

Halaman arahan Wiki di VKontakte

Pendaratan Wiki atau disebut juga pendaratan VKontakte adalah jenis menu yang paling populer. Kecintaan klien kami terhadap desain menu ini tidak mengejutkan - desainnya indah dan terstruktur, semua informasi terpenting tentang grup Anda ada di satu halaman, tombol pemesanan aktif (mengarah ke PM administrator atau pesan grup) dan produk katalog. Bagian apa pun yang ingin Anda buat di halaman wiki Anda, itu mungkin.

• Deskripsi perusahaan dan kegiatannya
• Kategori jasa atau barang
• Umpan balik pelanggan melalui desain grafis
• Video dan video promosi
• Manfaat bekerja dengan Anda
• Promosi dan penawaran khusus
• Deskripsi jasa atau barang
• Artikel populer di grup
• Kontak untuk menghubungi Anda
• Kartu aktif dengan alamat perusahaan
• Jawaban atas pertanyaan yang sering diajukan

Pendaratan Wiki adalah pilihan terbaik bagi perusahaan besar yang menyediakan layanan, toko online dengan fokus sempit dan pelatih

Kami menjawab pertanyaan umum tentang menu wiki:

Faktor utama dalam memilih desain untuk grup VKontakte adalah tema bisnis Anda dan anggaran pengembangan desain. Jika Anda memiliki perusahaan muda atau baru saja memutuskan untuk membuat grup dan ingin menguji popularitas layanan Anda di Internet, Anda harus memberikan preferensi pada menu navigasi. Bagi mereka yang ingin membuat desain grafis yang indah untuk grup dan menerima lebih banyak lamaran, kami sarankan memilih halaman arahan VKontakte.

Ketika menu grup telah digambar oleh perancang dan dipasang di halaman wiki, Anda dapat dengan mudah menautkannya ke postingan atau spanduk mana pun di postingan yang disematkan. Untuk melakukan ini, Anda perlu membuka link menu wiki di tab browser baru, menyalinnya, kembali ke grup Anda dan menempelkan link yang disalin ke postingan baru. Saat pratinjau tautan dimuat, teksnya harus dihapus dari postingan. Anda dapat menulis informasi apa pun dalam publikasi ini, ajakan bertindak dan kontak, lalu melampirkan gambar (foto) dan klik tombol “Terbitkan”. Sekarang klik “Sematkan” dan spanduk dengan tautan aktif ke menu grup akan selalu terlihat.

Bagaimana cara membuat menu di grup VKontakte?

Untuk melakukan ini, Anda memerlukan keahlian dalam editor grafis seperti Adobe Photoshop (format psd), Adobe Illustrator (format ai atau eps) atau CorelDRAW (format cdr). Masing-masing program ini akan melakukan tugasnya dengan sangat baik. Buat dokumen baru dengan dimensi lebar 607 px (sebaiknya buat dokumen 608 px) dan atur panjang menu yang diperlukan (tinggi dokumen). Sekarang Anda dapat mulai mendesain. Di Internet Anda akan menemukan banyak video tentang cara membuat menu VKontakte sendiri, tetapi jika Anda ingin membuat desain yang cantik dan profesional, lebih baik menghubungi desainer berpengalaman.

Tata letak menu grafis juga memiliki kehalusan tersendiri. Misalnya: Anda perlu memahami tata letak wiki VKontakte, mempelajari cara beralih di antara fitur-fitur editor, berupaya menghubungkan tautan ke setiap bagian desain, dan mengatur ukuran menu dengan benar. Untuk orang yang belum berpengalaman, pekerjaan ini bisa memakan waktu hingga beberapa hari, ketika seorang desainer dapat menggambar menu grafis dan menggabungkannya ke dalam kelompok dalam beberapa jam.

Apa perbedaan antara menu publik dan grup VKontakte?

Tidak ada perbedaan desain grafis menu untuk umum, grup atau acara. Perbedaannya hanya pada pemasangan menu pada halaman wiki. Dalam acara dan publik tidak ada fungsi untuk memasukkan “Materi”. Melalui bagian inilah tautan dibuat ke halaman wiki tempat menu grup akan dipasang. Namun, ada jalan keluar dari situasi ini dengan menerbitkan kode wiki, yang akan membuka akses untuk membuat halaman wiki.

Bagi seorang desainer berpengalaman, membuat menu VKontakte bukanlah masalah!

Apakah Anda bosan dengan menu di grup VKontakte atau ingin menyembunyikannya? Hal ini dapat dilakukan dengan beberapa cara: menonaktifkan “Material” di pengaturan grup, menghapus postingan yang disematkan dengan tautan ke menu, atau menghapus kode menu di halaman wiki. Cara tercepat dan termudah adalah dengan menonaktifkan bagian "Bahan" - menu dalam grup tidak akan terlihat lagi dan Anda selalu dapat mengembalikannya jika diinginkan. Halaman wiki VKontakte itu sendiri tidak dapat dihapus.

Contoh desain menu yang cantik

Hanya seorang desainer yang dapat membuat desain menu grup VKontakte yang indah, dan ini tidak mengherankan. Untuk mengembangkan desain yang indah, Anda memerlukan keterampilan dalam bekerja dengan editor grafis dan selera yang baik, dan ini disertai dengan pengalaman. Dengan menggunakan contoh kami, Anda dapat membandingkan tampilan menu navigasi dan halaman wiki di grup VKontakte, serta mendapatkan ide untuk desain.

Pesan desain menu untuk grup VK

Kami telah bekerja di bidang desain grup VKontakte sejak tahun 2012 dan selama ini kami telah menyelesaikan lebih dari 200 proyek desain. Layanan paling populer di kalangan klien kami adalah desain grup turnkey dengan wiki landing. Layanan mahal di studio kami ini disediakan tanpa markup besar, karena Anda bekerja langsung dengan desainer dan kami tidak membebankan biaya tambahan apa pun - untuk pengeditan, waktu yang dihabiskan, atau pembelian grafik. Apakah Anda tertarik dengan penawaran kami? Hubungi kami melalui bagian di situs ini.

Seperti yang Anda ketahui, ketika seseorang membaca atau membuka sumber daya web tertentu, dia memperhatikan desain dan antarmuka selama 8 detik pertama. Pada saat yang sama, ia memastikan kegunaan yang baik atau buruk (kemudahan penggunaan). Menu dalam grup di jejaring sosial VKontakte, yang akan kita bicarakan hari ini dan melihat prinsip konstruksinya menggunakan contoh, memungkinkan Anda tidak hanya menyajikan informasi dengan warna-warni dan "membedakan diri Anda" dari pesaing Anda menjadi lebih baik, tetapi juga juga untuk mengidentifikasi dengan tepat item-item tersebut dan membuat perubahan pada aksen yang diperlukan.

Lihat saja beberapa contoh untuk memahami betapa indah dan nyamannya:

Mari kita mulai. Untuk memulainya, perlu diperhatikan bahwa jika Anda ingin membuat menu sendiri dari awal, Anda memerlukan semua informasi berikut. Jika Anda sudah memiliki desain, Anda dapat melewati sebagian artikel dan langsung menuju penempatan dan markup wiki.

Desain menu

Memungkinkan Anda menyelesaikan dasar untuk proyek masa depan. Untuk menyelesaikan bagian pekerjaan ini, pengetahuan tentang program seperti Adobe Photoshop dipersilakan. Seperti inilah ukuran template di mana kita akan mengimplementasikan menu cantik di masa depan.

Lebar avatar 200 piksel, tinggi 500. Gambar menu utama 510*308. Hasilnya, kita akan mendapatkan “menu” yang begitu indah di akhir.

Harap dicatat bahwa tergantung pada informasi yang ditulis setelah nama grup, ketinggian gambar di sebelah kanan (avatar) dapat berubah, dan karenanya, segala sesuatu yang terletak di dekatnya dapat berubah!

Sumber tata letak PSD ini diimplementasikan sebagai contoh. Unduh.

Kami tidak akan fokus pada bagaimana template itu dibuat; kami akan segera mulai mempersiapkannya untuk ditempatkan di grup baru atau yang sudah ada. Buka file di Photoshop.

Pertama-tama, simpan avatarnya. Salah satu cara untuk menyimpan dengan cepat jika semua yang ada di file terstruktur dan hanya ada sedikit elemen (seperti dalam kasus kami). Matikan visibilitas lapisan yang tidak kita perlukan.

Buka bagian “Gambar” dan pilih operasi “Pemangkasan”.

Pada output kita mendapatkan:

Jika gambar yang dihasilkan berukuran besar, Anda dapat menggunakan alat “Simpan untuk Web”. Perintah ini juga terletak di bagian "File".

Kami melakukan operasi serupa dengan gambar yang akan ditampilkan saat menu pertama kali ditampilkan. Dalam kasus kami, kami membiarkan folder "menu terbuka" dan "latar belakang menu" terlihat di folder "menu dengan mobil". Hasilnya adalah:

Sekarang Anda perlu menyimpan dan memotong menu tingkat kedua. Untuk melakukan ini, biarkan "latar belakang menu" terlihat di folder "menu dengan mobil" dan tambahkan "Menu tingkat kedua" ke dalamnya.

Kemudian kita akan menggunakan alat “Pemotongan” yang dapat ditemukan di menu sebelah kiri.

Kami "memotong" gambar kami menjadi bagian-bagian yang sesuai. Dalam kasus kami akan ada tiga di antaranya.

Ini menyelesaikan bagian persiapan. Mari kita beralih ke panggung utama.

Markup wiki dari menu yang sudah jadi di VKontakte.

Pertama-tama, Anda perlu mengunggah foto grup atau avatar dengan mengklik link dengan nama yang sama dan memilih file yang kita butuhkan.

Kemudian pastikan untuk melakukan urutan tindakan berikut. Buka "Manajemen Komunitas" dan di item "Bagian" di seberang tombol "Bahan", pilih "Dibatasi".

Hal ini harus dilakukan agar pengguna dan anggota grup tidak dapat mengubah dan/atau mengedit item tambahan, termasuk menu.

Setelah operasi selesai, kami mengunggah gambar potongan kami ke album komunitas.

Buka bagian “Berita Terbaru”, pilih “Edit” dan masuk ke menu editor.

Untuk mempercepat proses, gunakan tombol “Kamera” dan klik “Pilih dari foto komunitas.”

Setelah menambahkan, kembali ke menu editor dan tekan tombol “<>", yang mana kami akan melakukan pengeditan lebih lanjut. Kami juga segera mengganti nama bagian tersebut dan alih-alih “Berita terbaru” kami menulis “MENU GROUP” dalam kasus kami.

Struktur umum setiap bagian yang diiris terlihat seperti ini pada markup - [], di mana:

id – pengidentifikasi (nomor) gambar yang Anda unggah;

X dan Y – ukuran gambar horizontal dan vertikal dalam piksel;

Melihat templatnya, kami mengedit markup wiki kami dan secara berkala membuka bagian “Pratinjau”, yang secara visual menampilkan perubahan yang telah kami buat.

Semua gambar harus ditutup dengan tag sekaligus (dan bukan, seperti defaultnya, setiap gambar)

Karena kita telah membiarkan tag memusatkan gambar saja, untuk menghilangkan jarak yang “tidak menyenangkan” antara bagian-bagian gambar secara keseluruhan, kita harus memasukkan tag “nopadding” sebagai berikut: []

Inilah yang terjadi pada akhirnya.

Sekarang Anda harus mengklik tab “GROUP MENU”, lalu “edit”.

Penting! Untuk menyalin alamat yang diperlukan, dalam versi kami, klik “GROUP MENU” dan salin “link yang benar” dari sana.

Buka halaman utama dan klik “Tambahkan entri”. Jangan lupa segera ganti penulis postingannya!

Klik pada “elips” di sebelah kanan entri dan klik pada tab “Pin”.

Setelah itu segarkan halaman dan nikmati hasil yang dihasilkan seperti ini:

Ketika Anda mengklik "Buka menu".

Seperti yang Anda lihat, membuat menu di jejaring sosial VKontakte cukup mudah dan sederhana. Cukup memiliki sedikit pengetahuan tentang penggunaan Photoshop dan markup wiki. Semakin baik dan intuitif desainnya, semakin banyak dan sering calon pengguna akan datang dan kembali ke grup Anda.

Jika Anda menginginkan desain grup yang benar-benar unik dan memukau sesuai dengan gaya korporat dan elemen yang menyertainya, hubungi desainer profesional, atau Anda dapat menguji sendiri ruang lingkup bakat Anda. Semoga sukses untuk Anda dalam semua usaha Anda!

Banyak orang yang tertarik dengan cara membuat menu di grup VKontakte. Sudah ada banyak komunitas yang dirancang dengan indah dan saya ingin mengambil contoh. Ini bisa dilakukan dalam beberapa jam. Hal utama adalah mengembangkan desain yang bergaya, dan sisanya adalah masalah teknik.

Apa yang dibutuhkan untuk ini?

Bagaimana cara membuat menu di grup VKontakte? Di Photoshop Anda perlu membuat dua gambar yang sebelumnya merupakan satu. Yang pertama untuk avatarnya, yang kedua untuk menunya sendiri, gambar ini tidak boleh dipotong menjadi beberapa bagian. "Dalam Kontak" pada halaman yang dimaksudkan untuk menu, Anda perlu memasukkan kode dengan tautan ke bagian gambar dan bagian. Dan jika tipe terbuka diperlukan, Anda memerlukan gambar ketiga, yang disematkan di bagian atas komunitas.

Untuk membuat menu yang indah Anda memerlukan keterampilan Photoshop. Bagi yang kurang pandai menggambar disarankan memilih gambar yang bagus. Bagi yang ahli dalam program ini, petunjuknya diberikan di bawah ini. Prosesnya dibagi menjadi beberapa tahap.

Tahap pertama

Bagaimana cara membuat menu di grup VKontakte? Pertama, Anda perlu membuat dokumen baru dengan dimensi 700 x 800 piksel. Pastikan latar belakang berwarna putih. Di lapisan atas Anda perlu memotong dua jendela 200 kali 710 untuk avatar dan 382 kali 442 untuk menu. Ini dapat dilakukan dengan menggunakan pemilihan persegi panjang atau perintah yang dipanggil dengan tombol “Del”.

Tergantung pada imajinasi Anda, Anda dapat menyesuaikan tingginya sesuai keinginan Anda, tetapi lebih baik membiarkan lebarnya sama. Sebuah ilustrasi harus ditempatkan di bawah lapisan bawah. Berfokus pada salah satu sisi, persegi panjang harus sejajar.

Penting untuk menempatkan prasasti dan tombol di area gambar yang diperlukan menggunakan elemen Photoshop.

Persegi panjang yang muncul di sebelah kanan (ukuran 200 x 710) dapat disalin dan diunggah ke file terpisah. Ini adalah avatar siap pakai untuk grup. Namun sisi kiri gambar perlu pemotongan tambahan.

Jumlah item dalam menu diperbolehkan dari dua bagian. Tapi mungkin tiga atau empat. Kita akan melihat contoh untuk dua orang.

Ketinggian setiap elemen yang diiris minimal harus 50 piksel.

Bagaimana cara memotong gambar untuk menu?

Untuk melakukan ini, Anda perlu membuka gambar dalam file terpisah. Anda membutuhkan alat Pemotong. Letaknya pada panel program yang berbentuk pisau.

Klik kanan pada gambar dan pilih “Split fragment” dari daftar drop-down.

Sebuah jendela akan terbuka di mana Anda perlu mengatur parameter pemotongan. Disarankan untuk mencentang kotak di samping “Pisahkan secara horizontal menurut” dan pilih jumlah fragmen yang sama.

Setelah langkah-langkah ini, sebuah kotak akan muncul di layar yang membagi gambar menjadi beberapa bagian.

File yang dipotong akan diberi nomor.

Tahap kedua

Ini adalah pelajaran cara membuat menu untuk grup VKontakte. Semua gambar yang dipotong harus diunggah ke album grup.

Anda memerlukan halaman "Berita Terbaru". Pekerjaan akan dilakukan bersamanya dalam waktu dekat.

Dianjurkan untuk memilih mode markup wiki di editor sebelah kanan dan masukkan kode berikut di sana:

Setiap gambar menu akan menempati baris terpisah, yang dibuat sesuai dengan prinsip diagram di atas. Disarankan untuk membuat entri ini terlebih dahulu di notepad dan hanya setelah itu mengunggahnya ke bidang "Dalam Kontak" yang wajib diisi. Ini akan membuatnya lebih mudah dan sistem tidak akan memaksa Anda untuk mengulanginya.

Hasilnya akan mirip dengan:

Bagaimana cara mendapatkan nomor gambarnya?

Untuk melakukan ini, klik kanan pada gambar. Setelah terbuka di jendela baru, kodenya akan muncul di bilah alamat browser. Itu harus disalin bersama dengan kata “foto”.

Ketika semua perubahan disimpan, Anda dapat memeriksa pengoperasian menu. Di grup, mengikuti tautan yang sesuai, gambar yang telah lama ditunggu-tunggu terungkap.

Untuk menggabungkan avatar dengannya, Anda perlu sedikit bereksperimen dengan deskripsinya. Kira-kira menurut dimensi yang ditentukan harus ada 12 garis.

Ini adalah salah satu opsi untuk membuat menu di grup VKontakte. Hanya ada dua dari mereka. Jalan lain terbuka. Mereka bisa digabungkan.

Bagaimana cara membuat menu terbuka?

Di jendela baru, Anda perlu mengklik kanan pada menu yang dibuat dan mengklik link “Edit”. Di tab “Kembali ke Halaman” di bilah browser Anda bisa mendapatkan tautan ke menu. Itu perlu disalin.

Setelah itu, Anda perlu membuat postingan rutin di grup. Anda akan membutuhkan gambar tematik lain dengan tulisan “Menu”. Untuk melakukan ini, Anda perlu mengunggah foto. Postingan tersebut akan bertindak sebagai menu terbuka di bagian atas halaman. Untuk pesan di dalamnya Anda perlu memasukkan link yang diterima, yang harus segera dihapus setelah halaman dengan menu muncul di bawah. Postingan tidak boleh berisi tautan yang tidak perlu, itu akan jelek.

Bagaimana cara membuat menu di grup VKontakte? Sekarang Anda perlu mengklik kanan pada tanggal berita. Ini akan terbuka di jendela baru. Di sana Anda dapat melihat tulisan baru “Pin”. Itulah yang dia butuhkan.

Setelahnya, Anda bisa mengagumi indahnya menu di grup. Untuk menggabungkan gambar, Anda perlu berlatih dengan ukurannya.

Itu saja. Membuat menu di VKontakte tidaklah sulit. Jika Anda mengikuti petunjuk yang dijelaskan di atas, siapa pun dapat melakukannya.

Untuk pertanyaan “cara membuat menu untuk grup VKontakte” ada tiga pilihan jawaban utama: memesan dari spesialis, membuat menggunakan desainer online, atau mengotak-atik, selidiki beberapa seluk-beluk masalah dan lakukan semuanya sendiri.

Pada artikel ini kita akan melihat ketiga opsi satu per satu. Omong-omong, jika Anda masih meragukan perlunya menu untuk grup atau publik Anda, pastikan untuk membacanya.

Berikut tiga cara membuat menu:

Masing-masing tentunya mempunyai kelebihan dan kekurangan masing-masing. Di bawah ini kita akan membicarakan dua yang pertama dengan lebih detail. Dan bagi mereka yang masih memutuskan untuk mengambil cara ketiga dan melakukan semuanya sendiri, kami telah menulis panduan rinci (instruksi).

Omong-omong, bagi yang lebih suka menerima informasi melalui video daripada membaca teks panjang, ada videonya:

Jalur #1. Pesan pembuatan menu dari desainer spesialis

Keuntungan dari metode ini adalah kecepatan relatif dan partisipasi minimal dari Anda. Kekurangan - harga tertinggi dan kesempatan mendapatkan menu yang cantik namun salah (kami sudah menyiapkan tentang kesalahan utama saat membuat menu). Selain itu, Anda masih perlu mencari pemainnya. Di sini kami merekomendasikan untuk mencarinya di layanan kwork.ru, di bagian “Desain grup di jejaring sosial”.

Jalur #2. Menggunakan konstruktor online

Di sini tentunya kami akan merekomendasikan desainer kami yang websitenya Anda kunjungi saat ini. Anda dapat mencobanya secara gratis. Pembayaran dilakukan hanya jika hasilnya cocok untuk Anda dan Anda memutuskan untuk mengunggah menu yang dihasilkan ke grup Anda. Kelebihan jalur ini adalah tercepat. Selain itu, jika perlu, Anda selalu dapat dengan cepat mengedit dan memuat ulang menu dengan setengah biaya pembuatan. Ini lebih nyaman daripada mencari desainer setiap kali Anda perlu, misalnya, menambah atau menghapus item dari menu. Kerugian dari metode ini adalah Anda harus bekerja sendiri.

Jalur #3. Lakukan semuanya sendiri

Keuntungan dari jalur ini jelas: gratis, dan Anda memperoleh keterampilan baru. Kekurangannya adalah: memerlukan beberapa keterampilan dan waktu yang cukup lama (untuk pertama kali). Inilah yang Anda butuhkan:

• Mampu menggunakan editor grafis dengan percaya diri. Misalnya saja Photoshop. Saat membuat menu, pertama-tama Anda harus membuat gambar dengan dimensi yang benar (sampai ke piksel, tidak ada “tentang”!), lalu memotongnya dengan benar (memecahnya menjadi beberapa bagian)
• Mampu memahami instruksi dan membacanya dengan cermat
• Jangan menyerah dan jangan putus asa jika sesuatu tidak berhasil pada kali pertama

Jika Anda merasa bisa mengatasi semua ini, mari kita mulai.

Langkah #0. Informasi umum tentang bagaimana menu grup VK disusun

Menu grup dibuat dari halaman wiki, yang pembuatannya didukung oleh VK. Halaman wiki adalah halaman khusus yang hanya dapat dibuat di halaman publik. Mereka berbeda dari postingan biasa karena mereka dapat menggunakan apa yang disebut markup wiki. Markup ini adalah kode khusus yang diubah menjadi objek pemformatan tambahan. Agar lebih jelas, mari kita jelaskan. Misalnya, dalam postingan biasa Anda hanya dapat menggunakan teks biasa, tetapi markup wiki memungkinkan Anda menyorot bagian teks dalam huruf tebal atau miring. Artinya, ia memperkenalkan opsi desain tambahan. Khususnya kemampuan memposting gambar, ketika diklik, pengguna akan diarahkan ke sebuah link. Opsi pemformatan tambahan inilah yang digunakan untuk membuat menu publik VK. Kami akan memberi tahu Anda cara melakukannya di bawah.

Langkah #1. Tahap persiapan

Jika Anda sudah memiliki grup, sebaiknya buat grup baru. Untuk pengujian dan eksperimen. Jika tidak, selama proses pembelajaran, Anda berisiko membanjiri pelanggan Anda dengan pembaruan yang aneh dan tidak perlu.

Jadi, Anda telah membuat grup baru. Sekarang mari kita cari tahu pengidentifikasi (ID) grup Anda. ID grup adalah nomor unik VKontakte-nya. Buka grup Anda dan klik “Postingan Komunitas” (jika tidak ada kiriman di grup, maka “Tidak Ada Kiriman” yang akan muncul, bukan “Postingan Komunitas”). Anda akan diarahkan ke halaman baru dengan alamat seperti ini:

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

Alih-alih XXX Anda akan mendapatkan sekumpulan angka (dan hanya angka!). Ini adalah ID komunitas Anda. Misalnya, di kami kelompok uji ini 154457305.

Sekarang mari kita buat halaman wiki baru di grup. Untuk melakukan ini, kami akan membuat tautan seperti ini:

http://vk.com/pages?oid=- grup_id&p= Nama_halaman

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

Buka tautan yang dihasilkan di browser Anda (salin ke bilah alamat browser Anda dan buka alamatnya). Itu saja, Anda telah membuat halaman wiki bernama "Menu" (jika, tentu saja, Anda menentukan "Menu" sebagai nama halaman di tautan). Anda akan melihat teks seperti ini: “Halaman Menu kosong. Isi dengan konten." Di pojok kanan atas ada ikon pensil (). Klik untuk pergi mengedit halaman.

Editor halaman wiki VK memiliki dua mode: mode grafis dan markup. Mode dialihkan menggunakan tombol di bagian kanan atas editor (). Jika tombol disorot dengan warna biru, berarti mode markup diaktifkan. Mode pengeditan visual lebih nyaman karena memungkinkan Anda melakukannya tanpa mengetahui sintaks markup wiki, tetapi fungsinya sangat terbatas: Anda hanya dapat melakukan hal-hal paling sederhana di dalamnya. Pada dasarnya Anda harus berurusan dengan mode markup.

Perhatikan dua hal. Pertama, di sebelah kiri tombol untuk berpindah mode pengeditan terdapat tombol untuk memanggil informasi bantuan tentang markup wiki (). Suatu hal yang sangat bermanfaat terutama bagi pemula. Poin kedua yang perlu Anda perhatikan adalah alamat halaman wiki. Anda akan melihat sesuatu seperti ini di bilah alamat browser Anda:

http://vk.com/page-grup_id _XXX?tindakan=edit&bagian=edit

Bagian dari alamat sebelum tanda "?" - ini adalah alamat halaman wiki Anda. Tuliskan di suatu tempat: di VK tidak ada cara untuk melihat daftar halaman wiki Anda dan tautan ke sana. Untuk menuju ke halaman yang Anda perlukan, Anda perlu mengetahui alamatnya atau menggunakan link untuk membuat halaman wiki lagi. Saat menggunakan metode terakhir, ingatlah bahwa halaman tersebut, jika sudah ada, tidak diciptakan kembali.

Langkah #2. Membuat menu sederhana untuk grup VKontakte

Jadi, kami telah membuat halaman wiki “Menu”. Masuk ke mode markup editor dan tambahkan kode berikut:

Klik tombol “Pratinjau”, yang terletak di bagian bawah editor. Anda akan melihat daftar tiga tautan. Dua yang pertama bersifat eksternal dan masing-masing mengarah ke halaman utama Yandex dan Google. Tautan ketiga adalah internal. Ini mengarah ke VK publik dengan ID “1” (ini adalah grup VK resmi untuk pengembang). Jika pratinjau Anda menampilkan kode Anda, dan bukan tautan (yang dapat Anda klik) - itu berarti Anda memasukkan kode dalam mode pengeditan visual, dan tidak dalam mode markup. Hati-hati!

Harap dicatat bahwa tautan eksternal dalam kode wiki VK diformat dengan tanda kurung tunggal, dan tautan internal dengan tanda kurung ganda. Dalam hal ini, tautan internal VK ditunjukkan bukan sebagai alamat situs web biasa, tetapi sebagai penunjuk ke objek VK tertentu. Misalnya, penunjuk ke suatu grup memiliki bentuk berikut:

klub grup_id

Di VKontakte terdapat petunjuk tidak hanya ke grup, tetapi juga ke foto individual, postingan, halaman wiki, halaman pengguna, rekaman audio, dll. Setiap indeks mempunyai bentuk pencatatannya masing-masing. Kami akan menggunakan beberapa di antaranya nanti dan melihatnya lebih detail.

Pastikan untuk menyimpan halaman tersebut. Pada dasarnya, kami baru saja membuat halaman navigasi yang sangat mendasar. Yang tidak lebih dari yang paling sederhana menu untuk grup VKontakte. Tentu saja, ini bukan menu grafis, tetapi bahkan dapat mengatasi tugas utama menu - mengarahkan pengguna dengan cepat ke lokasi publik yang diinginkan. Kita akan melihat cara membuat menu grafis nanti.

Sekarang mari kita cari tahu bagaimana dan di mana Anda dapat menggunakan halaman wiki.

Langkah #3. Di mana saya bisa memposting halaman wiki VKontakte?

Ada dua tempat utama: Anda dapat membuat postingan dengan link ke halaman wiki atau mempostingnya di bagian “Materi” di komunitas Anda.

Mari kita mulai dengan opsi pertama. Mulai tambahkan postingan baru ke dinding grup Anda. Pertama, lampirkan foto apa pun ke dalamnya. Sebaiknya ambil foto berukuran cukup besar yang lebarnya lebih besar daripada tingginya. Kemudian masukkan ke dalam teks entri yang Anda buat tautan ke halaman wiki yang Anda buat dengan menu sederhana. Inilah yang kami minta Anda tuliskan sedikit lebih awal. Izinkan kami mengingatkan Anda bahwa tautannya terlihat seperti ini ( Anda akan memiliki nomor yang berbeda):

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

Sekarang menghapus teks link dari kolom input. Tautan di bawah foto itu sendiri tidak akan hilang. Namun jika Anda meninggalkan alamat tautan di kolom teks, maka akan muncul sebagai teks di postingan. Publikasikan postingan, muat ulang halaman browser dengan halaman utama grup Anda dan sematkan postingan yang dibuat. Muat ulang halaman itu lagi. Sebagai hasil dari manipulasi ini, Anda akan mendapatkan sesuatu seperti ini:

Klik pada foto di postingan yang dipasangi pin: halaman wiki Anda akan muncul dengan menu grup sederhana.

Jadi, kami mengetahui bahwa halaman wiki dapat dilampirkan ke postingan. Khususnya - ke posisi yang ditugaskan. Tempat kedua di mana Anda dapat menggunakan markup wiki adalah bagian “Material”.

Buka pengaturan komunitas dan temukan pengelolaan bagian komunitas (layanan) di sana. Tandai "Bahan" sebagai "Dibatasi". Item baru kini akan muncul di bagian atas beranda komunitas Anda. Itu terletak di sebelah kanan item “Informasi”. Saat Anda pertama kali mengaktifkan materi dalam grup, item ini disebut “Berita Terbaru” secara default. Ini adalah tampilannya:

Buka item baru ini. Klik pada kotak centang "Edit". Hasilnya, Anda akan menemukan diri Anda berada di editor halaman wiki yang sudah Anda kenal. Satu-satunya perbedaan adalah adanya kolom input untuk nama halaman. Ubah dari "Berita Terkini" menjadi "Menu2". DI DALAM mode pengeditan markup masukkan kode berikut:

"""Opsi menu untuk bagian "Bahan""""


[]

Buat pratinjau (tautan yang sudah kita kenal akan muncul) dan simpan halamannya. Pada dasarnya, halaman ini adalah halaman wiki utama (root) grup Anda. Benar, tidak ada arti praktis khusus dalam perbedaan ini dari halaman wiki lainnya.

Buka halaman utama grup Anda, muat ulang dan lihat apa yang terjadi. Kami merekomendasikan melihat grup Anda dari browser seluler dan dari aplikasi VK. Anda akan melihat bahwa susunan elemen dan logika pengoperasian sedikit berbeda di semua tempat. Anda perlu memiliki pemahaman yang baik tentang apa yang termasuk dalam apa dan di mana hal itu ditampilkan.

Kami mengetahui bahwa menu dapat ditempatkan di dua tempat. Lebih baik membuatnya dalam bentuk entri yang disematkan dan di bagian “Bahan”. Ingat dua hal:

• Postingan yang dipasangi pin akan dilihat oleh 98% pengunjung Anda, dan hanya 25-40% pengunjung yang paling penasaran akan masuk ke bagian materi, serta pengguna lama setia grup Anda yang mengetahui bahwa ada sesuatu yang berguna di sana.
• Entri yang disematkan dengan gambar untuk membuka menu dapat dilengkapi dengan teks. Dengan cara ini Anda tidak akan kehilangan fitur postingan yang dipasangi pin ini. Namun Anda juga tidak boleh berlebihan: semakin banyak teks, semakin rendah link untuk membuka menu Anda.

Markup Wiki bukanlah alat yang paling ampuh dan bukan yang paling nyaman. Fungsinya sangat terbatas. Selain itu, ini dikembangkan pada awal pengembangan VKontakte dan khusus untuk versi browsernya di komputer desktop dan laptop. Oleh karena itu, cara kerjanya dalam aplikasi dan perangkat seluler paling tepat digambarkan dengan ungkapan “sesuai kehendak Tuhan”. Sayangnya, belum ada yang lebih baik di VK.

Omong-omong. Anda dapat menautkan dari satu halaman wiki ke halaman wiki lainnya. Cara kerjanya seperti ini: pengguna membuka (misalnya, menggunakan gambar tautan dalam sebuah kiriman) halaman wiki pertama. Dan itu berisi link ke halaman wiki lain. Mengklik tautan ini akan membuka halaman wiki terkait. Dengan cara ini Anda dapat membuat menu yang cukup kompleks dan bertingkat serta, misalnya, instruksi. Namun, kami tidak menyarankan Anda untuk terlalu terbawa suasana jika tidak perlu.

Langkah #4. Cara membuat menu di grup VKontakte. Grafis

Jadi, prinsip dasarnya sudah dikuasai. Mari beralih ke mendesain menu grafis. Anggap saja kita akan membuat menu yang cukup sederhana: deretan tombol vertikal dengan tautan. Namun jangan terburu-buru mengatakan “tidak, saya ingin menu yang super rumit” dan tutup panduan ini. Sekarang kami akan menjelaskan alasannya.

Pertama, berpindah dari yang sederhana ke yang kompleks biasanya merupakan cara paling efektif untuk menguasai pengetahuan baru. Dengan mempelajari cara membuat menu yang relatif sederhana, Anda akan mempelajari 90% teknik membuat menu untuk grup VK.

Dan kedua, seperti yang telah kami katakan, markup wiki VK diperkenalkan pada saat hanya sedikit orang yang pernah mendengar tentang aplikasi seluler. Menu "sederhana" bersyarat kami akan bekerja dengan benar dan seefisien mungkin di mana saja: di versi browser VK, di browser seluler, dan, terakhir, di aplikasi. Banyak menu “kompleks” yang tidak dapat membanggakan hal ini. Selain itu, dalam banyak kasus, menu "sederhana" akan bekerja lebih baik daripada menu "rumit", yang "berantakan" jika dilihat di aplikasi resmi VKontakte. Seringkali, lebih baik fokus pada opsi menu ini. Ya, ada beberapa implementasi menu yang cukup indah. Anda juga dapat bereksperimen dengannya. Namun pengalaman kami menunjukkan bahwa hal tersebut hampir tidak memberikan manfaat nyata - konversi, pembelian, dan reputasi. Tapi mungkin ada masalah.

Menu pengujian kami akan terlihat seperti ini:

Hanya dua tombol. Yang pertama akan mengarah ke halaman utama Yandex, dan yang kedua akan mengarah ke grup VK "Tim VKontakte".

Menu grafik vertikal di VK adalah gambar yang dipotong-potong. Garis-garis ini ditempatkan dengan tanda satu di bawah yang lain di halaman wiki. Beberapa dari "jalur" ini diberi tautan. Saat Anda mengeklik gambar tautan tersebut, Anda sebenarnya mengikuti tautan ini. Satu halaman adalah satu tautan. Beberapa jalur (misalnya, jalur perantara, yang terletak di antara titik-titik), sebaliknya, dianggap tidak adanya tautan. Garis-garis seperti itu menjadi “tidak dapat diklik”.

Membuat menu grafik vertikal untuk grup VK dilakukan dengan urutan tindakan berikut:

• Hal pertama yang perlu Anda lakukan adalah menggambar menu. Lebarnya harus ketat 600 piksel(piksel). Kami menyarankan agar tinggi menu tidak lebih dari 900px. Yang terbaik adalah menyimpan hasilnya dalam format PNG, atau dalam kasus ekstrim - JPG. Gunakan alat menggambar yang familiar dan nyaman bagi Anda (seperti Photoshop atau GIMP). Hasilnya di sini 95% bergantung pada keterampilan kreatif dan teknis Anda. Meskipun Anda sama sekali tidak tahu cara menggunakan editor grafis, jangan putus asa. Keterampilan yang memadai dapat diperoleh dalam waktu maksimal beberapa jam. Ada banyak sekali referensi dan informasi pendidikan di Internet. Selain itu, kemampuan untuk menggunakan editor grafis setidaknya sedikit sangat-sangat berguna bagi administrator publik. Anda tidak akan membuang waktu Anda.
• Selanjutnya gambar menu dipotong menjadi garis-garis horizontal. Anda dapat melakukan ini dengan cara apa pun yang nyaman bagi Anda: dari Photoshop yang sudah dikenal hingga berbagai layanan online. Jika Anda tidak tahu cara melakukannya, tanyakan saja pada mesin pencari favorit Anda. Kami tidak akan menjelaskan secara rinci bagian teknis dari proses pemotongan: ada lusinan metode, beberapa cocok untuk beberapa pengguna, tetapi tidak untuk pengguna lain. Saat memotong, Anda harus mengikuti satu aturan sederhana: tinggi satu strip tidak boleh kurang dari 60 piksel. Jika tidak, Anda mungkin mengalami masalah dalam menampilkan menu di aplikasi dan browser seluler: yang disebut. "garis-garis putih" di antara gambar.
• Potongan "strip" diunggah ke album grup atau album di halaman admin grup. Kami merekomendasikan opsi kedua. Bagaimanapun, album dengan bagian menu yang terpotong harusnya dalam domain publik. Jika tidak, pengguna yang gambar albumnya tidak tersedia tidak akan melihat menu Anda!
• Kode markup wiki dikompilasi dan dimasukkan ke halaman wiki yang diinginkan.
• Grup tersebut berisi kiriman yang disematkan dengan tautan gambar ke halaman wiki dengan menu. Kami menulis secara rinci di atas tentang bagaimana postingan semacam itu dibuat. Selain itu, kode (dengan sedikit perubahan) dapat ditambahkan ke halaman wiki akar (item di sebelah kanan item “Informasi” muncul ketika bagian “Bahan” diaktifkan. Untuk lebih jelasnya, lihat di atas).

Sekarang mari kita lihat memuat bagian menu dan kode wiki secara lebih rinci. Kami telah menyiapkannya untuk Anda. Ini memiliki dua direktori: "1" dan "2". Yang pertama berisi bagian dari opsi paling primitif dan sederhana untuk memotong menu kita - menjadi dua bagian. Unduh arsip, unggah gambar (1.png dan 2.png) dari direktori “1” ke album baru (di halaman Anda atau di grup).

Kami memiliki dua "strip": bagian atas (dengan tombol "Yandex") dan bagian bawah (dengan tombol "Tim VK"). Keduanya akan menjadi gambar tautan. Di markup wiki ini dilakukan dengan kode seperti ini:

"LINK"- ini adalah tautan target. Misalnya, https://yandex.ru/. Selain yang biasa luar tautan dapat menjadi indikasi objek VKontakte: postingan, halaman pengguna, atau grup. Misalnya, agar setelah mengklik tombol ada transisi ke komunitas “Tim VKontakte”, Anda dapat menentukan alamatnya (https://vk.com/team) dan penunjuk ke sana (club22822305). Prinsipnya tidak akan ada perbedaan. Tautan eksternal (yang tidak mengarah ke sumber daya VK) kami kami sarankan untuk menguranginya dengan menggunakan

Jejaring sosial telah lama menjadi bagian dari kehidupan sebagian besar orang dan menjadi komponen penting di dalamnya. Banyak orang bahkan berhasil membuat bisnis virtual sendiri di dalamnya: mendapatkan suka, pelanggan, menjual barang baik dari negara lain maupun yang memiliki hak cipta. Hampir semuanya mempunyai kelompok. Bagaimana Anda dapat dengan cepat menyampaikan kepada pengguna apa yang dilakukan seseorang atau bahkan seluruh organisasi? Buat menu khusus yang berisi informasi paling penting. Dan di sinilah kita membutuhkan markup Wiki. Bagaimana cara membuat menu grup VK? Apa yang harus saya tambahkan ke dalamnya? Artikel ini akan membahas aturan pembuatan dan contohnya.

Apa itu markup Wiki?

Bagaimana cara membuat menu grup VK? Markup Wiki sangat membantu! Ini adalah cara yang sangat efektif dan nyaman untuk membuat grup di jejaring sosial VKontakte. Markup ini pada prinsipnya sangat mirip dengan kode html. Namun bagi orang yang tidak terlibat dalam pemrograman akan lebih mudah dipahami karena kemudahan implementasinya. Markup Wiki mendapatkan namanya berkat Wikipedia, di mana banyak pengguna dapat mengenal fitur-fitur utama fungsinya untuk pertama kalinya. Markup Wiki memungkinkan orang yang tidak memiliki pengetahuan pemrograman merancang tampilan grup dengan cepat dan mudah:

1. Buat spoiler dan tabel grafis.
2. Format teks dan gambar.
3. Bekerja dengan jangkar dan tautan.

Bagaimana cara membuat menu untuk grup VK? Rekomendasi mungkin sangat diperlukan, tetapi secara umum, Anda dapat mengetahuinya dengan bantuan panduan yang baik. Jika kita berbicara tentang html, maka untuk mempelajarinya dan bekerja dengannya perlu duduk selama beberapa hari atau bahkan seminggu. Markup wiki hanya memerlukan sedikit waktu jika Anda memiliki ingatan yang baik. Bagaimana cara menciptakannya? Pendekatan apa yang ada? Jadi kita akan bicara tentang teknologi, tapi siapa yang membuatnya? Kami akan mencari cara membuat menu untuk grup VK. Ward Cunningham pertama kali memperkenalkan konsep "wiki" (diterjemahkan dari bahasa Hawaii sebagai "cepat").

Cara membuat markup wiki

Anda tidak hanya perlu bertanya pada diri sendiri pertanyaan: "Cara membuat menu di grup di VK", tetapi juga memperjelas cara menerapkannya. Anda dapat memilih beberapa jalur. Masing-masing hal ini bergantung pada fokus dan tujuan kelompok. Jadi apa yang bisa terjadi:

1. Jika grup memiliki arahan sosial, maka Anda dapat membuat menu teks. Kelebihan diberikan kepadanya karena penampilannya yang lebih serius.
2. Kelompok yang bersifat komersial dan hiburan disarankan untuk mengandalkan menu grafis. Penggunaan gambar di dalamnya akan memungkinkan Anda untuk menarik perhatian pengguna terhadap apa yang seharusnya terlihat. Mengambil pendekatan ini juga akan membantu Anda membuat pengalaman kelompok Anda lebih menyenangkan dan santai.

Sebagai contoh pekerjaan, kita akan melihat cara bekerja dengan gambar dan foto, cara membuat tabel, menyisipkan link, membuka dan banyak lagi. Tentu saja, ini belum semuanya fungsinya, tetapi Anda dapat mendesain menu grup Anda dengan cara ini dengan mudah dan dalam skala yang cukup signifikan.

Bekerja dengan Gambar

Bagaimana cara membuat menu di grup di VK yang cantik? Di jejaring sosial VKontakte, foto atau gambar dapat disisipkan menggunakan markup wiki hanya jika diunggah ke album foto situs. Jadi, masuklah ke dalamnya, pilih foto yang diinginkan dan salin alamatnya. Misalnya saja seperti ini: photo12345_67890. Sekarang Anda perlu menjadikannya ganda. Anda akan mendapatkan hasil berikut: []. Bagaimana jika teks atau tautan harus dilampirkan pada foto atau gambar? Atau mungkin Anda ingin sedikit mengedit tampilannya? Maka hal berikut akan membantu dalam hal ini: file harus terlihat seperti ini - [[photo12345_67890|options|text/link]]. Alih-alih tiga kata terakhir, yang dibutuhkan malah diganti. Teks - kami menulis apa yang dibutuhkan. Saya rasa tidak diperlukan penjelasan khusus. Tautan diterjemahkan dari bahasa Inggris sebagai "tautan". Ditentukan agar mesin pengguna mengetahui ke mana ia harus pergi. Opsi - nilai berikut dapat diatur di sini:

1. Biasa - tautan ke gambar diformat sebagai teks dan tidak berisi gambar.
2. Noborder - menghilangkan bingkai di sekitar foto.
3. Kotak—gambar terbuka di jendela.
4. Nolink - tautan ke foto dihapus.
5. Nopadding - spasi antar gambar tidak ditampilkan.
6. NNNxYYYpx atau NNNpx - menunjukkan ukuran gambar dalam piksel. Opsi pertama menyediakan lebar dan tinggi. Jika diinginkan, Anda dapat “mengompresi” gambar. Dan opsi kedua melibatkan pengeditan lebar.

Bagaimana cara membuat tabel menggunakan markup wiki?

Biasanya, menu grafis dan tekstual memerlukan elemen yang memungkinkan Anda menyajikan data dalam bentuk yang mudah digunakan, yaitu tabel. Hanya sedikit grup di VKontakte yang dapat mengelolanya tanpa mereka. Untuk membuat tabel di markup wiki, Anda harus menggunakan sekumpulan karakter tertentu. Kami mengundang Anda untuk membiasakan diri dengan fungsi apa yang menjadi tanggung jawab mereka:

1. (| - ini adalah bagaimana awal tabel ditunjukkan. Tidak mungkin dilakukan tanpanya saat membuat elemen ini; ini adalah atribut yang diperlukan.
2. | - Digunakan untuk memberikan efek transparan pada sel.
3. |+ - menggunakan kumpulan karakter ini, nama tabel dipusatkan. Ini bukan atribut wajib, tetapi harus ditempatkan tepat setelah tanda yang menunjukkan permulaan.
4. |- - ini adalah bagaimana baris baru ditetapkan (termasuk untuk sel).
5. ! - memberi warna gelap. Jika tidak ada, maka harus menggunakan tanda dari poin no.2.
6. |) adalah sekumpulan karakter yang menunjukkan akhir tabel. Ini adalah atribut opsional. Namun tetap disarankan untuk menggunakannya untuk mencegah terjadinya kesalahan.

Bagaimana selnya terisi? Semua data yang harus dimasukkan ditempatkan setelah tanda |. Jika kamu ingin memisahkan sel satu sama lain, kamu hanya perlu menduplikasinya dengan cara ini: ||. Segala sesuatu yang telah dikatakan sampai saat ini mungkin tidak terlihat jelas, tetapi sekarang hal ini dapat diperbaiki dengan bantuan sebuah contoh.

Membuat menu grup di jejaring sosial VKontakte menggunakan markup wiki: contoh implementasi

Opsi noborder dan nolink akan digunakan di sini. Mereka akan menghapus bingkai foto dan tautannya. Selain itu, gambar akan diubah ukurannya, dan baris kedua sel tabel akan memiliki isian gelap, berkat penggunaan atribut! Dan inilah contohnya sendiri:

{|
|-
|