Ingin tahu cara membuat grup di VKontakte pada tahun 2018? Dan bukan hanya sekedar mendesainnya, tapi melakukannya sendiri dengan benar dan indah! Jika jawaban Anda adalah “Ya”, maka artikel ini khusus untuk Anda!

Jejaring sosial “VKontakte” adalah salah satu yang paling populer. Oleh karena itu, di sini Anda dapat menemukan lebih banyak komunikasi, orang-orang yang berpikiran sama dan hanya teman, serta mempromosikan layanan dan produk Anda. Berkat komunitas yang dibuat, Anda dapat dengan cepat menemukan segala sesuatu tentang acara, produk, layanan, dll. yang Anda minati.

Di halaman manajemen, klik “Unggah” dan pilih gambar. Tampilannya seperti ini: nama grup, lalu thumbnail avatar, status.

Sayangnya ponsel belum mendukung fungsi ini. Namun karena inovasi ini terjadi belum lama ini, maka inovasi ini akan sama relevannya dengan promosi lainnya.

Untuk memudahkan akses terhadap materi yang diusulkan, Anda dapat membuat menu. Dan kami akan memberi tahu Anda cara membuatnya sendiri lain kali.

Postingan yang disematkan

Rahasia membuat grup VK

Sebagai bonus, kami berbagi rahasia mendesain grup VK dan pengalaman pribadi kami, yang memungkinkan Anda menyelesaikan sendiri desain segera pada tingkat mahir. Misalnya, Anda dapat menyiapkan blok berbagai aplikasi yang begitu indah, yang meningkatkan keterlibatan beberapa kali lipat!

Aplikasi gratis. Buka manajemen komunitas dan buka "Aplikasi" untuk mengedit pengaturan.

Di sini Anda dapat memilih untuk menambahkan aplikasi yang akan menjadi tambahan bagus untuk fungsionalitas grup. Misalnya, di grup kami, yang membuat konten bermanfaat secara gratis, terdapat tombol “Dukung Komunitas”, dengan mengklik tombol tersebut Anda dapat berdonasi untuk kepentingan komunitas dalam jumlah berapa pun mulai dari 100 rubel. Bisa juga berupa toko produk, kuesioner, tes, obrolan online, berlangganan buletin, dll.

Widget dan aplikasi berguna lainnya:

• kuesioner;
• tes;
• pendaftaran layanan;
• mengirim pesan;
• toko barang;
• dan sebagainya.

Diskusi. Buatlah beberapa topik sekaligus tentang isu-isu utama yang akan menarik minat klien atau pelanggan. Jika ini adalah komunitas komersial, maka ini adalah ulasan, pertanyaan umum, informasi tentang pembayaran, jaminan dan pengiriman. Jika komunitas bersifat informatif, maka rangkaian diskusi utama harus ditujukan pada topik yang dibicarakan oleh kelompok tersebut.

Kesimpulan

Jika Anda ingin sukses, pastikan meluangkan waktu untuk mendesainnya dengan benar dan indah. Semakin teliti Anda mendekati masalah ini dan memikirkan semua skenario perilaku pengguna setelah membuka halaman grup, semakin tinggi konversi ke langganan, dan selanjutnya ke pembelian.

Halo teman teman!

Saya bertanya-tanya tentang cara membuat menu untuk halaman VKontakte publik saya. Namun dalam mencari solusi untuk masalah tersebut, saya sedikit tersesat di Internet.

Sesekali setiap orang mempersulit pembuatan menu dengan menyisipkan dan menjelaskan kode markup khusus. Ternyata kemudian, kita berbicara tentang markup Wiki 😉 . Pada prinsipnya, tidak ada yang rumit dalam hal ini. Beberapa kode khusus, yang intinya mudah dipahami jika Anda mencurahkan 10 menit waktu luang.

Secara umum, saya membuat menu sederhana untuk salah satu halaman VKontakte:

Saya menghabiskan waktu 30 menit, hal ini tidak bisa dikatakan tentang artikel yang saya tulis 😀

Pertama-tama, saya ingin segera melakukan reservasi - Menu ini pop-up, di depan umum (tidak dalam kelompok).

Bedanya, untuk halaman publik tidak bisa membuat menu di halaman kontak utama. Itu dibentuk hanya dengan membuat halaman baru, di mana kita membuat menu yang diperlukan. Anda bisa melakukannya menggunakan Photoshop dengan memotong gambar, atau Anda bisa melakukannya dengan menu sederhana, tanpa menggunakan Photoshop :), kira-kira itulah yang terjadi pada saya...

Cara membuat menu di grup VKontakte

Mungkin sedikit salah jika menjelaskan pembuatan menu berdasarkan halaman publik. Tapi saya secara eksklusif bekerja dengan halaman publik. Lebih mudah untuk mulai membuat judul menu dalam grup; Anda bahkan tidak perlu membuat halaman baru kecuali Anda memutuskan untuk memindahkan pengunjung ke dalam halaman tersebut.

Hanya untuk halaman publik. Anda harus membuka halamannya terlebih dahulu dan baru kemudian akan ada menu...tapi Anda tidak bisa langsung ke halaman utama! Setidaknya saya belum menemukan solusi untuk masalah tersebut.

Semuanya lebih sederhana untuk grup. Tepat di bawah deskripsi utama, terdapat item menu dan link "edit" (Seperti yang ditunjukkan pada gambar). Jika Anda tidak memiliki tulisan seperti itu, kemungkinan besar Anda tidak menghubungkan materi di grup Anda, buka pengaturan grup dan klik kotak centang di sebelah kata materi.

Kami tidak akan membahas grup ini secara detail. Ini dibentuk dengan cara yang kira-kira sama seperti halaman publik dengan kode Wiki yang sama. Tapi jangan khawatir. Tidak perlu masuk ke dalam hutan simbol. Misalnya, saya melakukannya tanpa membuka tab pengeditan kode.

Saya akan menjelaskan lebih detail bagaimana saya membuat menu di halaman saya:

Jadi, tentang publik. Semuanya berfungsi untuk publik lama dan baru. Kami mengambil langkah-langkah berikut:
1. Jalankan permintaan seperti: //vk.com/pages?oid=-XXX&p=YYY
di mana XXX adalah nomor publik Anda; YYY adalah nama halaman yang diperlukan
Jika semuanya dilakukan dengan benar, halaman baru akan muncul di depan Anda. Klik "Edit" dan buat menu Wiki atau yang lainnya
2. Halaman pop-up dipanggil menggunakan perintah:
//vk.com/publicXXX?w=halaman-XXX_YYY

Perhatian! Segala minus, tanda tanya dan tanda lainnya wajib diisi. Ubah hanya XXX dan YYY.
Semua! Sekarang Anda perlu memberikan tautan "tampilan yang menyenangkan" - menggunakan vk.cc - penyingkat tautan VKontakte.

Misalnya, halaman saya memiliki alamat: //vk.com/sf_kontakt,untuk mengetahui XXX (ID halaman), buka item “manajemen halaman”.

//vk.com/pages?oid=- 34016644 &p= Masukkan nama di sini

Selanjutnya, kontak tersebut akan membawa kita ke halaman yang baru dibuat, yang perlu kita edit untuk menu selanjutnya. Tidak ada yang rumit di sana; Anda bahkan tidak perlu mengedit kodenya, cukup masukkan ikon atau teks yang diperlukan.

Dalam contoh saya, semua tautan ditujukan ke sumber daya eksternal. Ketika Anda mengklik ikon pertama, situs status terbuka, ketika Anda mengklik ikon kedua (buku), halaman berlangganan terbuka. Anda juga tidak dapat mengarahkan pengguna ke sumber eksternal, tetapi melingkari dia di dalam kontak. Baik ke grup baru (berbeda), atau ke halaman deskripsi yang dibuat berdasarkan prinsip yang sama.

Ternyata Anda bisa membuat situs internal di dalam halaman Anda. Dalam hal ini, kami membuat halaman kedua yang berhubungan dengan halaman utama:

dia menerima alamat berikut: //vk.com/sf_kontakt?w=page-34016644_44405134

Dan pada akhirnya: Grup utama atau publik/Nama halaman yang dibuat

Saya harap tidak akan ada kesulitan dengan ini.

Kami membuat menu utama di kontak:

Cara paling sederhana untuk membuat menu pada suatu halaman adalah dengan membuat link teks biasa (masing-masing pada baris baru). Namun jika Anda tidak mengedit markup wiki, semua link atau gambar yang disisipkan akan berada dalam satu kolom. Pada prinsipnya, ini cukup untuk menu sederhana.

Tetapi jika Anda ingin mendistribusikan elemen pada halaman di tempat yang berbeda, Anda harus sedikit mengedit kodenya. Saya menemukan beberapa tabel yang sudah jadi dan memasukkan gambar saya untuk menu ke dalam sel yang diinginkan. Jadi, di sebelah kiri ada ikon dengan deskripsi, di tengah ada tautan teks biasa, dan di sebelah kanan ada ikon buku teks lainnya.

Untuk membuat menu seperti ini tanpa memahami kodenya, Anda cukup mengikuti link dan memilih menu yang sudah jadi. Berikut adalah grup tempat Anda dapat menemukan templat: //vkontakte.ru/club9390683

1. Klik “Menu” -> “Koleksi Menu”
2. Pilih menu favorit Anda
3. Salin kode menu pilihan Anda
4. Buka grup dan pengeditan halaman Anda Berita terbaru, pada bagian source code kita masukkan kode menu kita untuk kontak tersebut.

Menu untuk grup VKontakte

Sekarang kami memiliki halaman dengan titik navigasi, yang memiliki alamat: //vk.com/page-34016644_44405134, untuk menampilkannya di bagian atas halaman publik kami, kami melakukan hal berikut:

• Menambahkan berita baru
• Kami melampirkan gambar utama, mengklik yang akan membuka menu kami kepada pengguna.
• Masukkan link halaman yang dibuat ke dalam berita
• Dan langkah terakhir adalah “menyematkan postingan”. Tulis postingan dengan foto/video/musik, lalu publikasikan, lalu klik tanggal publikasi dan klik “Sematkan”.

Setelah Anda memasang pin pada berita, postingan akan otomatis berpindah ke atas. Ketika Anda mengkliknya, sebuah menu terbuka.

Pada prinsipnya, tidak ada yang rumit! Dan bagi banyak orang, saya harap artikel ini dapat membantu. Selain itu, dengan cara yang sama, mereka membuat entri tersembunyi, misalnya teka-teki, untuk mendapatkan jawaban yang harus diikuti oleh pelanggan untuk bergabung dengan publik. Hanya saja dalam hal ini, pada halaman yang dibuat, Anda perlu menunjukkan hak untuk siapa halaman tersebut akan tersedia. Tapi ini topik yang sedikit berbeda :), yang akan kita bahas di salah satu postingan mendatang.

Itu saja untuk hari ini. Terima kasih sudah mampir! 😉 Sampai jumpa lagi...

Jadi, untuk membuat menu terbuka, kita memerlukan gambar yang berperan sebagai menu terbuka. Gambar yang kami tambahkan di artikel tentang membuat menu grafis tidak akan berfungsi, karena Anda memerlukan gambar menu yang diperluas, dan bukan setiap item satu per satu. Selain itu, Anda benar-benar dapat menggunakan gambar apa pun yang menunjukkan bahwa itu menyembunyikan menu grup. Misalnya, gambar dengan judul: “Menu Grup”. Atau sesuatu seperti itu.

Setelah kita sudah memilih gambar yang akan kita gunakan. Apalagi ukuran gambarnya bisa apa saja, yang bisa diunggah ke album foto. (UPD: Ini bukan informasi yang sepenuhnya akurat. Anda dapat membaca lebih tepatnya tentang ukuran di komentar di bawah. Untuk melakukannya, cukup klik tautan: /otkrytoe-menyu-gruppy-vkontakte/#comment-7633)

Ayo pergi ke grup VKontakte. Dan klik kanan untuk membuka menu, jika sudah dibuat, di tab baru.

Setelah ini, pada halaman menu, Anda perlu mengklik link “Edit”.

Tapi Anda tidak perlu mengubah kodenya. Cukup klik tautan “Kembali ke halaman”. Ini diperlukan untuk menerima link ke halaman menu.

Sekarang kita kembali ke halaman menu. Di bilah alamat kita akan melihat link ke halaman ini, tanpa berbagai tambahan alamat. Dengan kata lain, tautan yang bersih. Itu yang kami perlukan.

Kami membiarkan halaman ini terbuka dan kembali ke grup VKontakte. Di sini kita perlu membuat catatan yang kita tambahkan gambar yang akan memainkan peran open . Untuk melakukan ini, pilih “lampirkan foto” di bawah. Dan pilih gambar dari album atau unggah dari komputer Anda.

Setelah gambar ditambahkan ke postingan, kami belum mempublikasikannya.

Dan kami kembali ke halaman menu dan menyalin alamat halaman menu grup VKontakte dari bilah alamat. Dan tempel alamat menu yang disalin ke entri yang belum kita simpan. Hasil akhirnya akan terlihat seperti ini:

Setelah kami menambahkan link, nama halaman dan alamatnya muncul di bawah. Setelah halaman tersebut muncul di bagian bawah, kita dapat menghapus link yang baru saja kita sisipkan ke dalam postingan. Setelah itu, klik tombol “Kirim”. Jadi, kami mempublikasikan postingan kami di dinding grup.

Sekarang klik pada tanggal berita.

Setelah itu, tutup entri dan perbarui halaman grup VKontakte. Sekarang di bagian paling atas, jika semuanya dilakukan dengan benar, Anda akan memiliki gambar menu yang berperan sebagai menu VKontakte terbuka. Namun, tautan dalam menu tidak aktif. Dan satu link ke postingan ini aktif.

Sekarang, ketika pengguna berada di grup kami, dia akan melihat tiruan menu. Dan setelah mengklik menu terbuka grup VKontakte, maka akan muncul menu itu sendiri, yang akan berfungsi sebagaimana mestinya.

Sayangnya, saya tidak tahu cara lain untuk membuka menu kontak. Namun tetap saja, opsi ini jauh lebih baik daripada sekadar tautan untuk membuka menu lengkap.

Saya harap artikel ini akan membantu Anda mengetahui cara membuat menu VKontakte terbuka. Dan itu saja untukku.

Anda dapat melihat seperti apa menu grup terbuka di grup saya.

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 memerlukan alat "Pemotongan". Letaknya pada panel program 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.

Hari ini saya akan melanjutkan “Perendaman dalam grup VK”. Di bagian ketiga dari “seri”, saya menceritakan dan menunjukkan. Hari ini mari kita bicara tentang mendesain menu grup VKontakte!

Pada artikel pertama tentang membuat menu, banyak sekali pertanyaan yang muncul di kolom komentar, jadi sebelum memulai topik baru saya akan menjawab pertanyaan yang sering diajukan.

Pertanyaan 1: Yang pertama dan paling umum: “Di mana kode di menunya?” atau “jika tidak ada bookmark saat mengedit “Kode Sumber”, bagaimana cara menambahkan halaman internal?” atau “Saya masih tidak mengerti apa yang harus saya lakukan jika kodenya tidak muncul!”

Jawaban 1: VK telah mengubah editornya, sekarang Anda dapat beralih antara editor visual dan kode hanya dengan satu klik (sudut kanan atas editor):

Untuk memeriksa di editor mana Anda berada: gerakkan mouse Anda ke tombol ini, tulis beberapa teks dan sorot dalam huruf tebal - jika karakter yang tidak biasa muncul, maka ini adalah kode

Pertanyaan 2: Yang kedua, sangat bermasalah: “ bagaimana cara menghilangkan spasi antar gambar?»

Jawaban 2: Saya akui, saya sendiri merasa takut ketika menu klien mulai berfungsi untuk pertama kalinya. Sekarang saya segera mengeditnya, tapi itu tidak menyenangkan. Melihat:

Tambahkan tag nopadding; dan semuanya akan jatuh pada tempatnya!

Ruang merayap di antara gambar dan menu tampak rusak. Bagi yang cuek, hal ini mungkin tidak normal, namun bagi yang cuek, setidaknya hal ini tidak profesional. Jadi apa masalahnya? Ah, itu sangat sederhana! Di VK, beberapa pembaruan terus terjadi, algoritme baru diperkenalkan... dan bahkan editornya tidak benar... terkadang, tanpa alasan yang jelas, tag penting keluar dari kode dan kemudian kita melihat gambar ini. Untuk memperbaikinya, Anda perlu melihat kode dan melakukan penyesuaian yang diperlukan. Format kodenya harus seperti ini:

Templat: [] Contoh: []

Biasanya gambar menu diperluas karena kodenya hilang tanpa bantalan; — kami menempatkannya pada tempatnya dan semuanya selaras. Sebelum menyimpan hasilnya, klik tombol “Pratinjau” untuk memastikan semuanya lancar.

Pertanyaan 3: Berita. Pada bulan Oktober 2012, VKontakte secara paksa memotong avatar grup dan halaman publik. Sekarang ukurannya memiliki standar umum 200x500 piksel. Jadi, jika Anda memiliki avatar yang lebih besar di grup Anda, maka lakukan pembaruan (update avatar).

Ngomong-ngomong, selain cropping, VK juga memperkenalkan inovasi lain terkait foto grup: sekarang dengan mengklik avatar, kita, seperti di akun, akan dapat melihat semua album komunitas. Itu nyaman! Dan dari sini, fungsi baru diambil dalam komunikasi grup.

Soooo, pertanyaannya sudah selesai... sekarang mari kita lanjutkan ke pembuatan menunya sendiri!

Langkah 1. Cara membuat menu di kontak dan membuat halaman bersarang:

Pertama-tama, pastikan Anda mengetahui cara membuat menu grup di kontak dan ikuti beberapa petunjuk:

Apa pendapat Anda tentang lembar contekan saya?

Ini adalah lembar contekan yang saya buat! Untuk lebih jelasnya, saya akan menjelaskan setiap nomor:

Lakukan operasi ini dengan semua subhalaman dan menu Anda akan siap.

Makan! Kita telah membuat menu, membuat halaman internal, mengisinya, sekarang mari beralih ke membuat menu grafis yang indah.

Langkah 2. Cara membuat menu grafis yang indah di Kontak dan menginstalnya:

Saya tidak akan memberi Anda keseluruhan teori tentang cara kerja markup wiki di kontak, kami memiliki tujuan lain sekarang. Untuk membuat menu visual di grup VK, Anda tidak perlu mengetahui semua markup wiki. Mari beralih ke pembuatan menu visual!

Pertama, saya akan menunjukkan kode dan hasil menu saya:

Saya akui, saya membuatnya khusus untuk menulis artikel ini. Semua orang “tidak sempat melakukannya,” Anda tahu, seperti “pembuat sepatu tanpa sepatu bot.” Tapi sekarang saya punya menu visual di grup VK!

Saya tidak akan memberi tahu Anda cara menggambar untuk menu, itu terserah desainernya, saya menggambarnya sendiri, tetapi tidak terlalu profesional. , di akhir artikel saya berikan video cara menggambar menu sederhana di photoshop, coba lihat mungkin anda bisa melakukannya sendiri. Jika tidak, pesan gambar menu dari .

Saya akan menunjukkan kepada Anda opsi instalasi menu yang cukup rumit. Perbedaannya terletak pada jumlah elemennya. Menu yang dipotong-potong adalah implementasi paling sederhana. Semakin banyak tombol yang dapat diklik dalam satu baris, semakin kompleks pelaksanaannya. Meskipun mengetahui kekhasannya, semuanya sederhana! Ini hanya masalah waktu. Jadi, lebar gambarnya adalah:

370 px – jika Anda memiliki dua objek atau lebih dalam satu garis, seperti saya memiliki tombol media sosial

Dan maksimal 388 px – jika kita memotong gambar secara sederhana, hanya menjadi garis-garis saja, tanpa membaginya menjadi objek-objek kecil. Ini adalah fitur yang perlu Anda ketahui saat memotong menu menjadi tombol. Ukuran gambar saya untuk keseluruhan menu ternyata 370x456 px.

Setelah gambar dipotong menjadi sejumlah objek yang diperlukan dan disimpan dalam album terpisah, kami mengunggah album ini ke VK. Kita unggah ke profil akun, bukan ke grup! Karena di album grup tidak ada lagi pilihan untuk menyembunyikan album. Album teknis di grup perusahaan (misalnya) tidak diperlukan sama sekali, jadi kami menyembunyikan item menu di album akun:

Album teknis VK

Setelah Anda mengatur privasi "Hanya Saya". Mari beralih ke instalasi menu itu sendiri. Saya akan memberikan contoh kode yang akan menjadi template untuk Anda dan mari kita lihat terdiri dari:

[]

Di mana, foto7632142_296911699– ini alamat gambarnya! Kami melihatnya di bilah alamat gambar:

Dari gambar pertama, mari kita mulai memasukkan menu ke dalam grup VKontakte

Anda memerlukan alamat singkat dari gambar tersebut, untuk melakukan ini, buka album itu sendiri:

Buka album itu sendiri untuk mendapatkan alamat gambar yang diinginkan!

...dan mulai dari gambar pertama, pindahkan ke menu grup.

Menambahkan ukuran gambar ke kode menu!

Jadi alamat gambarnya sudah ditambah, ukurannya sudah tertera, sekarang kita pasang tagnya tanpa bantalan;- diperlukan agar gambar kita saling menempel erat. Dan langkah terakhir adalah memasang link ke halaman yang akan dituju pengunjung setelah mengklik gambar tersebut.

Sedikit klarifikasi di sini! Kami menulis tautan eksternal, tautan ke album dan diskusi VK secara lengkap, dan tautan ke halaman internal dalam format halaman-32734125_44298120. Di awal dan akhir baris, jangan lupa memberi tanda kutip dua persegi dan tanpa spasi.

Klarifikasi 2: ketika kami menautkan ke halaman internal tanpa gambar, kami menggunakan tanda kutip persegi tunggal untuk diskusi, album, dan tautan eksternal.

Baris di mana Anda memiliki dua atau lebih elemen dimasukkan ke dalam kode tanpa spasi. Sisipkan setiap baris gambar satu demi satu. Karena jika Anda menekan Enter setelah garis dengan gambar, maka gambar akan melompat ke baris baru dan menu akan berpindah. Kita ingin menu ditampilkan secara keseluruhan, jadi kita tidak memerlukan spasi atau “interter” tambahan!

Setelah Anda memindahkan semua gambar ke menu dan mendesainnya (ukuran, tautan), simpan hasilnya dan kagumi karya Anda! Semua! Siap!