Banyak permintaan daripada pembaca saya yang berterusan dan pengguna yang ingin tahu mempunyai kesannya. Saya akhirnya mencipta pelajaran di mana kita akan belajar cara membuat menu VKontakte dinamik dengan kesan butang yang ditekan! Dengan analogi dengan tapak Internet biasa, apabila pautan yang dilawati ditanda dengan cara yang istimewa (butang ditekan, garis bawah, dll.) - kami akan membuat reka bentuk yang sama pada VKontakte, menggunakan halaman yang dibuat dan reka bentuk grafik. Sebagai permulaan, kami akan membuat templat grafik dalam Photoshop - kami akan membuat pengepala menu dan dua jenis butang. Kemudian kami akan membuat beberapa halaman VKontakte, mengikut item dalam menu kami. Dan akhirnya, kami akan melakukan helah rumit, yang, sebenarnya, akan mencipta ilusi mengikuti pautan. Pelajaran ini agak kompleks dan sesuai untuk mereka yang berasa yakin dengan fungsi Vkontakte. Saya akan melakukan semua manipulasi menggunakan contoh kumpulan VKontakte anda, di mana kesan ini direalisasikan secara langsung. Jadi, mari kita mula bekerja!

Langkah 1. Buat pengepala menu dalam Photoshop
Buat dokumen dalam Photoshop dengan lebar 600 piksel. Ketinggian boleh berbeza, mengikut budi bicara anda. Anda boleh meletakkan sebarang gambar tertentu, kolaj, sepanduk maklumat dan gambar grafik lain dalam pengepala. Dalam kes ini, saya menggunakan sepanduk pengiklanan berikut berukuran 600x172 piksel.

Langkah 2. Cipta bar navigasi dalam Photoshop
Sekarang kita perlu membuat bar navigasi. Dalam contoh ini, saya hanya menggunakan teks sebagai butang. Tetapi mengikut budi bicara anda, anda boleh membuat butang berwarna dan menulis teks padanya. Kami melakukan ini - buat segi empat tepat 600x56 piksel dalam Photoshop dan dalam kes ini isikannya dengan putih. Kemudian kami menulis item menu pada baris - kira-kira 5-6 item, tidak lebih. Bilangan mata yang lebih besar akan kelihatan terhimpit.

Langkah 3. Buat bar navigasi yang ditekan dalam Photoshop
Sekarang kita perlu membuat pautan aktif, seolah-olah ia telah diklik. Saya menggunakan garis bawah biasa, tetapi anda boleh menggunakan teks atau warna latar belakang yang berbeza untuk menandakan pautan yang dilawati.

Langkah 4. Potong gambar siap
Pada peringkat ini, kita perlu memotong gambar dari Langkah 2 dan Langkah 3. Kita sepatutnya mempunyai dua set lima butang setiap satu - satu butang tanpa garis bawah, butang satu lagi dengan garis bawah. Butang untuk setiap item individu (dengan dan tanpa garis bawah) hendaklah saiz yang sama. Gambar di bawah menunjukkan semua reka bentuk grafik kami - sepuluh butang dan satu pengepala menu.

Langkah 5. Buat halaman Menu VKontakte
Sekarang mari pergi ke VKontakte. Tugas kami ialah membuat halaman berasingan yang dipanggil "Menu". Untuk melakukan ini, kami akan menggunakan kod berikut
http://vk.com/pages?oid=-XXX&p=Page_Name
di mana bukannya XXX kami akan menggantikan id kumpulan kami, dan bukannya teks "Nama Halaman" kami akan menulis Menu. Sekarang kita perlu mengetahui id kumpulan. Bagaimana hendak melakukannya? Kami pergi ke halaman utama kumpulan dan melihat siaran kami di dinding - betul-betul di bawah blok "Tambah siaran" ia akan berkata "Semua siaran" - klik pada pautan ini.

Langkah 6. Tentukan id kumpulan dan edit kod
Kami pergi ke halaman dan melihat URL seperti ini https://vk.com/wall-78320145?own=1, dengan nombor 78320145 dalam contoh ini ialah id kumpulan. Kami menggantikan data kami ke dalam kod sumber dan mendapatkan rekod seperti ini:
http://vk.com/pages?oid=-78320145&p=Menu(dengan nombor anda!). Tampalkan baris ini ke dalam bar alamat penyemak imbas dan tekan Enter. Jadi kami mencipta halaman VKontakte baharu dan pada mulanya ia kelihatan seperti ini.

Langkah 7. Buat halaman navigasi VKontakte yang tinggal
Dengan cara yang sama, kami mencipta empat lagi halaman navigasi: Harga, Cara memesan, Spesifikasi teknikal dan Soalan. Iaitu, kami menyalin kod yang sepadan empat kali lagi ke dalam bar alamat penyemak imbas (dengan nombor id anda dalam contoh di bawah, nombor saya):

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

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

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

http://vk.com/pages?oid=-78320145&p=Questions
Sila ambil perhatian bahawa dalam tajuk halaman dua perkataan (Cara membuat pesanan), ruang antara perkataan digantikan dengan garis bawah How_to order. Kini kami mempunyai lima halaman siap sedia untuk setiap item menu. Kami tidak membuat halaman Portfolio kerana ia terletak pada halaman Menu

Langkah 8. Muat naik foto ke halaman pertama menu
Pada halaman yang dibuat, masih kosong (lihat Langkah 6) Menu, klik pada pautan Edit atau pautan Isi dengan kandungan. Selepas ini kita lihat panel penyuntingan. Di sini kita perlu klik pada ikon kamera dengan fungsi Muat naik foto. Penting! Sila pastikan anda berada dalam mod penanda wiki. Penukaran mod dikawal oleh ikon di tepi kanan halaman.

Langkah 9. Hasil selepas memuatkan imej
Kami memuatkan gambar kami yang kami buat dalam Langkah 1 dan Langkah 2. Selepas memuatkan, kami melihat kod seperti dalam gambar di bawah, dan menu itu sendiri kelihatan seperti ini. Selepas setiap perubahan kod, jangan lupa klik Simpan Halaman, dan kemudian klik Pratonton untuk melihat hasilnya.

Langkah 10. Mengedit kod imej
Sekarang tugas kami adalah untuk menggantikan semua sifat noborder dengan harta nopadding. Dan letakkan dimensi sebenar pada gambar pertama, kerana VKontakte mengecilkan gambar kepada 400 piksel semasa memuat naik. Selepas semua perubahan kita harus mendapatkan kod dan menu berikut.

Langkah 11. Tambah pautan pada imej
Sekarang kita perlu meletakkan pautan untuk setiap gambar. Pautan mesti dimasukkan selepas nopadding| bukannya ruang sebelum kurungan penutup. Untuk imej pertama (pengepala menu dari Langkah 1), anda boleh memberikan pautan ke halaman utama kumpulan, atau anda boleh menggunakan sifat nolink (meletakkan; selepas nopadding tanpa ruang). Untuk kad kedua, masukkan alamat halaman format muka surat-78320145_49821289. Iaitu, URL penuh imej https://vk.com/page-78320145_49821289, bahagian pertama dengan domain boleh ditinggalkan. Tetapi untuk pautan ke tapak luar, URL pautan mesti dinyatakan sepenuhnya.

Langkah 12. Salin kod ke halaman navigasi yang tinggal
Dalam langkah yang agak mudah ini, kami menyalin kod terakhir dari langkah sebelumnya dan menampalnya pada halaman yang masih dibuat - Harga, Cara memesan, Terma Rujukan dan Soalan. Kami berada di halaman, klik Edit atau Isi kandungan (kami berada dalam mod penanda wiki), tampal kod dan klik Simpan. Dan kemudian juga pada halaman seterusnya. Iaitu, kini kami mempunyai lima halaman, di mana setiap satu menu kelihatan sama. Tetapi anda sudah boleh menavigasi melalui menu - apabila anda mengklik pada pautan, contohnya Harga, kami akan dialihkan ke halaman Harga, dsb.

Langkah 13. Membuat kesan butang ditekan
Sekarang kita perlu menukar satu gambar pada setiap lima halaman (gantikan butang tanpa garis bawah dengan butang dengan garis bawah). Sebagai contoh, pada halaman pertama Menu kami memuatkan imej baharu dan kemudian menggantikan alamat imej lama dalam kod dengan yang baharu (digariskan dalam warna merah). Kemudian kami pergi ke halaman Harga, muat naik gambar dengan Harga bergaris dan tukar dalam kod ke alamat gambar baharu. Kemudian kami pergi ke halaman Cara memesan, Terma rujukan dan Soalan dan melakukan operasi yang sama dengan cara yang sama.

Perlawanan akhir.
Akibatnya, kami mendapat kesan navigasi apabila anda mengklik pada pautan menu dan ia menjadi aktif. Tetapi oleh kerana reka bentuk grafik pada semua halaman adalah hampir sama, kecuali pautan aktif, ilusi navigasi dicipta, walaupun sebenarnya ia adalah peralihan ke halaman lain.

Menu yang direka bentuk dengan cara ini tidak disesuaikan untuk peranti mudah alih. Apabila saiz skrin mengecil, gambar mula meluncur satu di bawah satu sama lain. Untuk membuat reka bentuk responsif, anda perlu menggunakan jadual versi tegar. Tetapi ini adalah cerita lain dan teknik yang lebih maju. Sementara itu, lihat pelbagai pilihan untuk reka bentuk menu grafik.

Matlamat pencipta kumpulan di media sosial. rangkaian untuk menarik lebih ramai pelawat. Adalah penting bahawa tetamu ingin menyertai, menandatangani, membaca maklumat, meninggalkan komen atau memesan produk. Keperluan untuk keputusan akhir berbeza daripada arah aktiviti.

Detik pertama penginapan membentuk tindakan selanjutnya tetamu. Inilah sebabnya antara muka memainkan peranan yang besar.

Faktor yang meninggalkan tetamu:

• avatar;
• penerangan;
• Nama;
• menu yang cantik dan praktikal;
• warna-warni;
• kandungan.

Mudah untuk mencipta menu praktikal yang memotivasikan lebih daripada sekadar tindakan. Tetapi pertama-tama anda perlu memikirkan apa yang sepatutnya.

Apakah menu yang sepatutnya?

Menggunakan menu yang direka dengan baik, pelawat boleh menavigasi dengan mudah dan mendapatkan jawapan kepada soalan mereka dengan cepat. Navigasi juga membolehkan anda mencipta kesan yang betul tentang projek.

Tiga matlamat utama kumpulan:

1. jualan;
2. peningkatan trafik;
3. peningkatan pelawat aktif.

Untuk jualan, navigasi kumpulan menggantikan paparan dalam kedai.

Butang yang paling penting harus ada di sini:

1. katalog;
2. harga;
3. penghantaran;
4. tawaran promosi;
5. ulasan.

Untuk meningkatkan trafik, penekanan adalah pada kandungan dan citarasa laman web atau blog.

Satu set anggaran butang:

video: menu untuk orang ramai

Bekerja dengan Photoshop

Sebelum anda memulakan, anda perlu memvisualisasikan reka bentuk atau penampilan keseluruhan, serta komponennya. Tiada pengetahuan khusus diperlukan, ikuti langkah-langkah arahan.

Algoritma tindakan:

Ini dilakukan menggunakan alat Rectangular Marquee:

Bekerja dengan grafik:

Ia sepatutnya kelihatan seperti ini:

Simpan segi empat tepat yang terletak di sebelah kanan sebagai imej berasingan, tetapkan saiz kepada 200x500 piksel. Ini adalah avatar sedia, dimuat naik melalui butang "Muat naik foto" dalam kumpulan VK.

Gambar kedua masih perlu dibahagikan dengan bilangan mata. Ini dilakukan untuk memberikan pautan kepada setiap butang.

Mula-mula anda perlu membuat markup:

Buat serpihan:

Menyimpan imej:

Bahagian teknikal

Imej yang telah siap mesti dipindahkan ke kumpulan. Dengan mengikuti langkah-langkah di bawah, tugasan ini boleh diselesaikan dengan mudah.

Penting! Memuat naik menu berbeza daripada biasanya memuat naik foto atau gambar.

Semuanya mengikut urutan:

Sekarang perkara yang paling penting ialah mengapa semua ini dilakukan. Tambah fungsi menu. Imej berasingan mesti diberikan pautannya sendiri.

1. cari entri yang diperlukan;
2. klik kiri padanya;
3. salin URL dalam bar alamat.

• pergi ke sumber di mana anda perlu memindahkan pelawat;
• salin alamat yang diperlukan.

Simpan perubahan menggunakan butang yang sepadan di bahagian bawah tetingkap.

Perhatian! Perubahan mungkin tidak dapat dilihat dengan segera. Adalah disyorkan untuk log keluar ke profil utama anda dan kemudian log masuk semula ke dalam kumpulan.

Bagaimana untuk membuat menu dalam penanda wiki kumpulan VKontakte

Penanda Wiki ialah bahasa khas yang digunakan untuk mereka bentuk halaman web dalam kumpulan rangkaian sosial.

Alat ini membolehkan anda membuat:

• kesan;
• menu luar biasa;
• tanda-tanda;
• elemen navigasi;
• format teks.

Pendek kata, markup ini membolehkan anda membuat laman web VKontakte mini. Ini sangat mudah, terutamanya untuk jualan dan merekrut pelanggan.

Reka bentuk ini secara intuitif memaksa pelawat untuk tinggal dan klik pada butang. Iaitu, ia melambatkan dan merangsang tindakan - dan inilah yang diperlukan.

Secara visual, sistem sedemikian hampir sama dengan susun atur HTML. Tetapi ia tidak memerlukan latihan yang panjang dan pemikiran yang istimewa.

Video: menu dengan carian mengikut kategori

Nuansa penciptaan

Sebenarnya, apa yang dilakukan di atas (membahagi dan memuatkan imej) sudah pun menjadi elemen penanda. Inilah kelebihan alat ini. Transformasi automatik kepada teg apabila hanya memuatkan imej.

Walau bagaimanapun, adalah penting untuk mengetahui teg individu untuk membantu menambah lebih banyak fungsi dan kecantikan. Sebagai contoh, apabila kita mengisi bahagian individu imej, jalur putih mungkin terbentuk di antaranya. Anda boleh mengalih keluarnya dengan hanya menambah tag noborder.

seperti ini: []

Tag utama dibentangkan dalam jadual di bawah:

Foto: tag yang digunakan untuk menandakan

Bekerja dengan gambar

Di mana pilihan digantikan dengan:

• noborder- mengeluarkan bingkai di sekeliling imej;
• nopadding- mengalih keluar ruang antara imej;
• kosong- masukkan pautan ke imej. Direka sebagai teks, tanpa grafik;
• nolink- mengalih keluar pautan ke gambar;
• kotak- membuka imej dalam tetingkap;
• NNNxYYYpx atau NNNpx- menetapkan saiz foto dalam piksel.

Mencipta jadual

Tidak kira apa jenis menu (teks atau grafik) yang anda buat, anda tidak mungkin melakukannya tanpa memasukkan jadual. Jika tidak, anda hanya boleh menampal teks ke dalam medan berita dan tidak memformatnya, membuang banyak masa.

Jadual dicipta menggunakan set aksara khas, di mana setiap daripada mereka bertanggungjawab untuk bahagian tertentu jadual:

• {| simbol permulaan jadual, tanpanya tidak boleh ada jadual. Sentiasa digunakan;
• |+ bertanggungjawab untuk meletakkan tajuk jadual di tengah. Diletakkan selepas aksara pada permulaan jadual. Gunakan seperti yang dikehendaki;
• | menandakan permulaan baris dan sel baharu;
• | watak yang menjadikan sel telus;
• ! menjadikan sel lebih gelap. Sekiranya tiada, tanda sebelumnya mesti digunakan;
• |} bermakna hujung meja. Watak pilihan, bagaimanapun, digunakan untuk mengelakkan ralat daripada berlaku.

Apabila mengisi jadual, kandungan setiap sel mesti diletakkan selepas tanda | dan apabila mengasingkan sel, anda perlu menduplikasi jenis baris seperti ini: || atau!!.

Ciri penanda

Terdapat banyak peraturan tidak bertulis, dan ini menyebabkan banyak masalah untuk pengaturcara baru. Sebagai peraturan, semuanya dipelajari melalui latihan. Setiap orang menemui kelemahan mereka sendiri, setiap orang menghadapi kesukaran mereka sendiri.

Untuk mengelakkan kesilapan asas, anda harus membiasakan diri dengan yang utama:

1. anda perlu berhati-hati apabila mengubah saiz gambar - jika ia kurang daripada 131 piksel, kualitinya akan merosot dengan ketara;
2. Lebar imej tidak boleh melebihi 610px;
3. Dilarang meletakkan lebih daripada 17 tag yang tidak ditutup pada satu halaman wiki;
4. apabila menukar lebar imej, ketinggiannya berubah secara automatik dan berkadar;
5. senarai di dalam jadual hendaklah dibuat menggunakan tag
   ;
6. Tidak boleh ada lebih daripada 8 elemen senarai dalam satu baris penanda.

Untuk mencipta navigasi yang cantik dan berfungsi, anda perlu mengetahui asas Photoshop dan penanda wiki. Walau bagaimanapun, yang terakhir mengandungi nuansa sendiri, yang, apabila berhadapan dengan pemula, boleh terjebak dan keliru untuk masa yang lama.

Penting! Semak bahawa semua tag telah ditutup. Pastikan ia konsisten.

Pembantu utama dalam perkara ini adalah perhatian dan pematuhan ketat terhadap arahan. Halaman VK rasmi, yang dipanggil penanda wiki, sentiasa boleh membantu.

Menjual reka bentuk menu VKontakte bermula dengan pilihan yang tepat. Adakah anda mempunyai kedai dalam talian, syarikat pembinaan, adakah anda terlibat dalam bimbingan atau adakah anda seorang artis kecantikan? Setiap perniagaan adalah unik dan memerlukan pendekatan khas untuk reka bentuk menu wiki. Dari artikel kami, anda akan mengetahui jenis menu yang wujud untuk kumpulan VKontakte, apakah ciri dan perbezaannya, serta menu mana yang hendak dipilih untuk perniagaan anda.

Ini adalah jenis menu yang paling biasa dan paling murah. Membolehkan anda membuat navigasi yang mudah melalui bahagian kumpulan atau ke sumber luaran: perbincangan, album foto, katalog produk, orang, video, tapak web syarikat atau halaman di rangkaian sosial. Reka bentuk menu navigasi biasanya tidak melebihi 1000px dan muat pada satu skrin monitor.

Jenis menu navigasi:

Menu ini mempunyai fungsi mudah dan dipasang pada satu halaman wiki sahaja. Butang menu membawa terus ke bahagian kumpulan atau tapak luaran yang dikehendaki, tanpa membuka halaman navigasi tambahan. Ini adalah pilihan menu yang mudah jika anda tidak mempunyai bilangan perkhidmatan/produk yang banyak dan tidak diletakkan sebagai sebuah syarikat besar.

Menu satu halaman sesuai untuk kedai dalam talian kecil, jurugambar, jurulatih dan artis kecantikan.

Menu berbilang halaman

Ini adalah sejenis menu navigasi di mana peralihan melalui bahagian kumpulan dijalankan mengikut struktur. Sebagai contoh: butang "produk" membawa kepada halaman wiki baharu, yang memaparkan senarai bahagian "pakaian kanak-kanak", "untuk wanita", "untuk lelaki", dsb. Setiap halaman wiki boleh mempunyai reka bentuk uniknya sendiri, butang aktif, atau menduplikasi reka bentuk halaman menu utama.

Menu berbilang halaman - halaman wiki utama

Menu berbilang halaman akan memudahkan kedai dalam talian apabila anda perlu membantu pelanggan mencari bahagian yang dikehendaki dengan cepat dan mudah dalam kumpulan.

Menu berbilang halaman - halaman wiki tambahan

Halaman pendaratan Wiki di VKontakte

Pendaratan Wiki atau disebut juga pendaratan VKontakte adalah jenis menu yang paling popular. Kecintaan terhadap reka bentuk menu ini di kalangan pelanggan kami tidak menghairankan - ia adalah reka bentuk yang cantik dan tersusun, semua maklumat yang paling penting tentang kumpulan anda ada pada satu halaman, butang pesanan aktif (membawa kepada PM pentadbir atau mesej kumpulan) dan produk katalog. Mana-mana bahagian yang anda ingin buat dalam pendaratan wiki anda, ia boleh dilakukan.

• Penerangan mengenai syarikat dan aktivitinya
• Kategori perkhidmatan atau barangan
• Maklum balas pelanggan melalui reka bentuk grafik
• Video dan video promosi
• Faedah bekerja dengan anda
• Promosi dan tawaran istimewa
• Perihalan perkhidmatan atau barangan
• Artikel popular dalam kumpulan
• Kenalan untuk menghubungi anda
• Kad aktif dengan alamat syarikat
• Jawapan kepada soalan lazim

Pendaratan Wiki ialah pilihan terbaik untuk syarikat besar yang menyediakan perkhidmatan, kedai dalam talian dengan fokus dan jurulatih yang sempit

Kami menjawab soalan lazim tentang menu wiki:

Faktor utama dalam memilih reka bentuk untuk kumpulan VKontakte ialah tema perniagaan anda dan belanjawan untuk pembangunan reka bentuk. Jika anda mempunyai syarikat muda atau baru saja memutuskan untuk membuat kumpulan dan ingin menguji populariti perkhidmatan anda di Internet, anda harus memberi keutamaan kepada menu navigasi. Bagi mereka yang ingin mencipta reka bentuk grafik yang cantik untuk kumpulan dan menerima lebih banyak aplikasi, kami mengesyorkan memilih halaman pendaratan VKontakte.

Apabila menu kumpulan telah dilukis oleh pereka bentuk dan dipasang pada halaman wiki, anda boleh memautkannya dengan mudah ke mana-mana siaran atau sepanduk dalam siaran yang disematkan. Untuk melakukan ini, anda perlu membuka pautan menu wiki dalam tab pelayar baharu, salin, kembali ke kumpulan anda dan tampal pautan yang disalin ke dalam siaran baharu. Apabila pratonton pautan dimuatkan, teksnya mesti dialih keluar daripada siaran. Anda boleh menulis sebarang maklumat dalam penerbitan ini, seruan bertindak dan kenalan, kemudian lampirkan gambar (foto) dan klik butang "Terbitkan". Sekarang klik "Pin" dan sepanduk dengan pautan aktif ke menu kumpulan akan sentiasa kelihatan.

Bagaimana untuk membuat menu dalam kumpulan VKontakte?

Untuk melakukan ini, anda memerlukan kemahiran dalam penyunting grafik seperti Adobe Photoshop (format psd), Adobe Illustrator (format ai atau eps) atau CorelDRAW (format cdr). Setiap program ini akan melakukan tugas yang sangat baik untuk tugas ini. Cipta dokumen baharu dengan dimensi 607 px (kami mengesyorkan anda mencipta dokumen 608 px) lebar dan tetapkan panjang menu yang diperlukan (tinggi dokumen). Sekarang anda boleh mula mereka bentuk. Di Internet anda akan menemui banyak video tentang cara membuat menu VKontakte sendiri, tetapi jika anda ingin membuat reka bentuk yang cantik dan profesional, lebih baik menghubungi pereka yang berpengalaman.

Susun atur menu grafik juga mempunyai kehalusan tersendiri. Sebagai contoh: Anda perlu memahami susun atur wiki VKontakte, belajar cara menukar antara ciri editor, berusaha memautkan pautan ke setiap serpihan reka bentuk dan menetapkan saiz menu dengan betul. Bagi orang yang tidak berpengalaman, kerja ini boleh mengambil masa sehingga beberapa hari, apabila pereka bentuk boleh melukis menu grafik dan menyusunnya dalam satu kumpulan dalam beberapa jam.

Apakah perbezaan antara menu untuk orang awam dan kumpulan VKontakte?

Tiada perbezaan dalam reka bentuk grafik menu untuk umum, kumpulan atau acara. Satu-satunya perbezaan adalah dalam memasang menu pada halaman wiki. Dalam acara dan orang ramai tiada fungsi untuk memasukkan "Bahan". Melalui bahagian ini pautan dibuat ke halaman wiki di mana menu kumpulan akan dipasang. Walau bagaimanapun, terdapat jalan keluar dari situasi ini dengan menerbitkan kod wiki, yang akan membuka akses untuk mencipta halaman wiki.

Bagi pereka yang berpengalaman, mencipta menu VKontakte bukanlah masalah!

Adakah anda bosan dengan menu dalam kumpulan VKontakte atau adakah anda mahu menyembunyikannya? Ini boleh dilakukan dalam beberapa cara: lumpuhkan "Bahan" dalam tetapan kumpulan, padamkan siaran yang disematkan dengan pautan ke menu, atau padamkan kod menu pada halaman wiki. Cara terpantas dan termudah ialah melumpuhkan bahagian "Bahan" - menu dalam kumpulan tidak akan kelihatan lagi dan anda sentiasa boleh mengembalikannya jika anda mahu. Halaman wiki VKontakte itu sendiri tidak boleh dipadamkan.

Contoh reka bentuk menu yang cantik

Hanya pereka yang boleh mencipta reka bentuk yang cantik untuk menu kumpulan VKontakte, dan ini tidak menghairankan. Untuk membangunkan reka bentuk yang cantik, anda memerlukan kemahiran dalam penyunting grafik dan rasa yang baik, dan ini disertakan dengan pengalaman. Menggunakan contoh kami, anda boleh membandingkan rupa menu navigasi dan pendaratan wiki dalam kumpulan VKontakte, serta mendapatkan idea untuk reka bentuk.

Pesan reka bentuk kumpulan VKontakte - pereka Irina Filipenko

Pesan reka bentuk menu untuk kumpulan VK

Kami telah bekerja dalam bidang mereka bentuk kumpulan VKontakte sejak 2012 dan pada masa ini kami telah menyelesaikan lebih daripada 200 projek reka bentuk. Perkhidmatan yang paling popular di kalangan pelanggan kami ialah reka bentuk kumpulan turnkey dengan pendaratan wiki. Perkhidmatan mahal di studio kami ini disediakan tanpa penanda yang besar, kerana anda bekerja secara langsung dengan pereka bentuk dan kami tidak mengenakan sebarang bayaran tambahan - untuk pengeditan, masa yang diluangkan atau pembelian grafik. Adakah anda berminat dengan tawaran kami? Hubungi kami melalui bahagian di laman web ini.

Dan sekali lagi saya gembira untuk mengalu-alukan anda!

Dalam artikel hari ini kita akan bercakap secara eksklusif mengenai kumpulan VKontakte, walaupun sebahagian besarnya, saya lebih suka bekerja dengan halaman awam. Tetapi apabila dalam artikel lepas saya menyentuh contoh orang awam saya, ramai yang bertanya, khususnya mengenai menu untuk kumpulan tersebut.

Bagaimana untuk membuat menu dalam kumpulan VKontakte

Inilah yang saya dapat.

Saya jadikan menu sebagai contoh sahaja. Untuk memahaminya untuk kumpulan, pertimbangkan dengan lebih terperinci semua kehalusan untuk anda.

Jadi. Berikut adalah langkah asas:

• Fikirkan menu utama
• Pilih imej
• Photoshop (tiada tempat tanpa Photoshop, seperti biasa 🙂)
• Pemotongan imej
• Memuat naik imej ke album kenalan

Untuk mengaktifkan Entri Terkini(untuk menu masa hadapan anda), anda perlu pergi ke pengurusan komuniti dan hidupkan item - "Bahan"

Selepas bahan dimasukkan, item "Berita Terkini" akan muncul di bahagian atas kumpulan, di mana anda perlu membuat menu. Sama seperti mana-mana halaman kenalan, kami mendapati diri kami berada dalam editor di mana kami boleh memuat naik imej atau butang menu secara manual, atau melalui penanda wiki (butang di sudut kanan atas).

Seperti yang anda fikirkan, cara paling mudah ialah melukis gambar yang diperlukan terlebih dahulu dalam Photoshop dan meletakkan butang di atasnya terlebih dahulu; pada masa akan datang ia akan menjadi pautan.

Dalam contoh saya, saya menggunakan latar belakang seorang gadis dan meletakkan 3 butang di sebelah kirinya. Setiap butang mempunyai nama sendiri.

Menu saya terdiri daripada item berikut:

Untuk menyepadukan imej yang telah siap ke dalam sentuhan, ia mesti dipotong terlebih dahulu. Untuk melakukan ini, kami menggunakan alat "Memotong" dalam Photoshop. Saya fikir tidak akan ada kesulitan dengan ini. Segala-galanya mudah di sana... Untuk berjaga-jaga, saya mengambil gambar :)

Kami memilih alat ini dan mula "memotong". Saya mendapat 4 bahagian. (perkara paling mudah yang saya buat :), walaupun anda boleh memotongnya menjadi kepingan)

Semua kerja yang diperlukan untuk mencipta menu telah selesai. Kini anda boleh mula membuat menu VKontakte. Untuk melakukan ini, muat naik imej ke kenalan satu demi satu. Inilah yang kami selesaikan:

Sekarang klik pada setiap butang (atau sebahagian daripada imej) dan tetapkan alamat yang diperlukan (pautan). Untuk mengalih keluar ruang tambahan, anda perlu menggunakan teg "nopadding" (dalam menu penanda Wiki)

Teg "nopadding" mengalih keluar ruang antara imej, iaitu, ia membantu untuk "menyertai" mereka rapat antara satu sama lain.

Hasil daripada menambah teg, hasilnya adalah seperti berikut:

Nampaknya semuanya jelas dan tidak ada yang rumit. Dan jika anda tiba-tiba membuat keputusan untuk menciptanya sendiri, kemudian lakukannya, anda mungkin akan menjadikannya lebih cantik... Dalam contoh saya, ia ternyata tidak sekeren yang saya mahukan, tetapi saya melihat bahagian bekerja untuk anda. Sudah tentu, jika anda menghabiskan lebih banyak masa, malah beralih kepada pekerja bebas, anda boleh mencipta menu yang sangat menarik.

Saya melihat ramai orang membuat kesinambungan avatar utama. Ia ternyata sebagai satu imej keseluruhan. Nampak bagus. Tetapi untuk mencipta sesuatu seperti ini, anda perlu mempunyai pemahaman yang lebih baik tentang Photoshop :)

Saya juga perasan bahawa ramai orang berminat dengan soalan itu - bagaimana untuk membuka menu kumpulan, iaitu, supaya menu kumpulan VKontakte dibuka pada mulanya apabila memasuki kumpulan.

Jawapan: Setahu saya, ciri ini telah dialih keluar oleh pentadbir Vkontakte. Sebelum ini, terdapat butang berasingan untuk membuat menu tetap - terbuka. Kemudian fungsi ini telah dialih keluar, dan kini menu perlu dibuka secara berasingan.

Walaupun, saya telah melihat beberapa yang dibuka secara lalai... dan seseorang juga mengatakan bahawa terdapat beberapa kod yang mengatasi masalah ini. Tetapi saya tidak akan mengesyorkan menggunakannya. Berdasarkan perbincangan di banyak forum, admin tidak mengalu-alukan ini!

Itu sahaja untuk hari ini. Jumpa anda berhubung!

Hello, sayang saya!

Hari ini saya akan memberitahu anda secara terperinci, bagaimana untuk membuat menu untuk kumpulan VKontakte. Dalam pengalaman saya menu dalam kumpulan dalam hubungan meningkatkan bilangan panggilan dan permintaan sebanyak 20%. Adalah penting untuk mengambil pendekatan yang bertanggungjawab untuk mencipta menu kumpulan. Oleh itu, saya telah menyediakan template menu JPA untuk anda memudahkan kerja anda.

Biar saya mulakan dengan fakta bahawa hari ini terdapat dua pilihan menu:

Pilihan 1: Menu kumpulan tertutup

Menu tertutup, dibuka apabila anda mengklik pada pautan. Dalam contoh di bawah, menu dibuka apabila anda mengklik pada pautan “OPEN GROUP MENU!”.



Pilihan 2: Buka menu kumpulan (siaran disemat)

Menu terbuka pada asasnya ialah siaran yang disematkan dengan pautan aktif.



Pilihan menu kedua muncul agak baru-baru ini, apabila ia menjadi mungkin untuk menyematkan siaran dari dinding ke pengepala kumpulan atau halaman awam. Ia kini yang paling berkesan.

Kedua-dua pilihan menggunakan penanda wiki. Penanda Wiki membolehkan anda dengan mudah dan cepat mereka bentuk penampilan kumpulan, mencipta jadual grafik dan spoiler, memformat teks dan bekerja dengan imej, pautan dan sauh. Saya tidak akan memikirkan tanda secara terperinci, kerana... VKontakte mempunyai editor visual terbina dalam yang secara automatik menterjemah kandungan anda ke dalam penanda wiki. Di sini saya akan memberikan hanya kod asas, tanpanya mustahil untuk membuat menu.

Bagaimana untuk membuat menu terbuka di VKontakte

Kami akan menganalisis proses mencipta menu menggunakan contoh Pilihan 2, i.e. buka menu.

Untuk memudahkan anda mengemudi, saya sediakan untuk anda Templat JPA menu: [Perhatian. Reka bentuk VKontakte telah berubah. Reka letak baharu dan maklumat lain yang berkaitan dalam ]

Templat Menu Kumpulan JPA

Untuk mencipta menu luaran, anda memerlukan 2 gambar: avatar (di sebelah kanan) dan satu tengah (gambar aksi).

Dimensi avatar: 200 x 332 px

Dimensi imej tengah: 395 x 282 px



Langkah 1.

Menggunakan templat JPA menu kumpulan yang dimuat turun di atas, buat dua gambar dengan saiz yang diperlukan.

Langkah 2.

Dalam kumpulan anda, pergi ke "Pengurusan Komuniti" (di sebelah kanan di bawah avatar). Cari item "Bahan" (pada tab "Maklumat") dan jadikannya "Terhad".



Langkah 3.

Sekarang kembali ke halaman utama kumpulan anda dan klik "Edit" dalam blok "Bahan" yang muncul (saya telah pun menamakannya kepada Menu Kumpulan).



Semasa mengedit halaman, tetapkan tajuk, anda boleh membuat bahagian atau sebarang maklumat lain menggunakan bar alat. Klik "Simpan Halaman" dan "Kembali ke Halaman"



Langkah 4.



Dalam contoh saya https://vk.com/page-42211349_47355854,

Nombor pertama 42211349 ialah id kumpulan anda

Digit kedua 47355854 ialah id halaman

Caranya: anda boleh membuat halaman tambahan secara manual. Untuk melakukan ini, ikuti pautan seperti:
https://vk.com/pages?oid=-ххххххххх&p=pagename
di mana,
xxxxxxxxx – ini id kumpulan anda
nama halaman – nama halaman anda

Langkah 5.



Dan terbitkan siaran itu.

Langkah 6.

Sekarang muat naik avatar kumpulan (gambar di sebelah kanan). Gambar avatar pendua akan muncul di dinding - padamkannya.

Langkah 7

Sekarang perhatian. Klik pada MASA PENERBITAN SIARAN (sudut kiri bawah siaran).



Dan klik "Pin". Tutup tetingkap ini dan muat semula halaman kumpulan anda (F5).



Langkah 8

Kami menulis status kumpulan (gunakan hanya 1 baris) untuk menyelaraskan gambar jika lukisan pada avatar anda tidak bermula dari bahagian paling atas (dalam templat avatar saya, pilihan 2). Dan inilah yang kami dapat:



KEPUTUSAN.

Menu dah siap! Sekarang, apabila anda mengklik pada imej tengah, menu anda dibuka:



Di sini anda boleh mengeditnya, menyiarkan foto, video, membuat bahagian baharu, meletakkan pautan.

Anda juga boleh mencipta menu grafik (submenu) di dalam menu utama. Lebarnya tidak boleh melebihi 600 px. Ketinggian tidak terhad. Yang membolehkan anda membuat halaman pendaratan VKontakte yang sangat baik.



Tetapi saya akan membincangkannya dengan lebih terperinci dalam artikel berikut. Langgan kemas kini blog untuk mengikuti perkembangan terkini dengan ciri baharu. Suka dan kongsi artikel dengan rakan anda.

Siarkan soalan atau pendapat anda dalam komen di bawah.