İletişimde etkileşimli bir menü nasıl yapılır. Yeni VK tasarımı altında sabitlenmiş üst menü ile temas halinde olan bir grup nasıl düzenlenir

Palbik Vkontakte'de kendi ellerimle bir Menü oluşturuyorum

Merhaba sevgili okuyucular, söz verdiğim gibi, Vkontakte toplulukları için bir menü oluşturmanın temellerinde ustalaşmaya devam ediyorum. Ve bugün Vkontakte halkımda güzel bir menü yapmaya karar verdim. Wiki işaretlemesini ve Vkontakte topluluklarında sayfa oluşturmanın bazı temellerini öğrenebileceğiniz önceki makalelerimden birinde de okuyabilirsiniz; bunlar olmadan ne bir grup ne de bir Vkontakte halkı ziyaretçiler için çekici hale getirilemez.

İşte Vkontakte gruplarımdan birinde oluşturduğum basit bir grafik menü. Ve şimdi halkım için bir menü oluşturmaya başlayacağım!

Vkontakte halkında bir menü oluşturmaya nereden başlamalı? Bu belki de çoğu Vkontakte kamu sahibinin sorduğu, düşündüğü en önemli sorudur - nasıl bir menü yapabilirsiniz? Cevap, genellikle basit olduğu gibi, Vkontakte'nin wiki işaretlemesini kullanarak halka açık wiki sayfalarının oluşturulmasını sağlamasıdır (bir önceki makalede wiki işaretleme öğreticisi hakkında yazmıştım). Başlangıç ​​olarak, bir Vkontakte genel menüsü oluşturmak için, wiki işaretlemesini kullanarak halkımda yeni bir sayfa oluşturacağım.

Http://vk.com/pages?oid=-XXX&p=Page_name

XXX, Vkontakte halkındaki giriş sayısı ile numaraya tıklayarak bulunabilecek olan, halkımın kimliğidir.
Kayıt sayısına tıkladıktan sonra tarayıcı satırında aşağıdaki bağlantıyı görüyorum:

Http://vk.com/wall-46864771?own=1

46864771 numaralarının Vkontakte genel kimliğimin olduğu yerde, bu yüzden bir Menü sayfası oluşturmak için bir bağlantı yapıyorum:

Http://vk.com/pages?oid=-46864771&p=Menü

Bu satırı tarayıcımda çalıştırıyorum. Ve şimdi önümde, benim tarafımdan halk için bir menü oluşturmak için kullanılacak olan Vkontakte halkımın yeni bir sayfası var.
Ardından, -> içerikle doldur'a tıklıyorum ve kendi Vkontakte genel menümü oluşturmaya başlıyorum. Ayrıca, bu sayfayı düzenlemek için tüm abonelerin erişimini kısıtlamak için önemli bir adım atmayı da unutmadım (her ihtimale karşı). Sağ alt köşede -> sayfaya erişiyorum, gerekli daw'ları koyuyorum ve kaydediyorum.
Şimdi, benim için en zor kısım, bir Vkontakte genel menüsü oluşturmak - aslında, halkım için bir menü yapmak için Photoshop ve wiki işaretleme bilgisini kullanmak. Ve Menü sayfasını düzenlemeyi bitirdiğimde kaydedebilirim ve editörün sağ üst köşesindeki -> Sayfaya dön'e tıklayabilirim. Menüyü Vkontakte halkının başlığına eklemek için gereken tarayıcı satırında bir bağlantı görünecektir.

Belki hatırlarsınız, Vkontakte halkımda bugüne kadar şöyle görünen güzel bir şapka yaptım:
Vkontatka halkında menünün oluşturulmasıyla bağlantılı olarak, halkımın başlığındaki resmimle birlikte merkezi resim küçük değişikliklere yol açtı ve şimdi şöyle görünüyor:
Üzerine tıkladıktan sonra bir mucize olur! Herkese açık yeni, henüz boş bir sayfa açılıyor - Menü. Bu sayfada, yakında başka bir şaheser doğacak - hakkında mümkün olan Vkontakte halkımın menüsü, başka bir makale yazacağım - Vkontakte halkında bir menü nasıl yapılır.
- yazımı okuyun, ama işte yukarıda sunduğum resmi tıklanabilir hale getirdim, şimdi anlatacağım! Her şey her zamanki gibi basit, bunun için palblick'imin başlığında merkezi bir resim şeklinde sabitleyeceğim bu gönderi için yeterli, her şeyden önce Menümün bağlantısını ekleyin:

Http://vk.com/page-46864771_44676832

Bundan sonra, bağlantının metni kaldırılabilir ve Vkontakte halkının başlığının orta kısmının katrinka'sı eklenebilir, bağlantı orada kalır ve resmin tamamı bu bağlantı için bir düğme haline gelir. Şimdi bir Vkontakte genel menüsü oluşturmak için Menü sayfasında çalışmaya devam ediyor ve her şey hazır olacak!

Aşağıdaki makalede Vkontakte genel menüsünü oluşturma çalışmasını nasıl tamamlayacağınızı görebilirsiniz -

Ziyaret ederek Vkontakte halkının hangi menüsünü aldığımı görebilirsiniz.

Kalıcı okuyucularımdan ve sadece meraklı kullanıcılardan gelen sayısız istek etkisini gösterdi. Sonunda, basılan düğmelerin etkisiyle dinamik bir Vkontakte menüsü yapmayı öğreneceğimiz bir ders oluşturdum! Sıradan İnternet sitelerine benzeterek, ziyaret edilen bir bağlantı özel bir şekilde işaretlendiğinde (basılan düğme, alt çizgi vb.) - oluşturulan sayfaları ve grafik tasarımı kullanarak aynı Vkontakte yapısını oluşturacağız. Başlamak için Photoshop'ta grafik şablonları yapacağız - bir menü başlığı ve iki tür düğme oluşturacağız. Ardından, menümüzün öğelerine göre birkaç Vkontakte sayfası oluşturacağız. Ve son olarak, aslında bağlantıya tıklama yanılsamasını yaratacak olan zor bir numara yapalım. Ders oldukça karmaşık ve Vkontakte'nin işlevselliğinden emin olanlar için uygundur. Tüm manipülasyonları bir örnek kullanarak yapacağım Vkontakte grubunuz bu etkinin canlı olarak gerçekleştiği yer. Öyleyse başlayalım!

1. Adım. Photoshop'ta bir menü başlığı oluşturun
Photoshop'ta 600 piksel genişliğinde bir belge oluşturun. Yükseklik sizin takdirinize bağlı olarak farklı olabilir. Başlığa istediğiniz türde fotoğraf, kolaj, bilgi başlığı ve diğer grafik resimleri yerleştirebilirsiniz. Bu durumda 600x172 piksel boyutunda bu reklam banner'ını kullandım.

2. Adım. Photoshop'ta bir gezinme çubuğu oluşturun
Şimdi bir gezinti çubuğu oluşturmamız gerekiyor. Bu örnekte, düğme olarak yalnızca metni kullandım. Ancak kendi takdirinize bağlı olarak renkli düğmeler oluşturabilir ve üzerlerine metin yazabilirsiniz. Bunu yapıyoruz - Photoshop'ta 600x56 piksellik bir dikdörtgen oluşturun ve bu durumda beyazla doldurun. Sonra menü öğelerini bir satıra yazıyoruz - 5-6 öğe sırasına göre bir yere, daha fazla değil. Daha fazla puan sıkıştırılmış görünecek.

Adım 3. Photoshop'ta basılı durumda bir gezinme çubuğu oluşturun
Şimdi, sanki tıklanmış gibi aktif bağlantılar oluşturmamız gerekiyor. Normal bir alt çizgi kullandım, ancak ziyaret edilen bağlantıyı işaretlemek için farklı bir metin veya arka plan rengi kullanabilirsiniz.

Adım 4. Bitmiş resimleri kesin
Bu aşamada 2. Adım ve 3. Adımdaki resimleri kesmemiz gerekiyor. Biri altı çizili diğeri altı çizili olmak üzere beş düğmeli iki setimiz olmalı. Her bir öğe için (altı çizili ve altı çizili olmayan) düğmeler aynı boyutta olmalıdır. Aşağıdaki resim tüm grafik tasarımımızı göstermektedir - on düğme ve bir menü başlığı.

Adım 5. Bir Vkontakte Menü sayfası oluşturun
Şimdi VKontakte'ye gidin. Görevimiz "Menü" adında ayrı bir sayfa oluşturmaktır. Bunu yapmak için aşağıdaki kodu kullanacağız
http://vk.com/pages?oid=-XXX&p=Page_name
burada XXX yerine grubumuzun kimliğini değiştireceğiz ve "Sayfa adı" metni yerine bir Menü yazacağız. Şimdi grup kimliğini bulmamız gerekiyor. Nasıl yapılır? Grubun ana sayfasına gidiyoruz ve duvardaki yazılarımıza bakıyoruz - "Yazı ekle" bloğunun hemen altında "Tüm yazılar" yazılacak - bu bağlantıya tıklayın.

Adım 6. Grup kimliğini belirleyin ve kodu düzenleyin
Sayfaya gidin ve bu türün url'sini görün https://vk.com/wall-78320145?own=1, burada bu örnekteki 78320145 sayıları grup kimliğidir. Verilerimizi kaynak kodun yerine koyuyoruz ve şöyle bir kayıt alıyoruz:
http://vk.com/pages?oid=-78320145&p=Menü(numaralarınızla birlikte!). Bu satırı tarayıcının adres çubuğuna yapıştırıyoruz ve Enter'a basıyoruz. Bu yüzden yeni bir Vkontakte sayfası oluşturduk ve başlangıçta şöyle görünüyor.

Adım 7. Gezinme sayfalarının geri kalanını Vkontakte oluşturun
Benzer şekilde, dört gezinme sayfası daha oluşturuyoruz: Fiyatlar, Nasıl sipariş verilir, İş Tanımı ve Sorular. Yani, dört kez daha ilgili kodu tarayıcının adres çubuğuna kopyalıyoruz (numaralarımın altındaki örnekte kimlik numaralarınızla birlikte):

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

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

http://vk.com/pages?oid=-78320145&p=İş Tanımı

http://vk.com/pages?oid=-78320145&p=Sorular
Lütfen iki kelimelik sayfanın başlığında (Nasıl sipariş verilir), kelimeler arasındaki boşluğun bir alt çizgi How_order ile değiştirildiğini unutmayın. Artık her menü öğesi için hazır beş sayfamız var. Menü sayfasında yer aldığı için Portföy sayfasını oluşturmadık.

Adım 8. Menünün ilk sayfasına fotoğraf yükleyin
Hala boş sayfada (bkz. Adım 6) Menü, Düzenle bağlantısına veya İçerikle doldur bağlantısına tıklayın. Bundan sonra düzenleme panelini görüyoruz. Burada fotoğraf yükle işleviyle kamera simgesine tıklamamız gerekiyor. Önemli! Wiki işaretleme modunuz olduğundan emin olun. Mod değiştirme, sayfanın sağ kenarındaki simgeyle kontrol edilir.

Adım 9. Görüntüleri yükledikten sonra sonuç
Adım 1 ve Adım 2'de oluşturduğumuz resimlerimizi yüklüyoruz Yüklemeden sonra aşağıdaki resimdeki gibi kodu görüyoruz ve menünün kendisi bu şekilde görünüyor. Her kod değişikliğinden sonra Sayfayı kaydet'e tıklamayı ve ardından sonucu görmek için önizlemeye tıklamayı unutmayın.

Adım 10. Görüntü kodunu düzenleme
Şimdi görevimiz, tüm noborder özelliklerini nopadding özelliğiyle değiştirmek. Ve ilk resim için gerçek boyutları yazın, çünkü Vkontakt resmi yüklerken 400 piksele küçülttü. Tüm değişikliklerden sonra böyle bir kod ve böyle bir menü almalıyız.

Adım 11. Resimler için bağlantılar koymak
Şimdi her resim için bağlantı eklememiz gerekiyor. Bağlantı, nopadding işleminden sonra eklenmelidir | kapanış parantezlerinden önce bir boşluk yerine. İlk resim için (Adım 1'deki menü başlığı), grubun ana sayfasına bir bağlantı verebilir veya nolink özelliğini kullanabilirsiniz (sonra koy; boşluk bırakmadan sonra). İkinci resim için format sayfasının adresini giriniz. sayfa-78320145_49821289... Yani, resmin tam URL'si https://vk.com/page-78320145_49821289, alan adı ile ilk bölümü atlayabilirsiniz. Ancak harici sitelere bağlantılar için url bağlantıları tam olarak belirtilmelidir.

Adım 12. Kodu gezinme sayfalarının geri kalanına kopyalayın
Bu oldukça basit adımda, önceki adımdaki son kodu kopyalayıp oluşturulan sayfaların geri kalanına yapıştırıyoruz - Fiyatlar, Nasıl sipariş verilir, İş Tanımı ve Sorular. Sayfadayız, Düzenle veya İçerikle doldur'a tıklayın (wiki işaretleme modundayız), kodu yapıştırın ve Kaydet'e tıklayın. Ve sonra da bir sonraki sayfada. Yani, şimdi her birinde menünün tamamen aynı göründüğü beş sayfamız var. Ancak öte yandan, zaten menüde gezinebilirsiniz - örneğin Fiyatlar bağlantısına tıkladığınızda, Fiyatlar sayfasına geçeceğiz, vb.

Adım 13. Basılan düğmenin efektini yapmak
Şimdi beş sayfanın her birinde bir resmi değiştirmemiz gerekiyor (altı çizili bir düğme ile altını çizmeden düğmeyi değiştireceğiz). Örneğin, Menü'nün ilk sayfasında yeni bir resim yüklüyoruz ve ardından koddaki eski resmin adresini yenisiyle değiştiriyoruz (altı kırmızıyla çizili). Ardından Fiyatlar sayfasına gidiyoruz, altı çizili Fiyatların olduğu resmi yüklüyoruz ve kodda yeni resmin adresine değiştiriyoruz. Ardından Nasıl Sipariş Verilir, İş Tanımı ve Sorular sayfalarına giderek aynı işlemi aynı şekilde yapıyoruz.

Son.
Sonuç olarak, bir menü bağlantısına tıkladığınızda bir navigasyon efekti elde ettik ve aktif hale geldi. Ancak aktif bağlantı hariç tüm sayfalardaki grafik tasarım hemen hemen aynı olduğu için, aslında başka bir sayfaya geçiş yapılsa da, gezinme yanılsaması yaratılır.

Bu şekilde tasarlanan menü, mobil cihazlara uyarlanmamıştır. Ekran boyutu küçüldüğünde resimler birbirinin altına kaymaya başlar. Duyarlı bir tasarım yapmak için sert tip tablolar kullanmanız gerekir. Ama bu başka bir hikaye ve daha gelişmiş bir teknik. Bu arada, grafik menü şekillendirme için çeşitli seçeneklere bir göz atın.

Merhaba arkadaşlar!

VKontakte grubunu aboneleriniz için olabildiğince çekici hale getirmek ister misiniz? Nereden başlayacağınızdan emin değil misiniz? Zaten yüksek kaliteli içeriğiniz varsa, topluluğu tasarlamaya odaklanın. Basit avatar seçiminden bahsetmiyorum. VKontakte grubunda menü oluşturmak, tasarım yaparken dikkate alınması gereken ana noktalardan biridir. Bugün ele alacağımız nokta budur.

VKontakte menüsü nedir ve ne için?

Menü grubun yüzüdür. Topluluğunuzu ziyaret eden herhangi bir ziyaretçinin karşılaştığı ilk şey menüdür. Bu nedenle, göreviniz onu mümkün olduğunca uygun ve çekici bir şekilde düşünmektir. Öncelikle abonelerinize ne iletmek istediğinize karar vermelisiniz. Bu, topluluğun kendi misyonuna bağlıdır. Sonuçta, bir grup oluşturmanın tamamen farklı hedefleri vardır: eğitim, eğlence veya bir ürün / hizmet satma hedefi. Buna dayanarak, gelecekteki takipçileriniz için hangi bilgilerin en önemli olduğuna karar verin.

Örneğin, kullanıcıları eğlendirmeye veya onları bir şey hakkında bilgilendirmeye odaklanmışsa, belki de ihtiyaç duydukları bilgiyi bulma kolaylığına odaklanın. Bu, içeriğin sağlık, moda vb. gibi ayrı konulara ayrılabileceği gruplar için geçerlidir.

Topluluğunuz bir çevrimiçi mağaza şeklinde oluşturulmuşsa, yaklaşım tamamen farklı olmalıdır. Mal veya hizmet arama kolaylığı elbette mevcut olmalıdır, ancak aynı zamanda promosyonlara, yeni ürünlere, teslimat şartlarına ve bağlantılarınıza da odaklanmalıdır.

Bu nedenle menünüzü oluştururken topluluğu göz önünde bulundurduğunuzdan emin olun.

VKontakte grupları için menü oluşturmanın yolları

İlk adım, menünüzü otomatik mi yoksa manuel olarak mı oluşturacağınıza karar vermektir. Hızlı ve basit bir yöntem seçtiyseniz, ancak aynı zamanda yüksek kalitede, VK toplulukları için bir menü oluşturma hizmetini dikkatinize sunuyorum VikiMaker, grubunuzu daha uygun hale getirerek kolayca ve hızlı bir şekilde çözeceksiniz. Menü oluşturmanın tam kontrolünü almak istiyorsanız, adım adım talimat var.

Çekici bir tasarım nasıl yapılır?

Grubun iki önemli unsurunun oluşturulmasını talimatlarda birleştirmek istiyorum: menü ve avatar. Ayrı ayrı oluşturulması istenmediğinden, kullanıcının bu iki grafik elemanı arasındaki uyumu görmesi gerekir.

1. Öncelikle, bu programı bilgisayarınıza daha önce yüklemediyseniz, Photoshop programını yüklemeniz gerekir.
2. Photoshop'u açın ve avatar ve menü için iki şablon dosyası oluşturun. Gerekli ölçüleri belirledik. Örneğin, bir avatar için 200 × 500 piksel ve bir menü 389 × 600 pikseldir. Açıkça görülebilmeleri için herhangi bir renkle doldurun ve oluşturulan iki ayrı dosyayı kaydedin.
3. Tüm alanı seçerek şablonu avatarın yerine gruba yükleyin.
4. Menüyü yüklemek biraz daha karmaşık. Bunu yapmak için, Topluluk Yönetimi'nde içeriği etkinleştirmeniz gerekir. Bundan sonra, bir menü ekleme yeteneği kullanılabilir hale gelecektir. "Taze haberler" grubunun açıklamasının altında görünen sekmeye gidin ve bir kamera şeklinde düğmedeki araç çubuğunda tıklayın ve dosyayı bilgisayarınızdan yükleyin. Olmuş?
   
5. İndirdikten hemen sonra, biraz değiştirilmesi gereken bir bağlantı size sunulacaktır. "Noborder" kelimesinden sonra bir ";" yazın. ve "nopadding" kelimesi. Bu özellik, topluluğa haber eklediğinizde menünüzün aşağı inmesini engelleyecektir.
6. Grubunuzun ana sayfasının Prnt Scrn'sini yapmak. Ne için? Hatalarını anlamak için. Gerçek şu ki, bu şimdi kaba bir versiyon - her şey eşit değil ve çok güzel değil. Amacınız, menü ve avatarın alt kenarlıklarını mükemmel bir şekilde eşleştirmektir. O zaman "Neden size tam ölçüleri vermiyorum?" diye bir sorunuz olabilir. Ve gerçek şu ki, her yönetici, menünün yüksekliğini değiştiren grubun açıklamasında farklı miktarda metin kullanır ve menünün genişliği bir zevk meselesidir ve bildiğimiz gibi herkes için farklıdır.
7. Photoshop'a giriyoruz ve oraya bir ekran görüntüsü yapıştırarak yeni bir dosya oluşturuyoruz.
8. Şimdi, bu dosyayla çalışarak, "dikdörtgen seçimi" kullanarak avatarın alanını seçiyoruz - belirli bir alanı mümkün olduğunca doğru bir şekilde seçebilirler. Ardından, sağ tıklayın ve "yeni katmana kes" seçeneğini seçin.
   
9. Menü resmi ile aynı şey üzerinde çalışıyoruz, sadece onu seçerken, gereksizleri alttan kesmeniz gerekiyor. Menünün altını ve avatarın tamamen eşleşmesini sağlayın.
10. Şimdi Ctrl tuşuna basılı tutarak oluşturduğumuz iki katmanı seçin. Onlara sağ tıklayın ve "Katmanları Birleştir" işlevini seçin. Önümüzde, mükemmel bir şekilde eşleşen şablonlarımızdan ikisi bir sayfada görünüyor.
11. Bir sonraki adım, kapak fotoğrafını yüklemektir. Şablonlarımızın üstünde görünür. Şimdi katman araçlarında sağda Alt tuşunu basılı tutarken kapak dosyasına tıklayın. Bu işlemden sonra kapak sadece şablonlarda görünecek ve sınırlarının ötesinde görünmez hale gelecektir. Ancak bu, kapağı hareket ettirmenizi ve istenen görünür kısmını seçmenizi engellemez.
12. Artık menü oluşturmanın önemli noktası butonlardır. Bu noktada, gelecekteki düğmelerin tam adlarını zaten bilmelisiniz. Örneğin, "Sağlık", "Çocuklar", "Kişilerimiz". Görevi kolaylaştırmak için ilk düğmeyi oluşturuyoruz, ardından metni çoğaltıp değiştiriyoruz.
13. Avatara bir logo veya sözlü itiraz veya her ikisini birden ekliyoruz. Bu, grubunuza biraz canlılık ve ayırt edici bir karakter katacaktır.
    
14. Paylaşılan dosyayı bilgisayarınıza resim olarak kaydedin. Sıradaki ne?
15. Photoshop'ta yeni oluşturduğumuz dosyayı açın. Ardından avatarımızın tam boyutlarında yeni bir boş dosya oluşturuyoruz, logo ve butonlarla oluşturduğumuz resmi içine yerleştiriyoruz. Avatar için ihtiyacımız olan alanı seçiyoruz ve seçilen boyutlara mükemmel şekilde uyuyoruz. Ardından kreasyonumuzu kaydediyoruz.
16. Aynı şeyi menü ile yapıyoruz. Ama yine burada bir ekleme var. İlk önce, taslakla eşleşmediğinden menünün yüksekliğini bulmanız gerekir. Bir cetvel kullanarak yüksekliği tek bir piksele ölçeriz (ve yanılmamak için birkaç kez ölçmek en iyisidir). Eski genişlikte ve yeni yükseklikte yeni bir dosya oluşturun, resmi yeniden boyutlandırın ve "Kaydet" düğmesine basın.
    
17. Yeni bir avatar yükleyin, tüm alanı seçin ve bir küçük resim seçin.
18. Menüyü "Taze haberler" butonundan yüklüyoruz. Önceki bağlantıyı kaldırın, yeni bir fotoğraf yükleyin ve "; nopadding" ekleyin.
19. Şimdi menü düzenimizi kesiyoruz. Photoshop'un Kesme Aleti veya Bıçağı uygulayın. Photoshop'un farklı sürümlerinde farklı şekilde adlandırılır. Her düğmenin altına, kullanıcının gelecekte belirli bağlantılara gidebileceği ayrı dikdörtgenler oluşturmak için bir çizgi çizin.
20. "Taze haberler" üzerinden menüyü düzenlemeye başlıyoruz ve sırayla her bir kupürümüzü menüden yüklüyoruz. Gezinirken, resimlerimiz arasındaki boşluklar gösterilecektir. Onlardan kurtulmak için her bağlantıya "; nopadding" kelimesini eklemeniz gerekir.
    
21. Şimdi, bağlantılarınızın aktif olması ve ihtiyacınız olan bilgileri girebilmeniz için, ardından düzenleme menüsündeki resimlerin bağlantılarına - düğmelerinizden birinin adı - örneğin Teslimat. Ancak bu kelime, belirlenmiş kurallara göre net bir şekilde yazılmalıdır, [[Teslimat]] gibi görünmelidir. Ardından sayfayı kaydediyoruz, bu bağlantıyı takip ediyor ve gerekli içerikle dolduruyoruz.
22. Her şeyin çalışmasını sağlamak için son adım, Teslimat sayfasına giden bağlantının bir kopyasını düğme bağlantısına eklemektir, örneğin - page-123456_456789, yani "vk.com/" ile "?" kelimeleri arasına infa. İşte bu, şimdi her düğmeyi de tasarlayın ve menünüz hedef kitlenizi başarılı bir şekilde çekecektir.

Blog güncellemelerine abone olun ve arkadaşlarınızla bilgi paylaşın. Hayatınızda daha fazla güzellik yaratın!

VKontakte grup menüsü nasıl kullanışlı hale getirilir

Bir VKontakte grup menüsü nasıl oluşturulur: teknik aşama

Böylece grup menüsünün amacını anladık, teknik kısma geçelim. Ayarlara gidin: Topluluk Yönetimi> İçerik> Bağlan:

Değişiklikleri kaydedip gruba gidiyoruz. Grup açıklamasının altında "Son haberler" sekmesi görünecek, düzenlemeye başlayalım:

"Düzenleme" sekmesine (1) geçin, menünün adını değiştirin (2), bilgilerinizi girin (3), kaydedin ve sayfa (4)'e dönün.

2011'den beri düzenleme VKontakte grupları menüsüçok daha kolay hale geldi, VK yöneticileri bir görsel düzenleyici ekledi, bu yüzden onu anlamak daha da kolay. VK sunucularının istediğiniz kadar sorunsuz çalışmayabileceği veya kodla çalışırken bir şey unutabileceğinizi, bu nedenle kaynak kodunu PC'nizdeki metin dosyalarına kaydedin. Bunu yapmak için Kaynak Koduna gidin ve sonuç kodunu kopyalayın.

Bir şey eksikse veya birkaç adım geri gitmek istiyorsanız, "Geçmiş" sekmesine gidin ve istediğiniz kaydetmeye dönün:

Yukarıda söylediğim gibi biraz sonra wiki işaretlemesini incelemeye başlayacağız, şimdi VKontakte grup menümüzü minimuma indireceğiz. Kendi grubumun örneğinde göstereceğim. Trafiğe ihtiyacım var, bu nedenle grup menüsünün içeriği aşağıdaki gibidir:

Gördüğünüz gibi, Word belgesindeki bilgileri hazırladım, metni düzenledim (seçim), bağlantılar ekledim ve bu metni VKontakte gruplarının "Düzenleme" menüsüne ekledim.

Bununla durabilirsiniz, ancak kullanıcının gerçekten "sıcak yerinden" ayrılmak ve sitemizin sayfalarına gitmek istemediğini unutmayın. Bu nedenle, okuyucularımızın rahatlığı için, makaleye yönlendirecek grubun iç sayfalarını ekleyeceğiz. Bu makalenin eksik olmasına izin verin, ancak sitemize gitmeden önce, bir kişinin bunu istediğini anlaması gerekir ve onu oraya "sürükle" değil, yani. entrika, ilgi gerekir.

Vkontatka grubumun menüsüne giderseniz, bazı bağlantıların dahili sayfalara (2), diğerlerinin harici sayfalara (1) yönlendirdiğini göreceksiniz:

Gerçek zamanlı olarak bir dahili sayfa daha ekleyeceğim:

Yani VKontakte grubumuzda yeni (dahili) bir sayfamız var. Şimdi doldurmamız gerekiyor:

1. "İçeriği doldur" düğmesine basıyoruz.
2. Grubu içerikle dolduruyoruz. Düzenlemek.
3. "Sayfaya erişimi" yapılandırıyoruz. "Sayfayı yalnızca grup üyeleri görüntüleyebilir" seçeneğini işaretlerseniz, bu, ziyaretçileri gruba katılmaya motive edecektir. Sayfayı kaydediyoruz.
4. Az önce kaydettiğimiz sayfanın adres çubuğuna gerekli sayıları kopyalıyoruz. Bunu yapmak için "Görünüm" moduna gidin ve sayfa kimliğini kopyalayın - bunlar ihtiyacımız olan sayılar olacaktır.
5. VKontakte grup menüsünün "Kaynak kodu" sayfasına geri dönüyoruz (yeni bir sayfa oluştururken kapatmamanızı tavsiye ederim ... yine de sizin için açık olması gerekirdi) ve sayıları doğru satıra giriyoruz. Bağlantı metni (Marina Lazareva (video)) ile bağlantının kendisi (43820829) arasında "|" öğesini ayarlayın. (İngilizce klavye düzenindedir, klavye kısayolu Shift + \'dır).
Photoshop gibi ek editör bilgisi gerektirmeyen VKontakte grup tasarımı. Sonraki makalelerde size daha güzel VKontakte gruplarının nasıl oluşturulacağını göstereceğim. Şimdi, yaratmak için sabırsızlananlar için VKontakte grubunun güzel tasarımı, bu videoyu izlemenizi tavsiye ederim:

İzledikten sonra fark ettiğim video bu VKontakte grup menüsü nasıl yapılır kendi başına. Gerçek bir örnek kullanarak yazar, bir VKontakte grup menüsünün nasıl oluşturulacağını gösterir.

Biraz sonra, VKontakte gruplarının wiki işaretlemesine daha ayrıntılı olarak dalacağız, ancak şimdilik gruplarınızı mümkün olduğunca işlevsel ve kullanışlı hale getirin.

Dropbox, DragonBlog sayfalarında bunu okuyun.

Saygı ve sevgiyle, !

Topluluğun genel görünümünü daha estetik ve çalışmak için daha rahat hale getirmek için en iyi çözüm bir grup menüsü oluşturmak olacaktır. Böylece tüm önemli öğeleri tek bir düzgün listeye koyabilir, her bağlantı için kendi simgesini veya resmini ayarlayabilir, herhangi bir değişiklik hakkında ziyaretçileri hızlı ve hızlı bir şekilde bilgilendirebilirsiniz. Menü aşağıdaki unsurları içerebilir: harici sitelere çeşitli bağlantılar, tartışmalar için açıklamalar, albümler, müzik ve Vkontakte sitesindeki diğer bölümler, resimler ve sadece grubunuzun yapısı. Aşağıdaki talimatları izleyerek Vkontakte topluluğu için kendi menünüzü oluşturmaya çalışın.

Vkontakte grubunda basit bir menü nasıl oluşturulur

Her menü satırının bir tartışma konusuna yönlendirmesini istiyorsanız, her şeyden önce, bu tartışmaları oluşturmanız ve onlara adlar vermeniz gerekir. Bu seçenek sayfanın menüdeki görüntüsünü etkilemediğinden, bunları kapalı veya yorumlara açık bırakmak çok özel bir konudur.

Grubunuzun yapısını temsil edecek ve en önemli bölümlerin tümünü içerecek basit bir menü oluşturmaya çalışın.

• Menünün grupta ve toplulukta biraz farklı görüneceğini unutmayın. Bu nedenle, bir grubu bir topluluğa aktarmak istiyorsanız, grup adının yanındaki üç nokta simgesine tıklayın ve “Sayfaya dönüştür” satırını seçin. Bir topluluğu tekrar bir gruba dönüştüremeyeceğinizi lütfen unutmayın.

• Şimdi aynı menüdeki "Topluluk Yönetimi" bağlantısına gidin.
  Grubunuzun tüm ayarlarını içeren bir blok göreceksiniz, burada adı, iletişim bilgilerini, gizliliği değiştirebilir, üyeleri yönetebilirsiniz. "Bölümler" kategorisine gidin.

• “Materyaller” satırında, grup üyelerinin tasarım için gerekli olan dosyalarınıza yanlışlıkla zarar vermemesi için değeri “Devre Dışı” veya “Sınırlı” olarak ayarlayın. Seçiminizi kaydetmeyi unutmayın.

• Gruba gidin ve menüyü oluşturacağınız "Yeni haberler" penceresine gidin.

• "Düzenle"yi tıklayın.

• Her şeyden önce, “Taze Haberler” başlığını “Menü” veya katılımcılara burada ihtiyaç duydukları bağlantıları hızlı bir şekilde takip edebileceklerini açıkça gösteren başka bir adla değiştirmeniz gerekir.
  Sağ köşedeki küçük okla yazı düzenleme modunu "Wiki işaretlemesini düzenle" olarak değiştirin.

Şimdi bir yapı oluşturun:

• Grupta adını menüde kullanacağınız tartışmaların, materyallerin veya albümlerin olması önemlidir.
• Ana bölümlerin tüm başlıklarını bir satıra iki kez köşeli parantez içine alarak yazın.
• Metnin bir liste gibi görünmesini sağlamak için paragrafların önüne yıldız işareti koyun.

Bu ekran görüntüsünde, “Bölüm 1” adlı grupta materyal, “Bölüm 2” tartışması ve “Bölüm 3” adlı bir albüm olduğunu varsayabiliriz. “Önizleme” veya “Değişiklikleri Kaydet” e tıklayın.

• Bölümünüz “Menü” olarak değişecek ve grubun ana kategorilerine aktif bağlantılar, bir listede düzgün bir şekilde düzenlenmiş olarak görünecektir.

Vkontakte grup menüsüne bağlantılar nasıl eklenir

Resmi web sitenize veya doğrudan grup içindeki bölümlere erişimi hızlandırmak için aktif bağlantılar eklemek daha iyidir.

• Menü bölümünü düzenlemeye geri dönün. İstediğiniz bağlantıyı kopyalayın ve Wiki işaretleme modunda pencereye yapıştırın. Kaydettikten sonra aktif hale gelecektir.

• Grup menünüze ekleyebileceğiniz tüm bağlantılar bu şekilde görünür.

Görüntülü bir VKontakte menüsü nasıl oluşturulur

Menünün belirli bir bölüme yönlendiren güzel simgelerden oluşmasını istiyorsanız, aşağıdaki talimatları uygulamanız yeterlidir.

• Başlangıç ​​olarak, grubun tasarımı için sadece teknik resimler içeren özel bir albüm oluşturun.

• Resimleri jpeg formatında 500 pikselden fazla olmayacak şekilde yükleyin.

• Yüklenen görüntünün URL'sini kopyalayın.

• Şimdi bağlantıyı tartışmaya, içeriğe veya diğer harici siteye kopyalayın.

• [[Albümünüzdeki resme bağlantı | piksel cinsinden boyut; kaplama | Tartışmaya veya siteye bağlantı]]

Ekran görüntüsünde bir örnek gösterilmiştir.
“Sayfayı Kaydet”e tıklayın.

• Şimdi menünüzde düzgün bir bağlantı görünecektir. Piksel değerini uygun gördüğünüz şekilde ayarlayabilirsiniz.
  Birden çok resim eklemek için yeni bir satıra yeni bağlantılar girmeniz yeterlidir.