VKontakte wiki işaretlemesi nasıl kullanılır. Spoiler nedir ve rolleri nedir? Yeni kliplerin, albümlerin, etkinliklerin duyuruları

  • 30.07.2019

Wiki'ye dalmadan önce - oluşturarak işaretleme etkileşimli menü, bazı hazırlık adımları yapmanız gerekiyor, her şeyden önce gruptaki bazı ayarları değiştirin. "Topluluk Yönetimi"ne tıklayın, "Tartışmalar"ı açın ve "Materyaller"i bağlayın.

Şimdi görüntülerin hazırlanmasına geçelim. Grafik editörlerle çalışmıyorsanız, serbest çalışanlarla iletişime geçmeniz gerekecektir. Photoshop kullanılarak daha fazla çalışma gösterilecektir, ancak diğer düzenleyicilerde yapılabilir.

tedarik ediyoruz örneklem resme göre VKontakte grubu için.

Menünün yer alacağı A penceresinin boyutları belirtilenlerden farklı olabilir. Her şey menü düğmelerine hangi boyutları verdiğinize bağlıdır. Önerilen versiyonda her satıra bir buton konulmuştur. Her satıra iki düğme yerleştirmeniz gerekiyorsa, A penceresinin genişliği maksimum 377 piksele düşürülmelidir. Bu pencerenin yüksekliği çoğu durumda ampirik olarak seçilir. Önerilen versiyonda, her bir bilgi öğesi grubunun ön sayfasına bir satırda yerleştirildiğinde 377 piksel yükseklik seçilir.

Daha sonra, uygun bir görüntü hazırlarız, yazıları yazar ve tüm çizimi, ilgili yazıtla birlikte her ayrı bölümün bir menü düğmesi görevi göreceğini dikkate alarak bölümlere ayırırız. Bütün bunlar nasıl yapılır, bu makale bir Photoshop dersi olmadığı için burada derinlere inmeyeceğiz.

Gereksiz parçaları kaydedip sildikten sonra (Photoshop tüm görüntüyü ve beyaz alanları da keser ve kaydeder), parçaları menüdeki konumlarına göre numaralandırarak yeniden adlandıralım.

Şimdi doğrudan gruba gidelim. Ayarları yaptıktan sonra duvarda iki sekme belirdi: "Yeni haberler" ve "Tartışmalar". Tartışma sekmesinde "Yeni Konu" seçeneğine tıklıyoruz ve menümüzün ilk sayfasını oluşturuyoruz.

Grafik menüsündeki isme göre isimlendirilmeli ve açıklama alanını doldurmalıdır. Gerekli tüm bilgileri doldurduktan sonra "Konu oluştur" u tıklayın.

Oluşturulan mesaj duvarda görünecektir. Aynı şekilde gerekli sayıda sayfayı (menü bölümlerine uygun olarak) oluşturuyoruz.

Hazırlık işlemlerini tamamladıktan sonra menümüzü düzenlemeye geçebiliriz. Bunun için "Son Haberler" sekmesine ihtiyacımız var. İmleci üzerine getirin ve "Düzenle" ye tıklayın.

Sonra, zaten tanıdık olan bize açılacak. Görsel düzenleme modunda olmak, editördeki kamera simgesine tıklayarak, tüm parçaları genel görüntüde bulundukları sırayla yükleyin. Ayrıca adı ziyaretçilerimiz için daha anlaşılır bir şekilde değiştiriyoruz. Bundan sonra, wiki işaretleme moduna geçin ve kodu düzenleyin.

Söz konusu menü için örnek kod:

[]
[]
[]
[]

Buton işlevi görmeyen parçalar için bir sayfaya bağlantı yerine "nolink" yazmanın gerekli olduğunu unutmamak önemlidir. Aksi takdirde, parça tıklanabilir olacak ve üzerine her tıkladığınızda parçanın kendisi ayrı bir görüntü olarak açılacaktır.

Her şey doğru yapıldıysa ve kodda herhangi bir hata yoksa, grubumuza döndüğünüzde ve sekmenin ismine (Grubun ana menüsü) tıkladıktan sonra, oluşturduğumuz menü açılacaktır. avatar ile birlikte. Grubun interaktif menüsü ve grafik tasarımı tek bir kompozisyon oluşturuyor. Menünün bölümlerine tıkladığınızda kendimizi grubun ilgili bölümlerinde buluyoruz.

Menü, avatarla alt seviyede örtüşmüyorsa, alt parçadaki kodda, hizalamayı sağlamak için yüksekliği px cinsinden değiştirin. Bu, resmin kalitesine yansıyorsa, grafik düzenleyicinin orijinal şablonunda, istenen parçanın boyutunda değişiklikler yapın ve düzeni yeniden çizin.

nasıl yapıldığını gördük etkileşimli menü veya wiki tarzında bir grup oluşturun. Hazırlık sürecinin kendisiyle ilgili herhangi bir sorunuz varsa, yorumları yazın ve birlikte çözmeye çalışacağız.

Vkontakte sosyal ağını aktif olarak kullanan herkesin güzel tasarlanmış gruplar ve halklarla tanıştığını düşünüyorum. Birçoğunda, menüye ek olarak, birçok stilize iç içe sayfalar, dizinler vb. vardır, bu da aslında sosyal ağın içinde küçük bir site oluşturur.

İşte herkesin bunun ne hakkında olduğunu anlaması için bazı örnekler.




Bu tür gruplar, rakiplerinizden öne çıkmanıza ve daha fazla kullanıcı çekmenize olanak tanır. Özellikle içerik de ilginçse :)
Bu makale çerçevesinde, tüm bunların nasıl yapıldığından bahsedeceğiz. Her şeyi daha ayrıntılı olarak sökmek ve tüm incelikleri incelemek için belirli bir örnek alalım. Grup tasarımında küçük bir ustalık sınıfı olacak.

Çalışmamızın ilk aşaması bir fikirdir. Neyi ve kime anlatmak istediğimizi anlamamız gerekiyor. Temasta çeşitli topluluk biçimleri vardır ve belirlenen görevlere göre seçim yapmaya değer. Gelecekte, grup genel bir biçime dönüştürülebilir ve bunun tersi de mümkündür.

Bunu parmaklarımla açıklıyorum. Halk- bu bir blogla karşılaştırılabilecek bir şey. Zaman çizelgesi. Yani abonelerimize bazı şeyleri anlatıyoruz ve onlar topluluğumuzun duvarına yazamayacaklar. Maksimum yorum yapmaktır.

Grup insanların akışta kendi adlarına gönderi paylaşabilecekleri, konuşma ve tartışma için daha açık bir topluluk oluşturmanıza olanak tanır. Ayrıca listenizden arkadaşlarınızı da buna ekleyebilirsiniz. Kamuda böyle bir imkan yok. Ek olarak, grubun wiki işaretlemesini entegre etmek için biraz daha fazla seçeneği vardır (menüyü entegre edebileceğiniz bir "Haberler" bölümü vardır).

Global olarak şu şekilde düşünebilirsin: Mağaza için bir topluluk oluşturmamız gerekirse, o zaman "genel" formatı alırdım. Örneğin, balıkçılık meraklıları hakkında konuşuyorsak, bir "grup" almak daha iyidir. Yine de herkes uygun gördüğü gibi yapmakta özgürdür. Sonuçta, format herhangi bir zamanda değiştirilebilir. Ancak, Vkontakte'nin topluluk biçimini yeniden değiştirme konusunda bir kısıtlama getirdiğini ve ilk seferden sonra gerekirse her şeyi geri alabilmeniz için birkaç gün beklemeniz gerekeceğini unutmayın. Bu nedenle, grup içerikle dolmaya başlamadan önce işlevselliği test etmek daha iyidir.

Bu ustalık sınıfının bir parçası olarak, sadece birkaç hafta önce vizyona giren aynı adlı filme dayanan Mad Max oyununu başlangıç ​​noktası olarak alacağım ve bu oyunda çeşitli materyallere sahip oyuncular için bir topluluk oluşturacağım. . Ana amaç, oyun sitenize trafik çekmektir.

Doğal bir izleyici akışı oluşturmanız ve topluluk içindeki iletişimi en üst düzeye çıkarmanız gerektiğinden, biçim "Grup" olacaktır. Hem grup formatında hem de halka açık olarak uygulanabilecek evrensel bir teknik kullanacağımı hemen açıklayacağım. Her yerde çalışır.

Çok fazla içerik var, fikri hayata geçirmeye başlıyoruz!

Grup oluşturma

Bir grup oluşturmak için Vkontakte hesabınızın sağ menüsündeki "Gruplarım" a gidin ve "Topluluk oluştur" un üstündeki mavi düğmeyi tıklayın.

Grubumuzun adını girdiğimiz ve formatı seçtiğimiz bu pencere görünmelidir.

Gerekli bilgileri girdikten sonra önümüze topluluğumuz için bir kontrol paneli açılıyor. Benim durumumda, buna benziyor.

Gördüğünüz gibi, birkaç parametre ekledim: İçerik toplarken, video, ses kayıtları, tartışmalar ve gelecekteki çalışmalarımda bana faydalı olacak bir dizi başka özellik ekledim. Bütün bunlar herhangi bir kısıtlama olmaksızın daha da değiştirilebilir. Sitemin adresini de kaydettim. Bir siteniz yoksa veya konusu topluluk formatına uymuyorsa (bunlar farklı şeyler hakkındadır ve birbirleriyle hiçbir şekilde ilişkili değildirler), bu satır boş bırakılabilir.

Bu durumda, geliştiricilerin oyun için koyduklarına benzeterek 18 yaş sınırlarını belirledim. Gerçi çocukların da oynadığından neredeyse hiç şüphem yok.

Her şey. Grup oluşturuldu!

Şimdi onu tasarlamaya başlayabilirsiniz.

Vkontakte grup tasarımı

Bu aşama 2 bileşene ayrılabilir: grafik ve teknik. Çalışmak için, bir grup avatarı ve bir menü oluşturmak için bir şablona, ​​ayrıca biraz hayal gücüne ve Photoshop'un temel bilgisine (aka Adobe photoshop).

İşaretleme şablonu

Şablon nedir ve genel olarak nedir? Şablon bir tür boşluktur. Bu durumda * .psd formatında menü ve grubun avatarları altında resim için alanları işaretledik.

Bu yazının başındaki ikinci örnekte de göreceğiniz gibi avatar ve menü resmi için tasarımı aynı tarzda yapabiliriz. Aynı zamanda görsel olarak 2 parçaya böler. Böylece şablon, grafiklerin yer değiştirmesini ortadan kaldıracak ve resimleri mümkün olduğunca tek bir düzeye sığdıracak şekilde bir görüntü oluşturmanıza olanak tanır.

Daha açık hale getirmek için, işte bir örnek.

Yerleşim alanına bakan resmin her iki tarafında bir şerit olduğunu görebiliriz. Bir şablon kullanmadan tam olarak ilk kez yapmak neredeyse imkansızdır. Tutarsızlıkları 1 piksele kadar ölçerek görüntüleri ayarlamanız gerekecek. Oysa bir şablon kullanırken, işaretleme içinde ona grafikler ekleriz ve hemen istenen sonucu alırız.

Bu şablonun açıklama kısmında 1 satır için tasarlandığını belirtmek isterim. Örneğin ekran görüntüsünde telefonlar var. İkinci satır belirirse, farklı bir şablon kullanmanız veya tasarımı manuel olarak düzeltmeniz gerekir.

Bu arada direkt olarak yeni grubumuzun grafik tasarımına geçiyoruz. Burada en az dirençli yolu seçiyorum ve tasarım parçalarını bulmak için Google Görseller'e gidiyorum. Yandex'i de kullanabilirsiniz. Kim neyi daha çok sever.

Tasarım eğitimim yok, bu yüzden yazı tipi ve diğer önemsemelerin seçimi üzerinde ayrıntılı olarak durmayacağız. Photoshop'ta biraz sihirden sonra aşağıdaki sonucu aldım.

Sol parçada ("Menü" yazısının olduğu yerde), birkaç tetikleyici de ekleyebilirsiniz. Bu durumda, onlarsız yapmaya karar verdim. Her şey. Avatar tasarımı hazır. Photoshop'ta Shift + Ctrl + Alt + S kısayol tuşlarına basın ve parçalarımızı sabit sürücünüzdeki bir klasöre kaydedin.

Grafiklerle çalışmanın ilk aşaması tamamlandı. İletişime dönüyoruz.

Grup için avatar ve menüyü ayarlama

Grubumuzun ava'sının olduğu yerde iki türe tıklıyoruz ve oraya imajımızı yüklüyoruz. Bu adamlar, altlarında da "Fotoğraf yükle" yazıyor.

Bir resim ekleyin. Alanları belirtin ve küçük resmi seçin. Burada her şey basit ve sorun olmamalı.

Gördüğümüz gibi, topluluk kimliğini bilmeniz gerekiyor. Bunu öğrenmek çok kolay. Menüyü grubumuzda (avatarın hemen altında) buluyoruz ve "Topluluk istatistikleri" ni açıyoruz. Bu durumda, tarayıcının adres çubuğunda benzer bir şey görünecektir (sayılar farklı olacaktır).

"? Gid ="'den sonraki bu sayılar istenen grup kimliğidir. Ortaya çıkan değeri script formuna ekliyoruz ve oluşturmak istediğimiz sayfanın adını yazıyoruz. Bu durumda, "Menü" de sürüyorum.

Sayfanın, yalnızca yandaki sekmede grubun bulunduğu pencerenin açık olması durumunda oluşturulacağına dikkat edilmelidir. Basitçe söylemek gerekirse, aynı tarayıcıda VK'da oturum açmış olmanız gerekir. Gerçekten de, yalnızca grup yöneticisi ve onlara atanan kişiler bu tür manipülasyonlara erişebilir. Sıradan bir yoldan geçen bir kişi, yönetici panelinde erişimi olmayan bir grubun ayarlarını kolayca alamaz ve değiştiremez.

Her şey doğru yapılırsa, bu sayfa açılacaktır.

Bu, daha sonra wiki işaretlemesini yapacağımız ve grubumuz için dahili bir menü oluşturacağımız penceredir. Şimdilik buraya bir şeyler yazmamız yeterli. Bundan sonra mavi "Sayfayı kaydet" butonuna basıyoruz ve en üstte Sayfaya dön bağlantısına basıyoruz.

Kendime bir "Menü" yazdım ve kaydettikten sonra sayfam böyle görünmeye başladı.

Henüz bir tasarım yok, ancak şimdi sadece bu sayfaya bir bağlantıya ihtiyacımız var. Tarayıcının adres çubuğundan alıyoruz ve grubumuzun ana sayfasına dönüyoruz. Kasetin içine.

Burada aşağıdaki içeriğe sahip bir gönderi oluşturuyoruz: oraya bir resim ve grubun menü sayfasına bir bağlantı ekleyin.

Gönder'i tıklayın. Bundan sonra mesajın gönderilme zamanına tıklıyoruz ve tüm seçenekler arasından "Pin" öğesini seçiyoruz. Sayfayı güncelleriz (klavyedeki F5 tuşu) ve her şey doğru yapılırsa ilk sonucu alırız: grup bir avatar ve menü bölümüne gitmek için bir bağlantı aldı.

Vkontakte grup menüsünün Wiki işaretlemesi

Şimdi menüleri tasarlamaya başlayalım. Photoshop'a geri dönün ve menümüz için bir tasarım oluşturun. Arayüzü tasarlarken, uygulama aracılığıyla cep telefonlarından VK'ya girecek kişileri hatırlamanız gerekir. Başka bir deyişle, küçük unsurlara sahip olmamalıyız ve ayrıca her şeyi mümkün olduğunca netleştirmeye çalışmalıyız. Burada her şeyin nasıl düzenlendiğini ve nereye tıklamamız gerektiğini tahmin etmek zorunda kalmamak için ... sadece istenen noktaya dalın ve gerekli bilgileri inceleyin.

Şimdi menüyü tam olarak nasıl kurduğum konusunda ayrıntılı olarak durmayacağım. Ben de öyle yaptım.

Minimum alan sayısı. Dikey düzen. Duyarlı menüler için ideal format. Yani, cep telefonlarında hiçbir şey hiçbir yere gitmeyecek. Her şey tam olarak bilgisayar ve tablet ekranlarındaki gibi olacak. 500 piksel genişliğini alıyorum, böylece daha sonra hiçbir şey küçülmeyecek ve görüntünün kalitesini iki kez kaybetmeyecek. Yükseklik önemli değil.

Görüntüyü parçalara ayırın ve kaydedin.

Her şey. Son akorun zamanı geldi - menüyü zaten grubun kendisinde topluyoruz.

Bunu yapmak için grubun ana sayfasına dönüyoruz (menüye giden besleme ve bağlantı resmimizin olduğu yer). Menünün resmine fareyi tıklıyoruz ve menü için daha önce oluşturduğumuz sayfaya gidiyoruz.

Grubun yöneticisi veya yaratıcısıysanız (bizim durumumuzda durum budur), sayfanın üst kısmında "Düzenle" bağlantısı olacaktır. Üzerine tıklıyoruz.

Ardından wiki işaretleme moduna geçiyoruz (sayfanın sağ üst köşesindeki kapat düğmesinin altında, böyle bir çerçeve ile çizilir)<>içeri). İstenen mod etkinleştirildiğinde, bu düğme gri renkle gösterilir.

Ardından kamera ikonunu dürterek menümüzün tüm parçalarını tek seferde ekliyoruz. Wiki modunda, resimlerin kendisini görmeyeceğiz, sadece bu resimlerin boyutları ve parametreleri ile kodu.

Menüyü, parçalar arasında boşluk kalmayacak şekilde merkeze yerleştirmek istiyorum. Bu nedenle, öğelerin her birini bir etikete sarıyoruz

ve zaten iç içe geçmiş "noborder" parametresine "nopadding" ikinci parametresini ekliyorum. İlki, tablo hücrelerinin parçalarının ve kenarlıklarının vuruşunu devre dışı bırakır. İkincisi, kenardaki dolguyu kaldırır.

İlk ve son menü öğeleri düğmeler olmamalıdır - benim resmimde bu yalnızca dahili bir sayfaya bağlantısı olmayan bir grafik öğesidir, bu nedenle onlara "nolink" parametresini ekliyoruz. Bu, resmin bir parçasını ayrı bir pencerede açmak için bu öğeye tıklama özelliğini kaldıracaktır. Şimdi bir fare tıklamasından hiçbir şey olmayacak. Bu normal bir sayfa arka planıdır. Etkin değil.

Benim durumumda, menü kodu şöyle görünüyor.

Ayrı olarak, resimleri VK'ya aktardıktan sonra gömülü sistemin bazen görüntülerin boyutunu yanlış gösterdiğini belirtmek isterim. Bu nedenle, bunu yakından izlemeniz ve tasarımın tasarım aşamasında tam olarak planladıklarımızı sergilemeniz gerekiyor. Aksi takdirde, her şey ters gidebilir ve bulmaca sonunda çalışmayacaktır.

Kodu yazıp tüm öğeleri hizaladığımızda, sayfayı kaydedip Photoshop'takiyle aynı şeyi görüyoruz.

Son dokunuş kalır - menümüzün insanları göndereceği sayfaları oluşturmanız gerekir. Bunu yapmak için tekrar wiki sayfaları oluşturmak için komut dosyasına döneceğiz ve bu sefer aynı anda üç sayfa sipariş edeceğiz. Bu durumda, her birine bir şeyler yazmanız ve adreslerini tarayıcının adres çubuğundan bir yere kaydetmeyi unutmayın.

Daha sonra menünün wiki koduna page-102302049_51013384 şeklinde yeni sayfalara bağlantılar ekliyoruz, burada ilk sayı grup kimliği, ikincisi sayfa numarası. Bununla birlikte, bu genellikle önemli değildir. Sonuçta, bu URL parçasını kopyalamamız ve işaretlemeye yapıştırmamız yeterli.

Sonuç olarak, menü kodu aşağıdaki formu alır.

Dıştan, hiçbir şey değişmedi. Ancak menü öğelerine tıkladığımızda artık çalıştığını görebiliriz!

İşaretlemenin kendisine ve kodun yazıldığı kurallara gelince, bu konuya özel olarak ayrılmış Vkontakte grubunu okumanızı tavsiye ederim. Adamlar tüm önemli noktaları açıkladılar ve kataloglarında gerekli öğeyi kolayca bulabilir ve onu wiki sayfanıza nasıl ekleyeceğinizi anlayabilirsiniz.

İş yapmak, mal veya hizmet satmak için giderek daha fazla kullanılıyorlar. Bir grupla çalışmayı kolaylaştıran harika bir araç, wiki işaretlemesi ile oluşturulmuş bir menüdür.

Son zamanlarda, wiki listesini kullananların sayısı önemli ölçüde arttı. Sonuçta bu, gruba daha hoş ve estetik bir görünüm kazandırmanın harika bir yoludur ve ayrıca katılımcıların tüm bölümlerde daha kolay gezinmesine yardımcı olur.

Bu yazıda size bir grup için nasıl Vkontakte wiki sayfası yapılacağını, bir VK grubunda nasıl menü yapılacağını, hangi türlerin bulunduğunu, nasıl oluşturulacağını ve çok daha fazlasını anlatacağız.

VK metin düzenleyicisinin wiki işaretlemesini kullanma yeteneğine sahip olması nedeniyle tıklanabilir bir wiki sayfasının oluşturulması mümkündür. Resim, bağlantı, video ve diğer öğeleri eklemek için özel komutların kullanılmasına izin verir.

Liste, her bir ürün / hizmet kategorisine veya topluluğun farklı bölümlerine / tartışmalarına (örneğin, portföy, nasıl sipariş verilir, bir şirket hakkında vb.) doğrudan bağlantılar oluşturmanıza olanak tanır. Herhangi bir kullanıcı ihtiyaç duyduğu bilgiyi sadece 1 tuşa basarak bulabilir.

Bu çözüm, sıradan ziyaretçiler için bir yönlendiricidir ve topluluk için güzel ve şık bir tasarım olarak hizmet eder. için kullanabileceğiniz interaktif bir araçtır. insanlar memnun olacak.

Ne yazık ki, VK geliştiricileri henüz halkın ana wiki sayfasında bir wiki listesi yayınlama yeteneğini oluşturmadı (şimdiye kadar sadece yeni bir sekmede). Bu nedenle, insanlar sofistike olmaya ve menü ile sayfaya yönlendiren ayrı gönderiler oluşturmaya zorlanmaktadır.

Wiki menüsünün temel komutları ve özellikleri

Wiki sayfasının işlevselliği çok geniştir. Yardımı ile menünüzü görsel olarak hoş, iyi okunabilir ve yapılandırılmış hale getirebilirsiniz.

Ne yazık ki, materyalimize kesinlikle tüm takımları sığdıramayacağız, bu yüzden sadece birkaçını anlatacağız.

Medya dosyalarını kullanarak menü oluşturma

Özel düğmeler kullanılarak gerçekleştirilir.

Metin biçiminde medya dosyaları şunlardır: [].

Medya XXXX_YYYY medya dosyasının kendisi olduğunda, seçenekler çeşitli ayarlardır (fotoğraflar ve videolar için), bağlantı, fotoğrafın / videonun üzerine geldiğinizde görüntülenecek olan resim yazısıdır.

Fotoğraf seçenekleri için:

Video için:

== işaretlerini kullanarak çeşitli düzeylerde başlıklar oluşturuyoruz

Başlığın başına ve sonuna "==" işaretleri ekleyin. Örnek için ekran görüntüsüne bakın:

VKontakte grubunun menüsünün tasarımı için başlıkların metni ile çalışıyoruz.

Aşağıdaki metin seçeneklerini de kullanabilirsiniz: italik, kalın veya gri, üstü çizili veya altı çizili, üst simge veya alt simge. Metni ortalamak veya sağa hizalamak da mümkündür. Aşağıda komutları içeren bir tablo bulunmaktadır:

Dikkat çekmek için tırnak kullanmak

Bir etiket kullanmak, birinin alıntısının güzel görünmesini sağlar.

Listeler numaralandırılmış veya madde işaretli olarak kullanılabilir

Numaralandırılmış bir liste için her yeni öğenin önündeki "#" simgesini kullanın.

Madde işaretli bir liste için, yalnızca "*" işaretiyle bir öncekine benzer.

Girintilerle çalışma

Girinti yapmak için kelimenin önüne ":" işaretini ekleyin. Girinti, karakter sayısına bağlı olarak artar veya azalır.

Grup menüsündeki dahili bağlantılar

Bunlar, iç sosyal kaynaklara bağlantılar. VKontakte ağı (bir kişiye, topluluğa, tartışmaya, uygulamaya, sayfaya, videoya ve resme bağlantı). Aşağıdaki yapı kullanılarak eklenirler: [].

Bir VKontakte menüsü oluştururken dış bağlantılar.

Wiki işaretlemesi bir tablo menüsü oluşturur

Wiki sayfalarını ve işaretlemeyi kullanarak da bir tablo oluşturabilirsiniz. Ekran görüntüsüne bakın:

bilgilendirici spoiler

Bununla, bilgileri tek bir tıklamayla gizleyebilir veya gösterebilirsiniz. "Sıkça Sorulan Sorular" içeren bir bölüm oluşturmanız gerekiyorsa çok uygundur.

Yapı kullanılarak bir spoiler oluşturulur:

((Gizleyici | Spoiler Adı
Metin
}}

Ve şöyle görünecek:

Böylece komutlar, tüm tasarım öğeleriyle eksiksiz bir liste oluşturmaya yardımcı olacaktır.

Menü türleri: bunlar nelerdir?

VKontakte'deki Wiki sayfaları farklı kriterlere göre ayrılabilir:

  • Metin (yalnızca metin);
  • Grafiksel (düğmeler, arka plan vb. görüntüleri kullanarak).

Ekrana göre (kullanılan resme bağlı olarak):

  • Z gizli (yapının kendisi görünmez);

  • Aç (tüm öğeler aynı anda görünür);

  • Bitişik veya ortak bir afiş ile (açık veya kapalı olabilir).

Seçtiğiniz tür ne olursa olsun, hepsi aynı prensibe göre çalışır.

Ayrıca, bu türleri birleştirmek için korkmayın. Örneğin, önce düğmelerle (arka plan, stil, tasarım) grafiksel bir bölüm oluşturabilir ve ardından onu çeşitli metinsel bilgilerle tamamlayabilirsiniz (örneğin, spoiler kullanarak "Sık Sorulan Sorular").

Metin menüsü nasıl oluşturulur

Wiki sayfasındaki metin listesi daha az popüler ve daha basit. Herhangi bir resim veya düğme içermez. Bu sadece bağlantı bağlantılarının bir listesi.

Aşağıda adım adım talimat bir VK grubu için metin listesi nasıl yapılır:

  1. Öncelikle bir topluluk oluşturmanız gerekir. Bunu yapmak için "Topluluk Yönetimi"ne gidin ve "Bölümler" bölümünü seçin. "Malzemeler" satırını bulun, "Kısıtlı" seçeneğini seçin ve ayarları kaydedin.

  1. Ötede ana sayfa halka "Taze haberler" görünecektir. Onlara gidin ve "Düzenle" yi tıklayın.

  1. Başlığı girin.
  2. Aşağıda VK metin düzenleyicisi bulunmaktadır. Listemizi burada oluşturacağız.
  3. Aşağıdaki yapıyı kullanın:

Gerekli tüm noktaları yapın. Her yeni öğe ile Yeni hat... Burada yukarıda bahsettiğimiz çeşitli komutları kullanabilirsiniz.

Örneğin, basit ve küçük bir yapı yazacağız:

  1. Kaydet'i tıklayın.

Burada başlığı vurgulamak için "==" işaretlerini ve alt öğeleri vurgulamak için "*" işaretlerini kullandık. Sonuç olarak, aşağıdakileri aldık:

Böylece, sadece birkaç adımı tamamladıktan sonra, her bir öğenin istediğiniz sayfaya hızlı bir şekilde gitmenizi sağlayacağı tamamen anlaşılır bir wiki menüsü elde ettik.

Wiki işaretlemesinin hayal gücü ve yetenekleri ile istediğinizi ekleyebilirsiniz.

Grafik menü nasıl oluşturulur

Yaratmak grafik menü Grafik düzenleyicilerle (Photoshop, GIMP, çeşitli uygulamalar vb.) çalışma konusunda en azından temel becerilere sahip olmanız gerekir. Bunlara sahip değilseniz, hazır şablonlarla profesyonellerin veya kaynakların yardımını kullanmanızı tavsiye edebiliriz (daha fazlasını okuyun).

Burada kendi başınıza bir wiki sayfası menüsünün nasıl oluşturulacağı hakkında konuşacağız. Aşağıda adım adım talimat verilmiştir:

  1. Önceki talimatlardan 1-3 arasındaki adımları izleyin.
  2. Butonlarla boş görseller oluşturmak gerekiyor. Photoshop ve ağdaki diğer programlarla çalışma hakkında birçok ders olduğundan, grafik editörlerinde çalışma hakkında ayrıntılı olarak konuşmayacağız.
    Aşağıdaki resimleri çekeceğiz.

Üç resim de büyük bir resmin parçasıdır. Bu nedenle, navigasyonu oluşturduğumuzda, görüntü verileri üzerinde bulunan düğmelerle bir bütün resim gibi görünecektir.

  1. Görüntüleri VKontakte metin düzenleyicisine yüklüyoruz.

  1. Her resme tıklayarak, seçenekleri seçebilir ve bir bağlantı sağlayabilirsiniz.

  1. Sağ tarafta, görsel ve metin düzenleme modları arasında bir geçiş var.

  1. Metin versiyonunda, resimlerimiz şöyle görünür:

  1. Resimler arasındaki mesafeyi kaldırmak ve kapatmak için "noborder" yazısını "nopadding" olarak değiştirin. Ve "|" işaretinden sonra bir bağlantı ekleyin.

  1. "Sayfayı Kaydet"e tıklayın.

Sonuç olarak, aşağıdaki menüyü aldık:

Biraz çaba ve ustalıkla, grubun genel tasarımına uyacak özgün bir tasarım oluşturabilirsiniz.

Nasıl düzeltilir

Oluşturulan wiki menüsünü topluluk ana sayfasında görüntülemek için şu adımları izleyin:

  1. Yeni bir gönderi oluşturun.
  2. Menü bağlantınızı kopyalayın. Bunu yapmak için tekrar düzenlemeye gidin ve URL'yi tarayıcının adres çubuğundan kopyalayın.

Önce bir resim ekleyin, aşağıdaki resme bakın.

Şimdi gönderiyi yayınlayın ve sabitleyin.

Görüntü üzerinde iyi bir çalışma yapmanız gereken yer burasıdır. Sonuçta, her zaman görünür olacak, aynı zamanda halkın genel tasarımına da uymalı ve kullanıcılara, tıklamanın menüye gideceğini söylemelidir.

nasıl silinir

Wiki menüsünü kaldırmak zor bir iş değildir. Sadece "Topluluk Yönetimi", "Bölümler" bölümüne gitmeniz ve materyalleri kapatmanız yeterlidir.

Sabitlenmiş bir gönderi kullandıysanız, kalacağını hatırlamak önemlidir. Bu nedenle, ayrıca kaldırılması (veya en azından sabitlenmiş olandan çıkarılması) gerekecektir.

Hazır şablonlar

Ayrıca, hazır şablonları indirebileceğiniz veya sadece birkaç tıklamayla yenilerini oluşturabileceğiniz yardımı ile hizmetleri dikkatinize sunmak istiyoruz.

  • You-ps.ru, wiki menüleri ve topluluk tasarımının diğer hazır unsurları için hazır şablonlara sahip bir hizmettir.

  • Vkmenu.com çevrimiçi bir kurucudur. Hızlı ve kolay bir şekilde şık menüler oluşturmanıza olanak tanır.


Ayrıca, bir profesyonelin işe alınması hazır çözümlere bağlanabilir. Bu durumda da her şeyi kendiniz yapmak zorunda değilsiniz, ancak ödeme yapmanız gerekiyor.

Sonuç

VKontakte topluluklarında wiki menüsünün ne olduğunu inceledik. Nasıl oluşturulacağını ve çeşitli komutları kullanmayı öğrendik.

Menünün henüz takdir edilmediğine inanıyoruz. Birçok insan için bu "wiki işaretlemesi" ezici ve korkutucu. Üstüne almak bile istemiyorlar. Ama gerçekte, gördüğümüz gibi, her şey oldukça basit.

Denemekten ve orijinal olmaktan çekinmeyin!

"VKontakte grubu için bir menü nasıl oluşturulur" sorusuna üç ana cevap seçeneği vardır: bir uzmandan sipariş verin, çevrimiçi bir kurucunun yardımıyla oluşturun veya tamirci, sorunun bazı inceliklerini araştırın ve her şeyi yapın kendin.

Bu yazıda, sırayla üç seçeneğin hepsini inceleyeceğiz. Bu arada, grubunuz veya geneliniz için bir menüye ihtiyaç duyduğunuz konusunda hala şüpheniz varsa, okuduğunuzdan emin olun.

Yani, bir menü oluşturmanın üç yolu:

Her birinin, elbette, kendi avantajları ve dezavantajları vardır. Aşağıda ilk ikisi hakkında biraz daha ayrıntılı konuşacağız. Yine de üçüncü yolu izlemeye karar veren ve her şeyi kendi başına yapanlar için ayrıntılı bir rehber (talimat) yazdık.

Bu arada uzun yazıları okumak yerine videolardan bilgi almayı tercih edenler için şöyle bir video var:

Yol # 1. Uzman bir tasarımcıdan bir menünün oluşturulmasını sipariş edin

Bu yöntemin avantajları, göreceli hız ve sizin tarafınızdan minimum katılımdır. Eksileri - en yüksek fiyat ve güzel ama yanlış bir menü elde etme şansı (menü oluştururken ana hatalar hakkında hazırladık). Ek olarak, hala bir sanatçı bulmanız gerekiyor. Burada, "Sosyal ağlarda grupların tasarımı" bölümünde kwork.ru hizmetinde aramanızı önerebiliriz.

Yol # 2. Çevrimiçi oluşturucuyu kullanma

Burada, elbette, şu anda bulunduğunuz sitede kurucumuzu önereceğiz. Ücretsiz olarak deneyebilirsiniz. Ödeme ancak sonuç size uygunsa ve ortaya çıkan menüyü grubunuza yüklemeye karar verirseniz yapılır. Bu yolun avantajları, en hızlı olmasıdır. Ek olarak, gerekirse, oluşturma maliyetinin yarısı için menünüzü her zaman hızlı bir şekilde düzenleyebilir ve yeniden yükleyebilirsiniz. Örneğin, menüden bir öğe eklemeniz veya çıkarmanız gerektiğinde, her zaman bir tasarımcı aramaktan daha uygundur. Yöntemin dezavantajları - burada biraz yapmanız gerekecek, ancak kendi başınıza çalışacaksınız.

Yol #3 hepsini kendin yap

Bu yolun avantajları açıktır: ücretsizdir ve yeni beceriler kazanırsınız. Eksileri: Biraz beceriye ve çok zamana ihtiyacınız var (ilk kez). İşte ihtiyacınız olan:

  • Bir grafik düzenleyiciyi güvenle kullanabilme. Örneğin, PhotoShop. Bir menü yaparken, önce görüntüyü doğru boyutta (bir piksele kadar, "yaklaşık" yok!)
  • Talimatları anlayabilir ve dikkatlice okuyabilir
  • İlk seferinde bir şey işe yaramazsa pes etmeyin ve umutsuzluğa kapılmayın.

Her şeyin üstesinden gelebileceğini düşünüyorsan, başlayalım.

Adım # 0. VK grup menülerinin nasıl düzenlendiği hakkında genel bilgiler

Grubun menüsü, oluşturulması VK tarafından desteklenen wiki sayfalarından yapılmıştır. Wiki sayfaları, yalnızca genel sayfalarda oluşturulabilen özel sayfalardır. Normal gönderilerden farklıdırlar, çünkü sözde wiki işaretlemesini kullanabilirler. Bu işaretleme, ek biçimlendirme nesnelerine dönüştürülen özel koddur. Daha açık hale getirmek için açıklayalım. Örneğin, normal gönderilerde yalnızca düz metin kullanabilirsiniz, wiki işaretlemesi ise metnin bölümlerini kalın veya italik hale getirmenize olanak tanır. Yani, ek tasarım seçenekleri sunar. Özellikle - kullanıcının bağlantı tarafından yönlendirileceği tıklandığında resim gönderme yeteneği. VK genel menüsünü yapmak için kullanılan bu ek biçimlendirme seçenekleridir. Bunu tam olarak nasıl yapacağımızı aşağıda açıklayacağız.

Aşama 1. hazırlık aşaması

Mevcut bir grubunuz varsa, yeni bir tane oluşturmanızı öneririz. Test ve deneme için. Aksi takdirde, öğrenme sürecinde abonelerinizi garip ve gereksiz güncellemelerle doldurma riskiniz vardır.

Yani yeni bir grup oluşturdunuz. Şimdi grubunuzun tanımlayıcısını (ID) bulalım. Grup kimliği, benzersiz VKontakte numarasıdır. Grubunuza gidin ve "Topluluk gönderileri"ne tıklayın (grupta hiç gönderi yoksa, "Topluluk gönderileri" yerine "Yayın yok" olacaktır). İçinde aşağıdaki gibi bir adrese sahip yeni bir sayfaya yönlendirileceksiniz:

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

Onun yerine XXX bir sürü numaranız olacak (ve sadece sayılar!). Bu, topluluk kimliğinizdir. örneğin bizim test grubu 154457305.

Şimdi grupta yeni bir wiki sayfası oluşturalım. Bunu yapmak için aşağıdaki türde bir bağlantı oluşturun:

http://vk.com/pages?oid=- Grup kimliği& p = Sayfa ismi

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

Ortaya çıkan bağlantıyı tarayıcınızda açın (tarayıcınızın adres çubuğuna kopyalayın ve adrese gidin). İşte bu, "Menü" adında bir wiki sayfası oluşturdunuz (tabii ki, bağlantıda sayfanın adı olarak "Menü" belirttiyseniz). Bunun gibi bir metin görmelisiniz: “Menü sayfası boş. İçerikle doldurun." Sağda üst köşe bir kalem simgesi () var. Sayfayı düzenlemeye gitmek için üzerine tıklayın.

VK wiki sayfası düzenleyicisinin iki modu vardır: grafik ve işaretleme modu. Modlar, düzenleyicinin () sağ üst kısmındaki düğme ile değiştirilir. Düğme mavi renkte vurgulandığında, düzen modunun açık olduğu anlamına gelir. Görsel düzenleme modu daha uygundur, çünkü wiki işaretlemesinin sözdizimini bilmeden yapmanıza izin verir, ancak işlevselliği son derece sınırlıdır: içinde yalnızca en basit şeyler yapılabilir. Temel olarak, düzen modu ile uğraşmak zorunda kalacaksınız.

İki şeye dikkat edin. İlk olarak, düzenleme modları arasında geçiş yapmak için düğmenin solunda, wiki işaretlemesi () hakkında yardım bilgilerini çağırmak için bir düğme vardır. Özellikle yeni başlayanlar için çok faydalı bir şey. Dikkat edilmesi gereken ikinci nokta ise wiki sayfasının adresidir. Tarayıcınızın adres çubuğunda şöyle bir şey göreceksiniz:

http://vk.com/page-Grup kimliği _XXX? act = düzenle ve bölüm = düzenle

Adresin "?" öncesindeki kısmı wiki sayfanızın adresidir. Bir yere yazın: VK'da wiki sayfalarınızın bir listesini ve bunlara bağlantılarını görmenin bir yolu yoktur. İstediğinize gitmek için adresini bilmeniz veya tekrar bir wiki sayfası oluşturmak için bağlantıyı kullanmanız gerekir. İkinci yöntemi kullanırken, zaten varsa sayfaların, yeniden oluşturulmaz.

Adım 2. VKontakte grubu için basit bir menü yapmak

Böylece Menü wiki sayfamızı oluşturduk. Düzenleyici işaretleme moduna geçin ve aşağıdaki kodu ekleyin:

Editörün altında bulunan "Önizleme" düğmesine tıklayın. Üç bağlantıdan oluşan bir liste görmelisiniz. İlk ikisi haricidir ve sırasıyla Yandex ve Google'ın ana sayfalarına yönlendirir. Üçüncü bağlantı dahilidir. "1" kimliğine sahip VK halkına yol açar (bu, geliştiriciler için resmi VK grubudur). Önizlemeniz size (tıklayabileceğiniz) bağlantıları değil de kodu gösteriyorsa - sonra kodu görsel düzenleme modunda girdiniz, düzen modunda değil. Dikkat olmak!

Lütfen VK wiki kodundaki harici bağlantıların tek parantez ve dahili bağlantıların - çift parantez ile biçimlendirildiğini unutmayın. Aynı zamanda, dahili VK bağlantıları, normal web sitesi adresi olarak değil, belirli bir VK nesnesine işaretçi olarak belirtilir. Örneğin, bir gruba yönelik bir işaretçi aşağıdaki gösterime sahiptir:

kulüp Grup kimliği

VKontakte'de yalnızca gruplara değil, aynı zamanda bireysel fotoğraflara, gönderilere, wiki sayfalarına, kullanıcı sayfalarına, ses kayıtlarına vb. Her işaretçinin kendi gösterimi vardır. Bazılarını daha sonra kullanacağız ve onlara daha yakından bakacağız.

Sayfayı kaydettiğinizden emin olun. Temel olarak, basit bir gezinme sayfası oluşturduk. Hangisi en basitinden başka bir şey değil VKontakte grubu için menü... Tabii ki, bu henüz bir grafik menü değil, ancak menünün ana göreviyle bile başa çıkabilir - kullanıcıları hızlı bir şekilde istenen halka açık yere yönlendirmek. Biraz sonra grafik menünün nasıl yapılacağına bakacağız.

Şimdi wiki sayfalarını nasıl ve nerede kullanabileceğinizi bulalım.

Aşama 3. VKontakte wiki sayfalarını nereye gönderebilirim

İki ana yer vardır: Bir wiki sayfasına bağlantı içeren bir gönderi oluşturabilir veya bunu topluluğunuzun İçerik bölümüne yerleştirebilirsiniz.

İlk seçenekle başlayalım. Grup duvarınıza yeni bir gönderi eklemeye başlayın. İlk önce herhangi bir fotoğrafı ona ekleyin. Genişliği yüksekliğinden daha büyük olan yeterince büyük bir fotoğraf çekmek daha iyidir. Daha sonra basit bir menü ile oluşturduğunuz wiki sayfasına link oluşturduğunuz yazının metnine yapıştırın. Sizden biraz önce yazmanızı istedik. Bağlantının şöyle göründüğünü hatırlayın ( farklı numaralara sahip olacaksın):

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

Şimdi metni kaldır giriş alanından bağlantılar. Fotoğrafın altındaki bağlantının kendisi bundan kaybolmayacak. Ancak bağlantının URL'sini metin kutusuna bırakırsanız, gönderide metin olarak görüntülenecektir. Gönderiyi yayınlayın, tarayıcı sayfanızı grubunuzun ana sayfasıyla yeniden yükleyin ve oluşturulan gönderiyi sabitleyin. Sayfayı tekrar yükleyin. Bu manipülasyonların bir sonucu olarak, şöyle bir şey almalısınız:

Sabitlenmiş gönderideki fotoğrafa tıklayın: wiki sayfanız basit bir grup menüsü ile görünmelidir.

Böylece wiki sayfalarının gönderilere eklenebileceğini öğrendik. Özellikle - atanan göreve. Wiki işaretlemesini kullanabileceğiniz ikinci yer Malzemeler bölümüdür.

Topluluk ayarlarına gidin ve orada topluluğun bölümlerinin (hizmetlerinin) yönetimini bulun. İçeriği Sınırlı olarak işaretleyin. Artık topluluk ana sayfanızın en üstünde yeni bir öğe görünecek. "Bilgi" öğesinin sağında bulunur. Malzemeleri bir gruba ilk eklediğinizde, bu öğe varsayılan olarak "Son Haberler" olarak adlandırılır. İşte böyle görünüyor:

Bu yeni öğeye gidin. "Düzenle" plakasına tıklayın. Sonuç olarak, kendinizi zaten bildiğiniz wiki sayfası düzenleyicisinde bulacaksınız. Tek fark, bir sayfa başlığı giriş alanı olmasıdır. "Taze Haberler"den "Menü2"ye değiştirin. V işaretleme düzenleme modu aşağıdaki kodu girin:

"" "" Malzemeler "bölümü için menü seçeneği" ""


[]

Bir önizleme yapın (bize aşina olduğumuz bağlantılar görünmelidir) ve sayfayı kaydet... Temel olarak bu sayfa, grubunuz için ana (kök) wiki sayfasıdır. Doğru, diğer wiki sayfalarından bu farkın özel bir pratik anlamı yoktur.

Grubunuzun ana sayfasına gidin, yeniden yükleyin ve ne olduğunu görün. Grubunuzu bir mobil tarayıcıdan ve VK uygulamasından izlemenizi öneririz. Elemanların düzeninin ve çalışma mantığının her yerde biraz farklı olduğunu fark edeceksiniz. Neyin neyi ifade ettiğini, nerede ve nasıl gösterildiğini iyi anlamanız gerekir.

Menülerin iki yere yerleştirilebileceğini öğrendik. Hem sabit giriş şeklinde hem de "Malzemeler" bölümünde yapılması tercih edilir. İki şeyi hatırla:

  • Sabitlenmiş bir gönderi, ziyaretçilerinizin %98'i tarafından görülecektir ve yalnızca en meraklılarının %25-40'ı ve grubunuzun yararlı bir şey olduğunu bilen sadık eski kullanıcıları bu bölüme girecektir.
  • Menüyü çağırmak için resimli sabitlenmiş bir gönderi, metinle desteklenebilir. Bu şekilde bu sabitlenmiş kayıt özelliğini kaybetmezsiniz. Ancak aşırıya kaçmamalısınız: metin ne kadar fazlaysa menünüzü açmak için bağlantı o kadar düşük olacaktır.

Wiki işaretlemesi ne en güçlü araç ne de en kullanıcı dostudur. İşlevselliği ciddi şekilde sınırlıdır. Ek olarak, VKontakte'nin geliştirilmesinin başlangıcında ve yalnızca sabit bilgisayarlarda ve dizüstü bilgisayarlarda tarayıcı sürümü için geliştirildi. Bu nedenle, uygulamadaki ve mobil cihazlardaki çalışmaları en iyi "Allah onu ruhuna koyacak" ifadesi ile tanımlanır. Ne yazık ki, henüz VK'da daha iyi bir şey yok.

Bu arada. Bir wiki sayfasından diğerine bağlantı verebilirsiniz. Şu şekilde çalışır: kullanıcı (örneğin, gönderideki resim bağlantısını kullanarak) ilk wiki sayfasını açar. Ayrıca diğer wiki sayfalarına bağlantılar içerir. Bu bağlantılara tıklamak, ilgili wiki sayfasını açacaktır. Bu şekilde oldukça karmaşık ve çok seviyeli menüler ve örneğin talimatlar oluşturabilirsiniz. Ancak, gereksiz yere buna fazla kapılmanızı tavsiye etmiyoruz.

Adım #4 VKontakte grubunda menü nasıl yapılır. grafik

Böylece, temel ilkelere hakim olunur. Şimdi bir grafik menü tasarlamaya geçelim. Hemen bir rezervasyon yapalım, oldukça basit bir menü yapacağız: bağlantıları olan dikey bir düğme sırası. Ancak "hayır, süper karmaşık bir menü istedim" demek için acele etmeyin ve bu kılavuzu kapatın. Şimdi nedenini açıklayalım.

İlk olarak, basitten karmaşığa geçmek genellikle yeni bilgide ustalaşmanın en etkili yoludur. Nispeten basit bir menü yapmayı öğrendikten sonra, VK grupları için menü oluşturma tekniklerinin %90'ını öğreneceksiniz.

İkincisi, daha önce de söylediğimiz gibi, VK wiki işaretlemesi, mobil uygulamaları çok az kişinin duyduğu bir zamanda tanıtıldı. Koşullu "basit" menümüz her yerde mümkün olduğunca doğru ve verimli çalışacaktır: VK'nın tarayıcı sürümünde, mobil tarayıcılarda ve son olarak uygulamada. Birçok "karmaşık" menü bununla övünemez. Ayrıca, çoğu durumda “basit” bir menü, resmi VKontakte uygulamasında görüntülendiğinde “parçalanan” “karmaşık” bir menüden daha iyi çalışır. Çoğu zaman, bu menü seçeneğinde durmak en iyisidir. Evet, oldukça süslü menü uygulamaları var. Onlarla da deney yapabilirsiniz. Ancak deneyimlerimiz, dönüşümler, satın almalar ve itibar gibi gerçek bir fayda sağlamayacaklarını söylüyor. Ve sorunları olabilir.

Test menümüz şöyle görünecek:

Sadece iki düğme. Birincisi "Yandex" in ana sayfasına, ikincisi - VK Team VKontakte grubuna götürecek.

VK'daki dikey grafik menüsü, şeritler halinde kesilmiş bir görüntüdür. Bu şeritler, wiki sayfasında birbirinin altına yerleştirilir. Bu "gruplardan" bazılarına bağlantı atanmıştır. Böyle bir resim bağlantısına tıkladığınızda aslında bu bağlantıya geçiş gerçekleşir. Bir şerit bir bağlantıdır. Bazı bantlara (örneğin, noktalar arasında bulunan ara bantlar), aksine, bir bağlantının yokluğu atanır. Bu tür çizgiler "tıklanamaz" hale gelir.

Bir VK grubu için dikey bir grafik menü yapmak, aşağıdaki eylem dizisine indirgenir:

  • İlk adım menüyü çizmektir. Genişlik kesinlikle olmalı 600 piksel(piksel). Menünün yüksekliğinin 900 pikselden fazla olmamasını öneririz. Sonuç en iyi son çare olarak -JPG olarak PNG formatında kaydedilir. Tanıdık ve rahat çizim araçlarından (Photoshop veya GIMP gibi) yararlanın. Buradaki sonuç, yaratıcı ve teknik becerilerinize bağlı olarak %95'tir. Grafik editörlerini nasıl kullanacağınızı bilmiyorsanız bile, umutsuzluğa kapılmayın. Yeterli olacak beceriler en fazla birkaç saat içinde kazanılır. İnternette çok sayıda referans ve eğitim bilgisi var. Ayrıca az da olsa bir grafik düzenleyici kullanabilmek kamu yöneticileri için çok ama çok faydalıdır. Vaktinizi boşa harcamayacaksınız.
  • Ardından, menü içeren resim yatay şeritler halinde kesilir. Bunu sizin için uygun olan herhangi bir şekilde yapabilirsiniz: tanıdık olandan birçok Photoshop'a ve çeşitli çevrimiçi hizmetlere kadar. Bunu nasıl yapacağınız hakkında hiçbir fikriniz yoksa, favori arama motorunuza bir soru sorun. Kesme işleminin teknik kısmını ayrıntılı olarak açıklamayacağız: Düzinelerce yöntem vardır, bazıları bazı kullanıcılar için uygundur, ancak diğerleri için uygun değildir. Keserken basit bir kurala uyulmalıdır: bir şeridin yüksekliği 60 pikselden az olmamalıdır... Aksi takdirde, menüyü uygulamada ve mobil tarayıcılarda görüntüleme konusunda sorun yaşayabilirsiniz: sözde. Görüntüler arasında "beyaz çizgiler".
  • Dilimlenmiş "şeritler" grup admin sayfasındaki grup albümüne veya albümüne yüklenir. İkinci seçeneği öneriyoruz. Her durumda, menünün dilimlenmiş bölümleri olan albüm, kamusal alanda... Aksi takdirde, albüm resimlerinin bulunmadığı kullanıcılar menünüzü göremezler!
  • Wiki işaretleme kodu oluşturulur ve istenen wiki sayfasına eklenir.
  • Grup, menü içeren bir wiki sayfasına resim bağlantısı içeren sabitlenmiş bir gönderi içerir. Böyle bir gönderi nasıl yapılır yukarıda detaylıca yazdık. Ek olarak, kod (küçük değişikliklerle birlikte) kök wiki sayfasına eklenebilir ("Malzemeler" bölümü etkinleştirildiğinde "Bilgi" öğesinin sağındaki öğe görünür. Daha fazla ayrıntı için yukarıya bakın).

Şimdi menü parçalarını ve wiki kodunu yüklemeye daha yakından bakalım. Sizin için hazırladık. İki katalog içerir: "1" ve "2". Birincisi, menümüz için en ilkel ve basit kesme seçeneğinin parçalarını içerir - iki parçaya. Arşivi indirin, "1" kataloğundaki resimleri (1.png ve 2.png) yeni bir albüme yükleyin (sayfanızda veya bir grupta).

İki "şeritimiz" var: üstteki (Yandex düğmesiyle) ve alttaki (VK komut düğmesiyle). Her ikisi de bağlantı görüntüleri olacaktır. Wiki işaretlemesinde bu, şöyle bir kodla yapılır:

"BAĞLANTI" hedef bağlantıdır. Örneğin, https://yandex.ru/. alışılmışın yanı sıra harici bağlantılar, bu bir VKontakte nesnesinin bir göstergesi olabilir: bir gönderi, bir kullanıcı sayfası veya bir grup. Örneğin, düğmeye bastıktan sonra “VKontakte Ekibi” topluluğuna geçişin gerçekleşmesi için hem adresini (https://vk.com/team) hem de bir işaretçiyi (club22822305) belirtebilirsiniz. Prensip olarak, hiçbir fark olmayacak. Dış bağlantılar (VK kaynaklarına yönlendirmeyen) biz azaltmanızı öneririz kullanarak

Vkontakte sosyal ağını aktif olarak kullanan herkesin güzel tasarlanmış gruplar ve halklarla tanıştığını düşünüyorum. Birçoğunda, menüye ek olarak, birçok stilize iç içe sayfalar, dizinler vb. vardır, bu da aslında sosyal ağın içinde küçük bir site oluşturur.

İşte herkesin bunun ne hakkında olduğunu anlaması için bazı örnekler.




Bu tür gruplar, rakiplerinizden öne çıkmanıza ve daha fazla kullanıcı çekmenize olanak tanır. Özellikle içerik de ilginçse :)
Bu makale çerçevesinde, tüm bunların nasıl yapıldığından bahsedeceğiz. Her şeyi daha ayrıntılı olarak sökmek ve tüm incelikleri incelemek için belirli bir örnek alalım. Grup tasarımında küçük bir ustalık sınıfı olacak.

Çalışmamızın ilk aşaması bir fikirdir. Neyi ve kime anlatmak istediğimizi anlamamız gerekiyor. Temasta çeşitli topluluk biçimleri vardır ve belirlenen görevlere göre seçim yapmaya değer. Gelecekte, grup genel bir biçime dönüştürülebilir ve bunun tersi de mümkündür.

Bunu parmaklarımla açıklıyorum. Halk- bu bir blogla karşılaştırılabilecek bir şey. Zaman çizelgesi. Yani abonelerimize bazı şeyleri anlatıyoruz ve onlar topluluğumuzun duvarına yazamayacaklar. Maksimum yorum yapmaktır.

Grup insanların akışta kendi adlarına gönderi paylaşabilecekleri, konuşma ve tartışma için daha açık bir topluluk oluşturmanıza olanak tanır. Ayrıca listenizden arkadaşlarınızı da buna ekleyebilirsiniz. Kamuda böyle bir imkan yok. Ek olarak, grubun wiki işaretlemesini entegre etmek için biraz daha fazla seçeneği vardır (menüyü entegre edebileceğiniz bir "Haberler" bölümü vardır).

Global olarak şu şekilde düşünebilirsin: Mağaza için bir topluluk oluşturmamız gerekirse, o zaman "genel" formatı alırdım. Örneğin, balıkçılık meraklıları hakkında konuşuyorsak, bir "grup" almak daha iyidir. Yine de herkes uygun gördüğü gibi yapmakta özgürdür. Sonuçta, format herhangi bir zamanda değiştirilebilir. Ancak, Vkontakte'nin topluluk biçimini yeniden değiştirme konusunda bir kısıtlama getirdiğini ve ilk seferden sonra gerekirse her şeyi geri alabilmeniz için birkaç gün beklemeniz gerekeceğini unutmayın. Bu nedenle, grup içerikle dolmaya başlamadan önce işlevselliği test etmek daha iyidir.

Bu ustalık sınıfının bir parçası olarak, sadece birkaç hafta önce vizyona giren aynı adlı filme dayanan Mad Max oyununu başlangıç ​​noktası olarak alacağım ve bu oyunda çeşitli materyallere sahip oyuncular için bir topluluk oluşturacağım. . Ana amaç, oyun sitenize trafik çekmektir.

Doğal bir izleyici akışı oluşturmanız ve topluluk içindeki iletişimi en üst düzeye çıkarmanız gerektiğinden, biçim "Grup" olacaktır. Hem grup formatında hem de halka açık olarak uygulanabilecek evrensel bir teknik kullanacağımı hemen açıklayacağım. Her yerde çalışır.

Çok fazla içerik var, fikri hayata geçirmeye başlıyoruz!

Grup oluşturma

Bir grup oluşturmak için Vkontakte hesabınızın sağ menüsündeki "Gruplarım" a gidin ve "Topluluk oluştur" un üstündeki mavi düğmeyi tıklayın.

Grubumuzun adını girdiğimiz ve formatı seçtiğimiz bu pencere görünmelidir.

Gerekli bilgileri girdikten sonra önümüze topluluğumuz için bir kontrol paneli açılıyor. Benim durumumda, buna benziyor.

Gördüğünüz gibi, birkaç parametre ekledim: İçerik toplarken, video, ses kayıtları, tartışmalar ve gelecekteki çalışmalarımda bana faydalı olacak bir dizi başka özellik ekledim. Bütün bunlar herhangi bir kısıtlama olmaksızın daha da değiştirilebilir. Sitemin adresini de kaydettim. Bir siteniz yoksa veya konusu topluluk formatına uymuyorsa (bunlar farklı şeyler hakkındadır ve birbirleriyle hiçbir şekilde ilişkili değildirler), bu satır boş bırakılabilir.

Bu durumda, geliştiricilerin oyun için koyduklarına benzeterek 18 yaş sınırlarını belirledim. Gerçi çocukların da oynadığından neredeyse hiç şüphem yok.

Her şey. Grup oluşturuldu!

Şimdi onu tasarlamaya başlayabilirsiniz.

Vkontakte grup tasarımı

Bu aşama 2 bileşene ayrılabilir: grafik ve teknik. Çalışmak için, bir grup avatarı ve bir menü oluşturmak için bir şablona, ​​ayrıca biraz hayal gücü ve Photoshop (aka Adobe Photoshop) hakkında temel bilgilere ihtiyacımız var.

İşaretleme şablonu

Şablon nedir ve genel olarak nedir? Şablon bir tür boşluktur. Bu durumda * .psd formatında menü ve grubun avatarları altında resim için alanları işaretledik.

Bu yazının başındaki ikinci örnekte de göreceğiniz gibi avatar ve menü resmi için tasarımı aynı tarzda yapabiliriz. Aynı zamanda görsel olarak 2 parçaya böler. Böylece şablon, grafiklerin yer değiştirmesini ortadan kaldıracak ve resimleri mümkün olduğunca tek bir düzeye sığdıracak şekilde bir görüntü oluşturmanıza olanak tanır.

Daha açık hale getirmek için, işte bir örnek.

Yerleşim alanına bakan resmin her iki tarafında bir şerit olduğunu görebiliriz. Bir şablon kullanmadan tam olarak ilk kez yapmak neredeyse imkansızdır. Tutarsızlıkları 1 piksele kadar ölçerek görüntüleri ayarlamanız gerekecek. Oysa bir şablon kullanırken, işaretleme içinde ona grafikler ekleriz ve hemen istenen sonucu alırız.

Bu şablonun açıklama kısmında 1 satır için tasarlandığını belirtmek isterim. Örneğin ekran görüntüsünde telefonlar var. İkinci satır belirirse, farklı bir şablon kullanmanız veya tasarımı manuel olarak düzeltmeniz gerekir.

Bu arada direkt olarak yeni grubumuzun grafik tasarımına geçiyoruz. Burada en az dirençli yolu seçiyorum ve tasarım parçalarını bulmak için Google Görseller'e gidiyorum. Yandex'i de kullanabilirsiniz. Kim neyi daha çok sever.

Tasarım eğitimim yok, bu yüzden yazı tipi ve diğer önemsemelerin seçimi üzerinde ayrıntılı olarak durmayacağız. Photoshop'ta biraz sihirden sonra aşağıdaki sonucu aldım.

Sol parçada ("Menü" yazısının olduğu yerde), birkaç tetikleyici de ekleyebilirsiniz. Bu durumda, onlarsız yapmaya karar verdim. Her şey. Avatar tasarımı hazır. Photoshop'ta Shift + Ctrl + Alt + S kısayol tuşlarına basın ve parçalarımızı sabit sürücünüzdeki bir klasöre kaydedin.

Grafiklerle çalışmanın ilk aşaması tamamlandı. İletişime dönüyoruz.

Grup için avatar ve menüyü ayarlama

Grubumuzun ava'sının olduğu yerde iki türe tıklıyoruz ve oraya imajımızı yüklüyoruz. Bu adamlar, altlarında da "Fotoğraf yükle" yazıyor.

Bir resim ekleyin. Alanları belirtin ve küçük resmi seçin. Burada her şey basit ve sorun olmamalı.

Gördüğümüz gibi, topluluk kimliğini bilmeniz gerekiyor. Bunu öğrenmek çok kolay. Menüyü grubumuzda (avatarın hemen altında) buluyoruz ve "Topluluk istatistikleri" ni açıyoruz. Bu durumda, tarayıcının adres çubuğunda benzer bir şey görünecektir (sayılar farklı olacaktır).

"? Gid ="'den sonraki bu sayılar istenen grup kimliğidir. Ortaya çıkan değeri script formuna ekliyoruz ve oluşturmak istediğimiz sayfanın adını yazıyoruz. Bu durumda, "Menü" de sürüyorum.

Sayfanın, yalnızca yandaki sekmede grubun bulunduğu pencerenin açık olması durumunda oluşturulacağına dikkat edilmelidir. Basitçe söylemek gerekirse, aynı tarayıcıda VK'da oturum açmış olmanız gerekir. Gerçekten de, yalnızca grup yöneticisi ve onlara atanan kişiler bu tür manipülasyonlara erişebilir. Sıradan bir yoldan geçen bir kişi, yönetici panelinde erişimi olmayan bir grubun ayarlarını kolayca alamaz ve değiştiremez.

Her şey doğru yapılırsa, bu sayfa açılacaktır.

Bu, daha sonra wiki işaretlemesini yapacağımız ve grubumuz için dahili bir menü oluşturacağımız penceredir. Şimdilik buraya bir şeyler yazmamız yeterli. Bundan sonra mavi "Sayfayı kaydet" butonuna basıyoruz ve en üstte Sayfaya dön bağlantısına basıyoruz.

Kendime bir "Menü" yazdım ve kaydettikten sonra sayfam böyle görünmeye başladı.

Henüz bir tasarım yok, ancak şimdi sadece bu sayfaya bir bağlantıya ihtiyacımız var. Tarayıcının adres çubuğundan alıyoruz ve grubumuzun ana sayfasına dönüyoruz. Kasetin içine.

Burada aşağıdaki içeriğe sahip bir gönderi oluşturuyoruz: oraya bir resim ve grubun menü sayfasına bir bağlantı ekleyin.

Gönder'i tıklayın. Bundan sonra mesajın gönderilme zamanına tıklıyoruz ve tüm seçenekler arasından "Pin" öğesini seçiyoruz. Sayfayı güncelleriz (klavyedeki F5 tuşu) ve her şey doğru yapılırsa ilk sonucu alırız: grup bir avatar ve menü bölümüne gitmek için bir bağlantı aldı.

Vkontakte grup menüsünün Wiki işaretlemesi

Şimdi menüleri tasarlamaya başlayalım. Photoshop'a geri dönün ve menümüz için bir tasarım oluşturun. Arayüzü tasarlarken, uygulama aracılığıyla cep telefonlarından VK'ya girecek kişileri hatırlamanız gerekir. Başka bir deyişle, küçük unsurlara sahip olmamalıyız ve ayrıca her şeyi mümkün olduğunca netleştirmeye çalışmalıyız. Burada her şeyin nasıl düzenlendiğini ve nereye tıklamamız gerektiğini tahmin etmek zorunda kalmamak için ... sadece istenen noktaya dalın ve gerekli bilgileri inceleyin.

Şimdi menüyü tam olarak nasıl kurduğum konusunda ayrıntılı olarak durmayacağım. Ben de öyle yaptım.

Minimum alan sayısı. Dikey düzen. Duyarlı menüler için ideal format. Yani, cep telefonlarında hiçbir şey hiçbir yere gitmeyecek. Her şey tam olarak bilgisayar ve tablet ekranlarındaki gibi olacak. 500 piksel genişliğini alıyorum, böylece daha sonra hiçbir şey küçülmeyecek ve görüntünün kalitesini iki kez kaybetmeyecek. Yükseklik önemli değil.

Görüntüyü parçalara ayırın ve kaydedin.

Her şey. Son akorun zamanı geldi - menüyü zaten grubun kendisinde topluyoruz.

Bunu yapmak için grubun ana sayfasına dönüyoruz (menüye giden besleme ve bağlantı resmimizin olduğu yer). Menünün resmine fareyi tıklıyoruz ve menü için daha önce oluşturduğumuz sayfaya gidiyoruz.

Grubun yöneticisi veya yaratıcısıysanız (bizim durumumuzda durum budur), sayfanın üst kısmında "Düzenle" bağlantısı olacaktır. Üzerine tıklıyoruz.

Ardından wiki işaretleme moduna geçiyoruz (sayfanın sağ üst köşesindeki kapat düğmesinin altında, böyle bir çerçeve ile çizilir)<>içeri). İstenen mod etkinleştirildiğinde, bu düğme gri renkle gösterilir.

Ardından kamera ikonunu dürterek menümüzün tüm parçalarını tek seferde ekliyoruz. Wiki modunda, resimlerin kendisini görmeyeceğiz, sadece bu resimlerin boyutları ve parametreleri ile kodu.

Menüyü, parçalar arasında boşluk kalmayacak şekilde merkeze yerleştirmek istiyorum. Bu nedenle, öğelerin her birini bir etikete sarıyoruz

ve zaten iç içe geçmiş "noborder" parametresine "nopadding" ikinci parametresini ekliyorum. İlki, tablo hücrelerinin parçalarının ve kenarlıklarının vuruşunu devre dışı bırakır. İkincisi, kenardaki dolguyu kaldırır.

İlk ve son menü öğeleri düğmeler olmamalıdır - benim resmimde bu yalnızca dahili bir sayfaya bağlantısı olmayan bir grafik öğesidir, bu nedenle onlara "nolink" parametresini ekliyoruz. Bu, resmin bir parçasını ayrı bir pencerede açmak için bu öğeye tıklama özelliğini kaldıracaktır. Şimdi bir fare tıklamasından hiçbir şey olmayacak. Bu normal bir sayfa arka planıdır. Etkin değil.

Benim durumumda, menü kodu şöyle görünüyor.

Ayrı olarak, resimleri VK'ya aktardıktan sonra gömülü sistemin bazen görüntülerin boyutunu yanlış gösterdiğini belirtmek isterim. Bu nedenle, bunu yakından izlemeniz ve tasarımın tasarım aşamasında tam olarak planladıklarımızı sergilemeniz gerekiyor. Aksi takdirde, her şey ters gidebilir ve bulmaca sonunda çalışmayacaktır.

Kodu yazıp tüm öğeleri hizaladığımızda, sayfayı kaydedip Photoshop'takiyle aynı şeyi görüyoruz.

Son dokunuş kalır - menümüzün insanları göndereceği sayfaları oluşturmanız gerekir. Bunu yapmak için tekrar wiki sayfaları oluşturmak için komut dosyasına döneceğiz ve bu sefer aynı anda üç sayfa sipariş edeceğiz. Bu durumda, her birine bir şeyler yazmanız ve adreslerini tarayıcının adres çubuğundan bir yere kaydetmeyi unutmayın.

Daha sonra menünün wiki koduna page-102302049_51013384 şeklinde yeni sayfalara bağlantılar ekliyoruz, burada ilk sayı grup kimliği, ikincisi sayfa numarası. Bununla birlikte, bu genellikle önemli değildir. Sonuçta, bu URL parçasını kopyalamamız ve işaretlemeye yapıştırmamız yeterli.

Sonuç olarak, menü kodu aşağıdaki formu alır.

Dıştan, hiçbir şey değişmedi. Ancak menü öğelerine tıkladığımızda artık çalıştığını görebiliriz!

İşaretlemenin kendisine ve kodun yazıldığı kurallara gelince, bu konuya özel olarak ayrılmış Vkontakte grubunu okumanızı tavsiye ederim. Adamlar tüm önemli noktaları açıkladılar ve kataloglarında gerekli öğeyi kolayca bulabilir ve onu wiki sayfanıza nasıl ekleyeceğinizi anlayabilirsiniz.