Artikel ini akan menjadi manual terperinci dan saya akan memberitahu anda cara membuat menu untuk kumpulan VKontakte. Menu kumpulan VK yang direka dengan cantik menyumbang kepada peningkatan sebenar dalam pelawat dan pertumbuhan jualan di tapak.

Halo pembaca yang dikasihi. Biar saya beritahu awak hari ini bagaimana untuk membuat menu yang cantik untuk kumpulan VKontakte dan percuma sepenuhnya. Dengan cara ini, setelah belajar membuat topik sedemikian, anda boleh mendapatkan sedikit wang dari ini -))). Tiada satu pun laman web komersial beroperasi tanpa mewujudkan komunitinya sendiri di rangkaian sosial, terutamanya VK, yang dijamin membantu membawa masuk pelanggan baharu, serta mempromosikan perniagaan anda.

Tetapi jika komuniti anda tidak menarik dan seperti orang lain, siapa yang mahu tinggal di sana? Saya rasa tiada sesiapa!!! Jadi mari kita hiasi kumpulan kita dengan reka bentuk berkualiti tinggi dan pelajari cara melakukannya dengan cepat. Sebelum anda mula mencipta grafik dan menu masa hadapan kami, anda perlu memasang program Photoshop pada komputer anda untuk memotong gambar selanjutnya. Ramai yang akan bertanya mengapa anda perlu memotong gambar sama sekali. Maksudnya di sini ialah untuk setiap pautan menu kita perlu membuat jalur berasingan daripada sepanduk umum.

Hari ini terdapat beberapa jenis menu yang dibuat:

• Buka dengan item aktif;
• Ditutup sebagai jawatan yang disematkan;
• Dengan gambar individu atau gambar bersebelahan biasa sepanduk dan menu.

Intipati mencipta kedua-dua pilihan adalah sama. Satu-satunya perbezaan utama adalah dalam elemen tambahan dan jenis rekod, dan ini akan dibincangkan dengan lebih terperinci dalam artikel ini.

Untuk bekerja dengan menu ia akan membantu kami penanda wiki, yang dibina ke dalam editor teks VKontakte hari ini. Ia berbeza daripada yang biasa kerana ia akan menggunakan arahan standard untuk memaparkan imej tertentu dan memasukkan pautan ke elemen yang diperlukan. Penanda wiki itu sendiri membolehkan anda memasukkan kod untuk memaparkan imej, video dan elemen lain.

Menu ditutup kumpulan VK

Dalam kes ini, kami akan melihat di sebelah kiri avatar kumpulan utama hiperpautan dalam bentuk tulisan "menu kumpulan", apabila diklik, menu kami dengan item dan imej aktif akan dibuka.

Menu akan kelihatan seperti ini:

Buka menu kumpulan (bahan yang disematkan)

Ideanya adalah untuk mencipta item menu yang sudah terbuka yang akan dipaparkan dalam perihalan kumpulan itu sendiri, di mana ia biasanya dipaparkan untuk semua keadaan. Gambar kami akan dilampirkan pada penerangan, yang akan kami sediakan terlebih dahulu dan memautkannya ke halaman di mana kami akan mempunyai item aktif. Menu ini menjadi sangat popular baru-baru ini dan mendapat permintaan di kalangan pelanggan. Mereka kelihatan seperti ini:

Cara membuat menu yang indah untuk kumpulan VKontakte: arahan langkah demi langkah

Jadi, pertama sekali, kita perlu membuat avatar utama kumpulan, yang akan kita letakkan di sebelah kanan, dan rintisan untuk menu kita dalam bentuk sepanduk.

• Untuk avatar 200x332 piksel;
• Untuk sepanduk menu utama, 395x282 piksel.

Seperti yang anda mungkin perasan, ketinggian imej adalah berbeza dan ini dilakukan supaya imej tidak bergerak ke bawah ketinggian dan berada pada tahap yang sama kerana ketinggian nama dan status komuniti mengambil kira-kira 50 px dan kami akan perlu mengalih keluar nilai ini dari ketinggian menu.

Untuk menjelaskannya, jika ketinggian avatar utama kumpulan ialah 332, maka kita tolak 50 daripadanya dan dapatkan ketinggian menu utama bersamaan dengan 282. Jika dimensi tidak penting, maka ketinggian boleh ditetapkan sewenang-wenangnya .

Langkah seterusnya selepas mencipta komuniti akan menyediakan bahan, dan di sini kita perlu melarang peserta daripada membuat halaman dan blok tambahan, tetapi hanya menulis di dinding. Untuk melakukan ini, anda perlu pergi ke bahagian di bawah avatar kumpulan yang dipanggil "pengurusan komuniti" di mana kami perlu menjadikan bahan kami "terhad" seperti yang ditunjukkan di bawah.

Sekarang mari kita mula mencipta komposisi keseluruhan. Anda boleh, sudah tentu, hanya memasukkan gambar dan bukannya avatar dan ke dalam keterangan, tetapi jangan menjadi amatur dan akan menunjukkan kepada anda cara melakukannya secara profesional supaya ia menjadi satu gambar yang lengkap, bertukar menjadi satu sama lain.

Mari cipta kanvas baharu dalam Photoshop dengan dimensi 600x350 piksel, yang akan kami gunakan sebagai stensil dengan memotong bukaan di dalamnya untuk gambar kami. Untuk berfungsi, kita perlu menukar saiz semua elemen dan pembaris kepada piksel dan ini dilakukan di sepanjang laluan berikut: "Edit-pemasangan-utama" dan di sini kita menetapkan piksel.

Langkah seterusnya dalam mencipta menu terbuka ialah membuat potongan untuk sepanduk dan avatar, yang kemudiannya akan kami terima untuk dimuat turun. Untuk melakukan ini, pergi ke bahagian menu menegak kiri dan pilih pemotongan.

Menggunakan butang kiri tetikus, seolah-olah anda sedang memilih kawasan, anda perlu memilih blok saiz yang kami perlukan dan selepas setiap pilihan, tekan butang "Padam" dan pilih 50% kelabu. Tindakan sedemikian akan membawa kepada blok menjadi saiz yang diperlukan dan diserlahkan dalam warna yang berbeza daripada latar belakang utama.

Ia sepatutnya kelihatan seperti ini:

Sekarang kita hanya memilih pemadam dan menggunakan fungsi "pemadam ajaib" untuk mengklik pada setiap blok kelabu dan mendapatkan stensil dengan potongan. Langkah seterusnya ialah memilih imej utama kami dan meletakkannya di bawah latar belakang dan dapatkan gambar siap sedia yang boleh anda tulis teks dengan nama menu atau elemen pengiklanan lain.

Hebat. Selepas anda meletakkan gambar reka bentuk kami, kami hanya perlu memilih "simpan untuk Web" dan hasilnya kami mendapat 2 gambar kami. Sekarang kita kembali ke kumpulan kita dan boleh mengisi avatar utama (menegak). Kami akan menggunakan sepanduk untuk menu sedikit kemudian apabila bekerja dengan kod penanda wiki.

Mari buat menu itu sendiri, dengan item aktif yang akan mengubah hala pengguna ke bahagian yang diperlukan bagi tapak pihak ketiga atau ke album dan katalog dalam kumpulan itu sendiri. Kami akan menggunakan imej baharu untuk variasi -))).

Jadi, mari kembali ke Photoshop dan buat kanvas baharu dengan dimensi 400x300 piksel. Kemudian pilih dalam bahagian: tempat fail dan pilih gambar untuk latar belakang menu.

Kami meletakkan butang menu masa depan kami pada gambar dan memotong gambar seperti yang kami lakukan di atas dengan memilih blok yang diperlukan. Selepas itu kami juga memilih "simpan untuk web" dan dapatkan folder dengan potongan kami. Dalam kes saya, saya mendapat 4 gambar dalam folder berasingan.

Sekarang kita perlu memuat naik gambar-gambar yang dimuat turun dari Photoshop ke dalam album yang berasingan dan menyembunyikannya daripada mengintip. Selepas dimuatkan, setiap gambar akan menerima nama baharu dan id uniknya.

Sila ambil perhatian bahawa anda mesti mempunyai:

• Bahan dibuka dalam mod "terhad";
• Perbincangan disertakan;
• Folder dengan foto terbuka kepada semua orang.

Sekarang yang tinggal hanyalah untuk mengkonfigurasi halaman kami di mana menu akan dipaparkan. Untuk melakukan ini, pergi ke halaman utama komuniti dan pilih bahan segar dan edit dan panggil "MENU KAMI".

Seterusnya, kita perlu memasukkan gambar-gambar yang kita terima semasa memotong dalam Photoshop. Sesetengah orang menggunakan kod markup, tetapi untuk tidak terlalu memikirkannya, saya cadangkan anda hanya memilih memasukkan gambar dengan mengklik ikon kamera dan memuat naik satu demi satu.

Bekerja dalam editor teks, jika selepas memuatkan gambar, kami mengklik ikon dalam bentuk kurungan di sudut kanan atas, kami akan melihat kod ini:

Nasihat: Perkara penting selepas memuatkan imej adalah untuk mengeluarkan padding. Ini boleh diselesaikan dengan memasukkan "nopadding" sebelum saiz imej.

Untuk penjelasan, ada tertulis di bawah apa yang datang dari mana, tetapi memandangkan semuanya akan dimasukkan secara automatik dan tidak perlu pandai, dan terbuka kerana ada yang menulis setiap gambar dan mengambil id, maka kami hanya memuat turun dan menyimpan.

[]
di mana xxxxx ialah id imej anda
yyyy - lebar dalam piksel (maksimum 388)

Ia sepatutnya kelihatan seperti ini:

Kini gambar kami dikumpulkan dalam sepanduk yang berasingan. Dan untuk menambah pautan kepada setiap item, cuma klik pada imej dengan penanda dilumpuhkan dan dalam bahagian pautan tampal url yang disalin.

Dan sekarang kita sampai ke titik paling penting dan terakhir dalam mencipta menu VKontakte kami. Sekarang kita perlu menyimpan halaman kita dengan gambar dan menyalin alamatnya. Dalam kes saya ia kelihatan seperti ini:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Ingat, pada permulaan artikel kami membuat menu stub, yang akan menjadi kesinambungan avatar utama kami, dan kami membuat stensil untuknya. Inilah yang kita perlukan sekarang.

Pergi ke halaman utama dan lakukan perkara berikut:

Langkah 1.

Kami menampal alamat halaman ke dalam medan teks untuk siaran baharu di dinding, selepas itu ia akan ditukar menjadi pautan.

Langkah #2.

Kami melampirkan imej pemegang tempat menu kami pada siaran dan klik hantar.

Langkah #3.

Sekarang, selepas menerbitkan siaran, klik pada masa penciptaan di bahagian bawah kiri siaran dan pilih "PIN".

Hebat!!! Mari kita selesaikan di sini. Kini anda tahu cara mencipta menu yang menarik dan anda boleh memperoleh wang yang lumayan daripadanya. Saya menasihati anda untuk melakukan segala-galanya mengikut urutan berikut:

• Kami menghasilkan struktur dan memesan reka bentuk imej menu;
• Kami mengubah saiz dan memotong semua imej;
• Masukkan gambar ke dalam album;
• Kami mengedit semua potongan dalam editor dan menerbitkannya di halaman utama kumpulan.

Hasil kerja kami, kami akan mendapat menu ini.

Tetapi menu itu sendiri, apabila diklik, akan muncul dengan pautan aktif. Ia berbaloi untuk bermain dengan saiz dan melaraskannya agar sesuai dengan skrin anda, tetapi jangan lupa tentang paparan pada peranti mudah alih.

PENTING: Selepas menukar reka bentuk VK pada tahun 2016, perubahan baharu telah dibuat semasa mencipta imej dan keperluan untuk gambar mengenainya.

Muat turun templat menu kumpulan VK + semua sumber pelajaran

Saya harap bahan itu berguna, dan kini anda dengan mudah memahami cara membuat menu yang cantik untuk kumpulan VKontakte. Langgan kemas kini blog dan jumpa anda tidak lama lagi dalam siaran baharu. Jika anda mempunyai sebarang soalan, tuliskannya dalam komen, dan saya pasti akan membantu anda.

Saya melampirkan video untuk mengukuhkan apa yang anda baca -))).

Hello, kawan-kawan. Semuanya bergerak, semuanya berubah. Rangkaian sosial Vkontakte juga tidak berdiam diri. Jadi penerbitan saya tentang penciptaan satu blok pada VKontakte Avatar+Menu telah menjadi tidak relevan hari ini. Kini, apabila membuat kumpulan, blok Berita, yang diperlukan untuk menu sedemikian, hilang begitu saja.

Nasib baik, Vkontakte mempunyai keupayaan untuk mencipta halaman wiki. Menggunakan halaman wiki sedemikian, kita boleh mencipta menu komuniti, dan kemudian menyematkan menu ini ke bahagian atas kumpulan.

Jadi, mari kita ambil dengan teratur.

Bagaimana untuk membuat halaman wiki?

1. Buat pautan seperti ini dalam bar alamat penyemak imbas anda:

• xxx– id kumpulan atau halaman awam anda;
• Nama_halaman– sebarang perkataan yang anda gunakan untuk menamakan halaman anda.

Bagaimana untuk mengetahui ID komuniti anda? Jika id tidak terkandung dalam pautan, contohnya, https://vk.com/make_community, ia boleh didapati seperti berikut. Klik pada tajuk dinding kumpulan, di mana bilangan penerbitan ditulis.

Dinding komuniti anda akan dibuka secara berasingan. Akan ada nombor dalam bar alamat. Ini ialah id komuniti anda.

2. Ikuti pautan yang anda buat dan klik "Isi dengan kandungan."

3. Isi halaman anda dengan kandungan. Sebagai contoh, kita memerlukan menu grafik dalam bentuk butang berasingan. Mula-mula kita buat keseluruhan imej.

Kemudian kami memotongnya menjadi butang individu. Dalam kes ini, kita harus mempunyai empat imej butang.

Kami kembali ke halaman kami dan, menggunakan editor terbina dalam, memuatkan imej butang kami.

Selepas memuatkan semua imej ia sepatutnya kelihatan seperti ini:

Dengan mengklik mana-mana gambar, anda boleh menentukan pautan ke halaman yang akan membawa item menu ini. Ini boleh sama ada halaman komuniti anda atau halaman di tapak web luaran atau kedai dalam talian.

Kami membuat menu.

Anda sepatutnya mendapat siaran seperti ini di dinding kumpulan VKontakte anda:

Bagaimana untuk menyematkan menu?

Apa yang perlu kita lakukan ialah menyematkan menu ke bahagian atas kumpulan. Untuk melakukan ini, klik pada teks di hadapan gambar dalam siaran. Dalam tetingkap yang terbuka, klik "Pin" di bahagian bawah sebelah kanan.

Semua. Sekarang kita harus mendapatkan sesuatu seperti ini:

Jika anda ingin menjadikan menu dan avatar kelihatan seperti satu keseluruhan, pilih sahaja gambar supaya ia merupakan kesinambungan logik bagi avatar kumpulan anda.

Dalam semua komuniti VKontakte di mana maklumat boleh distrukturkan, saya mengesyorkan membuat menu. Ini pasti akan meningkatkan pengalaman pengguna untuk komuniti anda. Kami telah menunjukkan kepada anda cara untuk mengamankan menu VKontakte menggunakan contoh khusus. Ia tetap mengucapkan selamat maju jaya dalam pembangunan dan promosi komuniti anda!

Kumpulan VKontakte, yang cantik dalam reka bentuk, mudah dinavigasi dan dipenuhi dengan bahan berguna, sentiasa membangkitkan rasa hormat dan keinginan yang besar untuk "berjalan" melalui halamannya, membaca bahan dengan lebih teliti, suka dan juga menyiarkan semula.

Oleh itu, bagi pencipta komuniti pada peringkat pertama reka bentuk dan kandungannya, persoalan selalu timbul: apakah penyelesaian reka bentuk yang betul untuk kumpulannya, apakah "butang" yang akan terdiri daripada menu, dan apakah kandungan halaman mini- tapak diisi dengan? Lagipun, semua ini, diambil bersama, akan membolehkan kumpulan VKontakte menjadi lebih menarik, mudah difahami, bekerja dan meriah. Dan hari ini saya akan memberitahu anda cara membuat menu VKontakte yang indah dan apa yang perlu diberi perhatian.

Bersedia untuk membuat menu VKontakte

Untuk membuat menu, anda perlu terlebih dahulu memutuskan kandungan dan penampilannya. Anda perlu tahu bahagian menu anda akan terdiri daripada bahagian apa. Ini adalah yang pertama. Dan kedua, gambar apa yang akan anda gunakan dalam reka bentuknya dan sediakannya.

Untuk melakukan ini, ambil helaian kertas biasa dan lukis (tulis) susun atur menu anda di atasnya. Iaitu, nama "butang" anda yang akan membawa kepada halaman yang diisi dengan beberapa jenis kandungan. Mempunyai lakaran ini di hadapan mata anda, lebih mudah untuk anda bergerak ke arah matlamat yang anda inginkan.
Dalam artikel terakhir dalam pelajaran video, saya jelas menunjukkan cara membuat menu teks. Dan dalam artikel ini saya akan memberitahu anda dan menunjukkan kepada anda sekali lagi menggunakan contoh saya sendiri. Jadi mari kita mulakan. Kumpulan ujian saya dipanggil "Kesihatan".

Menu saya akan terdiri daripada tiga butang:

1. Rahsia kesihatan (pergi ke halaman dengan cadangan dan petua kesihatan)
2. Leher yang sihat (pergi ke halaman di mana terdapat penerangan dan pautan ke kursus rawatan berbayar untuk rawatan osteochondrosis leher)
3. Kembali sihat (pergi ke halaman di mana akan ada penerangan dan pautan ke kursus rawatan percuma untuk rawatan belakang).

Mencipta Menu

• Untuk membuat menu, pergi ke "Pengurusan Komuniti" dalam tab "Maklumat", cari "Bahan", tetapkannya kepada "Terhad" dan simpan.
  
• Seterusnya, kami kembali ke halaman utama kumpulan dan di bahagian atas kami melihat tulisan "Berita terkini", pergi ke bahagian ini melalui "Edit".
  
  
• Dalam tetingkap yang terbuka, tukar tulisan "Berita terkini" kepada "Menu", sebagai contoh. Dalam medan kosong kami memasukkan nama halaman kami - butang; kami mesti menutup perkataan dengan kurungan persegi dua tanpa ruang. Setiap tajuk berada pada baris baharu.
  
  
• Di bahagian bawah halaman, klik pada "Pratonton" dan lihat nama "butang" yang boleh diklik.
• Segera dalam bahagian "Akses Halaman", laraskan tetapan. Semua pengguna boleh melihat halaman, hanya pentadbir boleh mengedit, jika tidak, mereka akan dipenuhi dengan spam. Simpan perubahan anda.
  
  
• Kami kembali ke halaman utama kumpulan, klik pada "Menu" dan lihat nama halaman yang boleh diklik. Klik pada "Edit" di sebelah.
  
  
• Langkah seterusnya adalah untuk mengetahui alamat halaman kami - "butang". Klik pada "Punggung Sihat" dalam menu dan pada halaman "Punggung Sihat" klik pada "Edit"
  
  
• Seterusnya, dalam tetingkap penyemak imbas kita melihat alamat ini dan mengambil daripadanya hanya apa yang diserlahkan dengan warna biru. Alamat halaman "Punggung Sihat" kami sepatutnya kelihatan seperti ini: page-116040065_52123446, dan bukan seperti ini: https://vk.com/page-116040065_52123446?act=edit

  

• Kami membuka ketiga-tiga halaman melalui "edit" dan menyalin tiga alamat ke dalam pad nota teks kami. Dalam kes saya, ia kelihatan seperti ini:
  halaman-116040065_52123446
  muka surat-116040065_52123461
  halaman-116040065_52123485
• Seterusnya, kami memerlukan alamat gambar kami, yang akan berfungsi sebagai butang. Untuk melakukan ini, muat naik gambar yang disediakan ke album akaun peribadi anda dan dalam tetapan tutupnya daripada melihat supaya tiada sesiapa kecuali anda boleh melihat gambar yang dipotong ini. Jika anda memuat naiknya ke album kumpulan, maka semua orang akan melihatnya, yang pada pendapat saya tidak sepenuhnya menyenangkan dari segi estetika.
• Apabila anda memuat naik semua gambar ke album, setelah mula-mula menghasilkan nama untuknya dan mengeditnya untuk privasi, kemudian klik pada semua gambar satu demi satu dan tulis semula alamat foto ini.
  
  
• Untuk melakukan ini, lihat bar alamat penyemak imbas. Kami menyalin bahagian yang kami perlukan dan menampalnya ke dalam pad nota teks kerja kami. Alamat imej sepatutnya kelihatan seperti ini:
  
  
  Dalam kes saya, alamat imej teratas kelihatan seperti ini:
  foto189052615_337249677
• Kami pergi ke menu melalui "Pengeditan", turunkan menu teks dan di bahagian atas kami menulis alamat halaman kami - butang. Ia akan kelihatan seperti ini, contoh halaman saya:
  []
  Untuk kejelasan, lihat foto:
  
  
  Saya menunjukkan dalam nombor apa yang ia bertanggungjawab dan maksudnya:
  1 – ini adalah alamat gambar kami;
  2 – ini adalah lebar imej, yang bermaksud lebar menu kami, angka ini boleh diubah, tetapi saiz ideal ialah 388 piksel. Angka ini mestilah sama dalam ketiga-tiga baris;
  3 - teks ini « noborder;nopadding » bertanggungjawab untuk memastikan tiada jurang antara gambar, supaya menu adalah gambar yang berterusan;
  4 – ini adalah alamat halaman menu kami
  Untuk tidak membuat kesilapan, anda boleh menyalin sampel saya dan masukkan alamat gambar dan halaman anda di sana.
• Kami mengalih keluar (memadam) menu teks yang lebih rendah di bawah nombor 5 dan klik pada "Pratonton" di bahagian bawah. Kami melihat menu kami yang cantik - simpan halaman.
  
  
• Pergi ke halaman utama kumpulan, kemas kini dan klik pada "Menu". Semua! Menu kami sedia! Dengan mengklik pada inskripsi, kami akan dibawa ke halaman. Mereka kosong buat masa ini, tetapi semuanya ada masanya.
  
  

Maklumat berguna mengenai topik kumpulan VKontakte:

Kekal berhubung dan melanggan berita terkini.
Semoga berjaya dan berjaya!

Ramai orang berminat untuk membuat menu dalam kumpulan VKontakte. Sudah terdapat sebilangan besar komuniti yang direka dengan cantik yang saya ingin ambil contoh. Ini boleh dilakukan dalam beberapa jam. Perkara utama adalah untuk membangunkan reka bentuk yang bergaya, dan selebihnya adalah soal teknik.

Apa yang diperlukan untuk ini?

Bagaimana untuk membuat menu dalam kumpulan VKontakte? Dalam Photoshop anda perlu mencipta dua gambar yang sebelum ini adalah satu. Yang pertama adalah untuk avatar, yang kedua ialah menu itu sendiri, imej ini tidak boleh dipotong kepada beberapa bahagian. "Dalam Kenalan" pada halaman yang dimaksudkan untuk menu, anda perlu memasukkan kod dengan pautan ke bahagian imej dan bahagian. Dan jika jenis terbuka diperlukan, anda memerlukan gambar ketiga, yang disematkan pada bahagian atas komuniti.

Untuk mencipta menu yang cantik, anda memerlukan kemahiran Photoshop. Mereka yang mahir melukis dinasihatkan memilih gambar yang bagus. Bagi mereka yang pakar dalam program ini, arahan diberikan di bawah. Proses ini dibahagikan kepada beberapa peringkat.

Peringkat pertama

Bagaimana untuk membuat menu dalam kumpulan VKontakte? Mula-mula anda perlu mencipta dokumen baharu dengan dimensi 700 kali 800 piksel. Pastikan latar belakang berwarna putih. Pada lapisan atas anda perlu memotong dua tetingkap 200 dengan 710 untuk avatar dan 382 dengan 442 untuk menu. Ini boleh dilakukan menggunakan pemilihan segi empat tepat atau arahan yang dipanggil dengan kekunci "Del".

Bergantung pada imaginasi anda, anda boleh melaraskan ketinggian mengikut keinginan anda, tetapi lebih baik membiarkan lebarnya sama. Ilustrasi mesti diletakkan di bawah lapisan bawah. Memfokuskan pada salah satu sisi, segi empat tepat mesti digabungkan.

Ia perlu meletakkan inskripsi dan butang di kawasan imej yang diperlukan menggunakan elemen Photoshop.

Segi empat tepat yang muncul di sebelah kanan (saiz 200 x 710) boleh disalin dan dimuat naik ke fail berasingan. Ini ialah avatar siap sedia untuk kumpulan itu. Tetapi bahagian kiri gambar memerlukan pemotongan tambahan.

Bilangan item dalam menu dibenarkan daripada dua bahagian. Tetapi mungkin tiga atau empat. Kami akan melihat contoh untuk dua.

Ketinggian setiap elemen yang dihiris mestilah sekurang-kurangnya 50 piksel.

Bagaimana untuk memotong gambar untuk menu?

Untuk melakukan ini, anda perlu membuka imej dalam fail berasingan. Anda memerlukan alat Pemotong. Ia terletak pada panel program dalam bentuk pisau.

Klik kanan pada gambar dan pilih "Split fragment" daripada senarai juntai bawah.

Tetingkap akan dibuka di mana anda perlu menetapkan parameter pemotongan. Adalah disyorkan untuk menandai kotak di sebelah "Pisah secara mendatar dengan" dan pilih bilangan serpihan yang sama.

Selepas langkah ini, grid akan muncul pada skrin, membahagikan imej kepada bahagian.

Fail yang dipotong akan diberi nombor.

Fasa kedua

Ini adalah pelajaran tentang cara membuat menu untuk kumpulan VKontakte. Semua gambar yang dipotong mesti dimuat naik ke album kumpulan.

Anda memerlukan halaman "Berita Terkini". Kerja akan dilakukan dengannya dalam masa terdekat.

Adalah dinasihatkan untuk memilih mod penanda wiki dalam editor di sebelah kanan dan masukkan kod berikut di sana:

Setiap gambar menu akan menduduki barisan yang berasingan, yang dibina mengikut prinsip rajah di atas. Adalah disyorkan untuk membuat entri ini terlebih dahulu dalam pad nota dan hanya selepas itu muat naiknya ke medan yang diperlukan "Dalam Kenalan". Ini akan menjadikannya lebih mudah dan sistem tidak akan memaksa anda untuk melakukannya semula.

Hasilnya akan menjadi sesuatu yang serupa dengan:

Bagaimana untuk mendapatkan nombor imej?

Untuk melakukan ini, klik kanan pada gambar. Selepas ia dibuka dalam tetingkap baharu, kodnya akan muncul dalam bar alamat penyemak imbas. Ia mesti disalin bersama dengan perkataan "foto".

Apabila semua perubahan disimpan, anda boleh menyemak operasi menu. Dalam kumpulan itu, mengikuti pautan yang sepadan, gambar yang ditunggu-tunggu telah didedahkan.

Untuk menggabungkan avatar dengannya, anda perlu bereksperimen sedikit dengan penerangan. Kira-kira, mengikut dimensi yang ditentukan harus ada 12 baris.

Ini adalah salah satu pilihan untuk membuat menu dalam kumpulan VKontakte. Hanya ada dua daripada mereka. Cara lain adalah terbuka. Mereka boleh digabungkan.

Bagaimana untuk membuat menu terbuka?

Dalam tetingkap baharu, anda perlu klik kanan pada menu yang dibuat dan klik pada pautan "Edit". Dalam tab "Kembali ke Halaman" dalam bar penyemak imbas anda boleh mendapatkan pautan ke menu. Ia perlu disalin.

Selepas itu, anda perlu membuat siaran biasa dalam kumpulan. Anda memerlukan satu lagi gambar tematik dengan tulisan "Menu". Untuk melakukan ini, anda perlu memuat naik foto. Siaran akan bertindak sebagai menu terbuka di bahagian atas halaman. Kepada mesej di dalamnya anda perlu memasukkan pautan yang diterima, yang mesti dipadamkan segera selepas halaman dengan menu muncul di bawah. Siaran itu tidak boleh mengandungi pautan yang tidak perlu, ia akan menjadi hodoh.

Bagaimana untuk membuat menu dalam kumpulan VKontakte? Sekarang anda perlu klik kanan pada tarikh berita. Ia sepatutnya dibuka dalam tetingkap baharu. Di sana anda boleh melihat tulisan baharu "Pin". Itulah yang dia perlukan.

Selepas itu, anda boleh mengagumi menu yang cantik dalam kumpulan. Untuk menggabungkan gambar, anda perlu berlatih dengan saiznya.

Itu sahaja. Membuat menu dalam VKontakte tidak begitu sukar. Jika anda mengikuti arahan yang diterangkan di atas, sesiapa sahaja boleh melakukannya.

Salam sayang sahabat sekalian. Dalam siaran hari ini saya ingin bercakap tentang cara membuat menu untuk kumpulan VKontakte. Melakukan ini tidaklah sesukar yang kelihatan pada pandangan pertama, dan jika anda mempunyai sekurang-kurangnya pengetahuan asas Photoshop atau Paint, maka anda pasti akan berjaya. Jadi mari kita mulakan.

Dengan struktur yang betul, menu boleh meningkatkan jumlah jualan atau aliran pelanggan untuk perniagaan anda, ini sudah bergantung pada fokus yang dimiliki kumpulan itu. Sebagai contoh, pertimbangkan reka bentuk kedai pakaian dalam talian:

Strukturnya terbentuk dengan sangat jelas, dalam hampir beberapa klik pengguna dapat mencari semua yang dia perlukan: nombor telefon, alamat, maklumat pesanan, katalog produk, dll. Pada pendapat saya, reka bentuk ini membantu meningkatkan jualan sekurang-kurangnya 2 kali ganda.

Dalam versi ini, menu ialah katalog produk yang dibahagikan kepada bahagian, yang menjadikan pencariannya sangat mudah. Avatar komuniti mengandungi nombor hubungan beberapa pengendali, yang akan membolehkan pelanggan menghubungi penjual dengan cepat.

Berikut ialah contoh penyelesaian yang buruk:

Katalog direka bentuk dalam bentuk pautan biasa yang membawa ke destinasi yang tidak diketahui. Setuju bahawa tidak ada keinginan khusus untuk menyeberangi mereka; sebaliknya, anda mahu meninggalkan kumpulan.

Dalam contoh ini, kami melihat pilihan reka bentuk untuk kedai dalam talian, tetapi anda boleh menggunakan sesuatu yang serupa dalam topik lain. Formulanya mudah: struktur yang jelas + reka bentuk grafik = kemasukan pelanggan dan peningkatan jualan.

Sekarang mari kita lihat semua ini dari sudut teknikal.

Mencipta menu untuk kumpulan VKontakte

Pertama sekali, mari kita buat susun atur grafik menu masa hadapan. Untuk tujuan ini, kami akan menggunakan Photoshop (untuk gambar mudah, Paint standard akan berfungsi dengan baik). Buka program dan buat dokumen baharu:

Saya akan mencipta gambar dengan saiz 500x500 piksel, namun, bergantung pada bilangan dan lokasi bahagian, saiz gambar mungkin berbeza.

Sekarang muat turun imej yang anda ingin gunakan sebagai latar belakang anda dan seretnya ke kanvas anda. Jika anda mahir dalam program ini, anda boleh melukis latar belakang sendiri.

Kemudian tulis bahagian, butang dan nombor telefon yang telah direka bentuk pada imej latar belakang. Kami kemudiannya akan mengubahnya menjadi pautan:

Untuk membuat potongan setepat mungkin, anda perlu menggunakan garisan tambahan dengan menekan CTRL+R. Tuding tetikus anda pada baris atas dan seret ke imej seperti ini:

Langkah terakhir ialah memotong objek. Untuk melakukan ini, klik pada butang "Slices From Guides" pada bar alat atas:

Kami menyimpan rangka kerja untuk peranti web. Tetapkan format imej kepada JPG, pilih kualiti maksimum dan simpan, sebagai contoh, ke desktop anda:

Folder muncul pada desktop dengan bingkai untuk menu masa depan, yang perlu kami pindahkan ke kumpulan.

Memaparkan menu menggunakan penanda Wiki

Dalam kumpulan anda, pergi ke "pengurusan komuniti" dan semak sama ada bahagian "bahan" disambungkan. Jika partition dilumpuhkan, kemudian sambungkannya:

Selepas ini, tab "berita terkini" akan muncul dalam kumpulan. Klik pada butang "edit", anda akan dipindahkan ke editor teks:

Daripada tajuk standard, tulis sendiri, dan juga dayakan mod penanda wiki dengan mengklik pada ikon berlian:

Sekarang buka kumpulan dalam tab baharu dan muat naik bingkai yang disediakan ke album foto, dan tampal kod berikut ke dalam editor teks, seberapa kerap bilangan bahagian bingkai dibahagikan kepada:

[ [ foto133337_133701019|370px;nopadding;|halaman- 13333337 _13333337] ]

Daripada nilai "photo133337_133701019", anda perlu memasukkan pautan ke foto

Daripada nilai "halaman-13333337_13333337", anda perlu memasukkan pautan ke halaman atau bahagian kumpulan yang dikehendaki

Daripada 370px, anda boleh memilih dimensi anda sendiri dan parameter nopadding membolehkan anda memaparkan imej sepenuhnya; tanpanya, menu kami akan dipaparkan dalam kepingan yang dipotong.

Dengan mengklik pada butang "Lihat", anda boleh melihat bagaimana menu akan kelihatan dalam kumpulan. Jika semuanya sesuai dengan anda, kemudian klik "Simpan hasil" dan nikmati kerja yang dilakukan.