Wiki işaretlemesi VKontakte sayfası örnekleri. Dinamik kapak örnekleri. Sayfa başlığı nasıl tasarlanır

Gördüğünüz gibi, sorunun cevabı: “VK'da bir grupta menü nasıl yapılır?” çok hafif.

Projenizi tanıtırken Wiki işaretlemesinin önemi

Bu gelişmeleri kullanmak, gruba atmosferik bir görünüm kazandırmanıza ve bir rahatlık hissi yaratmanıza olanak tanır. Tabii ki, tam teşekküllü bir tasarım için sayfanın temasını da belirleyebilmek gerekir, ancak bu henüz sosyal ağda uygulanmadı. Bu nedenle, bu satırları okuyanlar, VK'da bir grupta nasıl menü yapılacağıyla boşuna ilgilenmediğinizi bilirler.

Çözüm

Artık okuyucular, VK grubunda bir menünün nasıl güzel olacağını biliyorlar. Gördüğünüz gibi, bu işlevsellik kullanışlıdır ve aynı zamanda uygulanması oldukça kolaydır. Ancak bir menü oluşturmadan önce neyin, nasıl düzenlenmesi ve neyin vurgulanması gerektiğini düşünmeniz gerekir. Sonuçta, yanlış optimizasyon işleri daha da kötüleştirebilir.

İş örnekleri yayınlayabileceğiniz, blog yazabileceğiniz ve hizmetlerinizin reklamını yapabileceğiniz bir yer mi almak istiyorsunuz? Genellikle bu amaçlar için bir web sitesi oluşturulur. Ancak daha basit bir çıkış yolu daha var - wiki işaretlemeli bir Vkontakte grubu. Bu yazıda nasıl oluşturulacağını anlatacağım.

Pratik yapın ve daha fazla pratik yapın! Süreci gerçek bir grup örneğinde anlatacağım - Fütüristik metin yazarlığı.

Vkontakte için yeni bir tasarımla çalışıyorum. Eskisi yakında modası geçmiş olacak - bu yüzden dikkate almayacağım. Her durumda, süreç çok farklı değil.

Yapmanız gereken ilk şey yeni bir grup oluşturmaktır:

• "Gruplar" bölümünü açın.
• "Topluluk Oluştur" düğmesine tıklayın.

Yeni bir topluluk oluşturuyoruz

• Başlığı girin. Herhangi birini belirtin - istediğiniz zaman istediğiniz kadar değiştirilebilir.
• Şimdi topluluk türünü seçin: grup veya genel sayfa. Fark yukarıda açıklanmıştır.

Grup mu yoksa genel sayfa mı?

• Topluluk Oluştur'u tıklayın.
• Burada belirtilen başlığı değiştirebilir ve sayfa türünü seçebilirsiniz (ayrıca istediğiniz zaman değiştirebilirsiniz).
• Site Kullanım Koşullarını kabul etmeyi unutmayınız.

Bir sayfa türü seçin

• Sayfa Oluştur'a tıklayın.

Yaşasın, topluluk oluşturuldu!

Topluluk Bilgilerini Düzenleme

Yeni bir grup oluşturduktan hemen sonra "Bilgileri Düzenle" sayfasına yönlendirileceksiniz. Burası ne:

• İsim. Açıklamanın gerekli olduğunu düşünmüyorum. Tek gerekli alan.
• Topluluk Açıklaması. Kendiniz ve grubunuz hakkında birkaç kelime yazın. Fazla yazmaya değmez - kimse okumaz.

Ad dışındaki tüm alanlar boş bırakılabilir.

Daha fazla ayar

Ayarları tamamladığınızda "Kaydet"i tıklayın.

Grup oluşturuldu

Şimdi ana resmi yükleyebilirsiniz. Sağdaki "Fotoğraf Yükle"ye tıklayın.

Sayfa için bir resim yükleyelim

Görüntüdeki yolu belirtin. Logonuzu, fotoğrafınızı koyun veya oraya özel bir şey çizin (sipariş edin). Topluluğun ana resmi olacak alanı seçmek için çerçeveyi kullanın.

İstediğiniz alanı bir çerçeve ile vurgulayın

Şimdi grubunuzun küçük resmi olacak küçük bir yuvarlak alan seçin.

Dairenin boyutu da değiştirilebilir.

İşte elimizdekiler. Sayfa %35 daha çekici hale geldi!

Güzellik!

durumunu unutma. Orada da ilginç bir şeyler yazabilirsiniz. Örneğin, sloganınız veya iletişim bilgileriniz. Ya da bugün izin gününüz olduğuna dair bir duyuru.

Hazırlık çalışmasının bittiği ve en zor kısmın başladığı yer burasıdır - wiki işaretlemesi.

Grup kimliği nasıl bulunur

Bir menü, bir blog yazısı, çalışma örnekleri içeren bir liste - tüm bunları wiki sayfalarını kullanarak oluşturacağız. Vkontakte, yeni bir sayfa oluşturmak için araçları olmayan iğrenç bir hizmettir. Bunun yerine, komut dosyalarını kullanmanız gerekecek. Korkmayın, zahmetli de olsa basit.

Komut dosyası için grup kimliğinizi bilmeniz gerekir. Adresini değiştirmediyseniz, bunlar adres çubuğundaki "club" kelimesinden sonra gelen numaralardır. Zaten değiştim, bu yüzden kimliği almanın bu kadar kolay bir yolu benim için mevcut değil.

Açmak için duvardaki herhangi bir gönderiye tıklayın. Hiçbir şey yoksa, bir şeyler yazın. Herhangi bir şey.

Herhangi bir gönderi oluşturun ve üzerine tıklayın

Adres çubuğunda yeni veriler görünecektir. "duvar-" ve "_" (alt çizgi) arasındaki ortadaki sayfa kimliğinizdir. Bir yere kaydedin.

Kimliğim 124301131

Bir wiki sayfası oluşturun

Artık wiki işaretlemesi ile yeni sayfalar oluşturmak için komut dosyasını kullanabilirsiniz.

http://vk.com/pages?oid=-124301131&p=Ad

Bunu kopyalayın ve tarayıcınızın adres çubuğuna yapıştırın. Kimliğimi seninkiyle değiştir. Ve "Ad" kelimesi yerine oluşturulan sayfanın adını yazın. Rus dilini, boşlukları, sayıları kullanabilirsiniz. Ardından bağlantıyı takip etmek ve komut dosyasını çalıştırmak için Enter tuşuna basın.

Dikkat olmak! Bir wiki sayfasının adı değiştirilemez. Yazım hataları varsa, yeni bir tane oluşturmanız gerekecektir.

Önce ana sayfayı yapalım. Adını "Menü" koydum.

Komut dosyasını adres çubuğuna kopyalayın

İçerikle Doldur'a tıklayın.

Sayfa düzenleyicisini açın

İşte sayfa editörü. Ama şimdilik ona değil, bir bağlantıya ihtiyacımız var. Adres çubuğuna bakın. "?act=edit§ion=edit" kelimesine kadar her şeyi istiyorsunuz.

Sayfa kimliğini ve bağlantısını kaydettiğinizden emin olun.

Bu çok önemli bir konu. Yeni sayfa henüz hiçbir yere sabitlenmedi ve hiçbir bağlantı ona yönlendirmiyor. Kapatırsanız kaybedersiniz.

Grubunuzun yapısını saklayacak ayrı bir dosya oluşturmanızı tavsiye ederim. "Başlık - bağlantı - sayfa kimliği" biçiminde yapın. Kimlik "page-124301131_50771728"dir. Yine de ihtiyacın olacak.

Örneğin, kulak misafiri grubumun yapısı burada. Menü ve 2 sayfa daha. Ayrıca yeni sayfalar oluşturmak için buraya bir komut dosyası attım. Bulmayı kolaylaştırmak için.

Kaybetmemek için tüm bağlantıları ve kimlikleri ayrı bir dosyaya kaydedin

Ya yalnızca sayfa kimliğini kaydettiyseniz, ancak bağlantıları unuttuysanız? Adres çubuğuna "https://vk.com/page-124301131_50771728" adresini girin. Doğal olarak, sayfanızın kimliğini değiştirin.

Wiki'yi bir gruba sabitleme

Ana sayfanın kendisini zaten oluşturdunuz. Şimdi toplumun en tepesinde sabitlenmesi gerekiyor. Bunu yapmak için, bağlantıyı sayfaya kopyalayın ve duvardaki bir mesaja yapıştırın. Vkontakte otomatik olarak bir düğme bağlantısı oluşturacak ve gönderinin altına ekleyecektir.

Bağlantıyı gönderideki sayfaya kopyalamanız yeterlidir

Metin bağlantısı kaldırılsa bile düğme kalacaktır

Bir görüntü yükle. Maksimum görüntü genişliği 510 pikseldir. Maksimum yükseklik de 510 pikseldir. Bu değerler içinde her şeyi yapabilirsiniz. 510x510 kare, yapabileceğiniz en büyük afiştir. Bu sadece sabitlenmiş gönderiler için değil, tüm gönderiler için geçerlidir.

şöyle bir şey yaptım

Gönder'i tıklayın. Şimdi gönderinin sağ üst köşesindeki üç nokta simgesine tıklayın. Ve "Sabitle" ye tıklayın.

Şimdi gönderiyi bir bağlantıyla sabitleyin

Aynı şekilde makaleleri wiki blogunuzda da duyurabilirsiniz. Sadece onları tutturmana gerek yok.

Sayfayı yenile. Grup bilgileri kayboldu. Bunun yerine, oluşturduğunuz bir gönderi, bir bağlantı ve bir resim ile ortaya çıktı.

Resme tıklamak ekli wiki sayfasını açacaktır

Resme veya "Görüntüle" düğmesine tıklarsanız, wiki sayfası açılacaktır.

Şimdiye kadar boş

Şimdilik ana konuya dokunmayacağız. Diğer sayfalara henüz sahip değiliz. Link verecek bir şey yok. Önce başka şeyler yapalım.

Vkontakte wiki sayfa düzeni

Mevcut tüm düzen etiketlerini açıklamayacağım. Her şey benden önce yazılmış zaten. Orada resmi grup Vkontakte, wiki işaretlemesine adanmış. İçinde her şeyi bulabilirsiniz. Her şey konuya göre sıralanmıştır - alın ve uygulayın.

Bu gruptaki bilgileri pratikte nasıl uygulayacağınızı size göstereceğim. Hakkımda sayfası oluşturalım. Başlamak için bir komut dosyası kullanarak oluşturun, kimliği yazın ve düzenleme sayfasına gidin.

Düzenleme sayfasında 2 mod vardır: normal ve işaretleme modu. Her nedense, olağan olan acımasızca hatalıdır - sürekli olarak bağlantıları koparır. Ve içindeki fonksiyonların çoğu mevcut değil. Bu yüzden çalışmamaya çalışıyorum. Wiki işaretleme moduna geçmek için simgeye tıklayın<>sağ üst.

Wiki işaretleme moduna geç

Hakkımda sayfasında ne olmalı? Bazı bilgiler, diğer metin yazarlarına göre avantajların bir listesi, belki bir fotoğraf. Haydi Yapalım şunu.

Önce metni yazın. Şahsen, favorime yazmak ve ardından Vkontakte editörüne kopyalamak benim için daha uygun. Her değişiklikten sonra "Sayfayı Kaydet"e tıklamayı unutmayın.

Şimdi bir fotoğraf ekleyelim. Kamera simgesine tıklayın ve görüntünün yolunu girin.

Araç çubuğundaki kamera simgesine tıklayın

İşte fotoğrafımız

Metnin görüntünün etrafına sarılmasını istiyorum, bu yüzden ona bir "sol" parametre ekleyeceğim. İnsanların fotoğrafın tam sürümünü açmasını istemiyorum, bu yüzden "nolink" özelliğini ekledim. Yukarıda bağlantı verdiğim gruptaki özellikler hakkında daha fazla bilgi edinin.

"nolink" ve "sol" parametreleri ekleme

Sonucu görmek için - düğmesini kullanarak normal moda gidin<>.

çok güzel değil

Fotoğrafı küçültelim. İşaretleme modunda ihtiyacınız olan boyutları yazmanız yeterlidir. Değerleri orjinallerinin yarısı kadar belirttim.

Wiki düzeni modunda istediğiniz boyutları belirtin

Şimdi bir liste yapalım. Gerekli satırı vurgulayın ve liste simgesine tıklayın.

Bu düğme, bir liste öğesi oluşturan * etiketini koyar

Başına bir "*" gelecek. Bu liste etiketidir. Manuel olarak ayarlayabilir veya araç çubuğundaki düğmeyi kullanabilirsiniz. Listenin geri kalanını kontrol edin.

zaten daha güzel

Şimdi başlıkları vurgulamamız gerekiyor. Araç çubuğunda H1-H3 başlıklarını tasarlamak için düğmeler bulunur.

Düğmeleri kullanın veya etiketleri manuel olarak ayarlayın

"Hakkımda" başlığını ilk seviye yapacağım. Ve listenin önündeki ifade üçüncü seviyededir.

Neredeyse bitti

Her şey neredeyse iyi, ancak ikinci başlık resimden biraz çıktı. Boş bir satır eklemeniz gerekiyor. Wiki işaretleme modunda bu, etiketi kullanılarak yapılır.
.

Boş satır ekleme

Yalnızca 1 satır atlamanız gerekiyorsa -
bunun için gerekli değil. Arka arkaya 2 veya daha fazla boş satır almak istiyorsanız kullanılır.

Belki bazı kelimeler kalın harflerle vurgulanabilir. İstediğiniz parçayı seçin ve "B" düğmesine basın veya Ctrl + B tuş kombinasyonunu kullanın.

Ctrl+B de çalışır

İşte sonunda olanlar.

bence iyi

Portföy yapma Vkontakte

Şimdi müşteriler için uygun bir portföy yapalım. 2 yol görüyorum:

• Ekran görüntüleri içeren albümler ve her birine bağlantı içeren bir liste sayfası oluşturun.
• Her iş için ayrı bir sayfa ve bir liste sayfası oluşturun.

Örneğin, portfolyoda 2 eser tasarlayacağım - her biri kendi tarzında.

portföy albümü

Bir albüm oluşturmak için Topluluğu Yönet menüsünü açın.

Topluluk ayarlarına git

Burada, "Fotoğraf Albümleri"nin yanındaki kutuyu işaretleyin. Şimdi onları oluşturabilirsiniz. Değişikliklerinizi kaydedin.

Fotoğraf albümleri içeren bir blok ekleyin

Topluluk sayfasında, "Fotoğraf ekle" düğmesini tıklayın ve istediğiniz dosyaların yolunu belirtin.

Çalışmamızın ekran görüntülerini albüme ekleyin

Diyelim ki ekrana sığmayan yazıların ekran görüntüsünü nasıl alırım ile ilgili portfolyoma bir yazı eklemek istiyorum. Bunu yapmak için makalenin ekran görüntüsünü alıyorum ve bir grafik düzenleyicide küçük parçalara ayırıyorum.

Ne için? Çünkü aksi halde resimdeki metin çok küçük ve okunamaz olacaktır. Böyle bir portföyden çok az anlam var. Ve böylece onu normal boyutta bir grup ayrı parçaya böldüm ve ayrı bir Vkontakte albümüne ekledim.

4 adet metin ve bir küçük resmim var. Herhangi bir resmin üzerine gelin ve "Fotoğrafı Taşı" simgesine tıklayın.

Yeni resimleri yeni bir albüme taşıyın

Yeni bir albüm oluşturun.

"Yeni Albüme" tıklayın

Albüme makaleyle aynı başlığı verin. Bulmayı kolaylaştırmak için. Açıklamaya ihtiyacınız yok. Ayrıca "Fotoğraflar yalnızca editörler ve yöneticiler tarafından eklenebilir" ve "Albüm yorumunu devre dışı bırak"ın yanındaki kutuları da işaretleyin. Albüm Oluştur ve Aktar'a tıklayın.

Albüme bir ad verin ve diğer kullanıcıların değiştirmesini önleyin

Kalan ekran görüntülerini de aynı şekilde aktarın. Ancak şimdi yeni bir albüm oluşturmanıza gerek yok - zaten var.

Listeden önceden oluşturulmuş bir albüm seçin

İşte bitirdik.

Metin parçaları içeren albüm

Sonraki albümler için transferle birlikte böyle bir hemoroid olmayacak. "Fotoğraf Albümleri" üzerine tıklayın.

Grubunuzun albüm listesini açın

Şimdi sağ üst köşedeki "Albüm Oluştur" düğmesine tıklayın. Bir ad verin ve "Fotoğraf Ekle" düğmesini kullanarak ekran görüntülerinin yeni bir bölümünü oraya yükleyin.

Portföydeki yeni metin için bir albüm oluşturun

İşte bu, şimdi 2 makalenin ekran görüntülerini saklayan 2 albümümüz var. Yeter, belki.

Ekran görüntüleri içeren 2 albüm

Bir Portföy sayfası oluşturun ve kimliğini not edin. Üzerine eserlerin kendilerini yerleştirmeyeceğiz - sadece başlıklar, küçük resimler ve kısa açıklamalar.

"Fotoğraf Ekle" simgesine tıklayın.

Sayfaya yeni resim ekleme

"Topluluk Fotoğraflarından Seç"e tıklayın. İstediğiniz albümü açın ve küçük resminizi seçin.

Albüme eklenen küçük resminizi bulun

Yeni bir sekmede albümü veya içindeki ilk ekran görüntüsünü açın. Ve bağlantısını kopyalayın (tamamen). Dikey çubuğun arasındaki fotoğraf etiketine eklemeniz gerekir | ve köşeli parantezleri kapat ]].

Semboller arasına bir bağlantı ekleyin | ve ]]

Böylece bir küçük resim alacaksınız, üzerine tıkladığınızda, istediğiniz albüm veya ekran görüntüsü metnin başlangıcıyla birlikte açılacaktır (bağlantıyı belirttiğiniz şeye bağlı olarak).

portföy sayfası

Eh, burada her şey çok daha basit. Yeni bir wiki sayfası oluşturun ve kimliğini yazmayı unutmayın. "Fotoğraf Ekle" simgesine tıklayın ve metninizin önceden küçük parçalara ayrılmış bir ekran görüntüsünü yükleyin. İdeal olarak 1 resim - 1 paragraf.

Ne için? Çünkü Vkontakte görüntüleri oldukça güçlü bir şekilde sıkıştırır. Tam bir ekran görüntüsü yükler ve ardından tüm sayfayı dolduracak şekilde uzatırsanız, kalite kötü olacaktır. Küçük parçalar çok fazla acı çekmez.

Şimdi wiki işaretleme modunu kapatın (eğer açıksa).

Sonucu görmek için standart moda dönün

Fena değil, ama yeterli değil. İlk resme tıklayın. Açılan ayarlarda genişliği (sol hücre) 607 piksel olarak ayarlayın. Bu, bir sayfadaki görüntünün maksimum boyutudur. Yükseklik otomatik olarak değişecektir.

Görüntü genişliğini 607 piksele ayarlayın

İşte olanlar. Aynı şekilde, diğer tüm metin parçalarını artırın.

İlk parça gözle görülür şekilde daha büyük hale geldi

Böylece wiki sayfasına istediğiniz uzunlukta metin koyabilirsiniz. Ana şey, 607 piksel genişliğinde okunabilmesidir.

Wiki sayfasındaki metnin tam ekran görüntüsü

Son olarak, kaydettiğiniz sayfaların kimliklerine ihtiyacımız var. Portföy sayfanızı açın.

Bir küçük resim yükleyin (oluşturulmuş bir albümden veya bir bilgisayardan). Şimdi, kapanış köşeli parantezleri ]] ile dikey çubuk | arasına metin içeren sayfa kimliğini girin.

Semboller arasında metin içeren sayfa kimliğini kopyalayın | ve ]]

Aslında, her şey. Şimdi, küçük resme tıklandığında, ziyaretçi metin içeren sayfaya yönlendirilecektir.

2 bağlantı küçük resmimiz

Eser listesi yapmak

Şimdi portföyümüzü daha prezentabl ve kullanıcı dostu hale getirelim. Bir başlık, eser adları, küçük açıklamalar ve yayınlandıkları siteye bağlantılar ekleyeceğim. İşte olanlar.

Her iş hakkında biraz bilgi ekleyin

"Hizmetler ve fiyatlar" sayfasının yapılması

Halihazırda bir Hakkında sayfamız ve güzel bir portföyümüz var. Belki de müşterilere fiyat etiketini göstermenin zamanı gelmiştir. Tablo şeklinde düzenlemeyi düşünüyorum. Basit ve net. Yeni bir wiki sayfası oluşturun, kimliği kaydedin - ve başlayalım.

Bir tabloyu düzenlerken ihtiyaç duyulan tüm etiketler hakkında daha fazla bilgi edinebilirsiniz.

Kendi grubunuz varsa, içinde ayrı sayfalar oluşturabilirsiniz. Bu, geniş ve çeşitli topluluklar oluşturmanıza, her türlü bilgiyi yayınlamanıza ve yapılandırmanıza olanak tanır.

Sayfa oluşturmak için kullanılır Wiki işaretlemesi. Şimdi ne olduğunu analiz edeceğiz.

Wiki işaretlemesi nedir?

Normal web sayfaları HTML dili kullanılarak oluşturulur. Ancak VK'da sayfa oluşturmak için geçerli değildir. Bunun yerine Wiki işaretlemesi kullanılır. Ayrıca, sayfadaki öğeleri işaretleme yeteneği kazandırmayı amaçlamaktadır. Yardımı ile bağlantılar (bkz.), düğmeler vb. Yapabiliriz. Şuna benziyor.

Ne için kullanılır?

Sayfalar ve tasarım grupları oluşturmak için. İşaretlemeyi kullanarak bilgilendirici ve işlevsel sayfalar, menü öğeleri ve daha fazlasını oluşturabilirsiniz.

Wiki işaretleme yapısı

https://vk.com/wiki?w=page-87938575_51299900

Tüm ana unsurlar orada ayrıntılı olarak sunulur ve kod verilir.

[­]

Kullanmaya nasıl başlanır?

Öncelikle grubunuzdaki materyallerin aktif olduğundan emin olmanız gerekir. Topluluğa gidiyoruz, menüyü açıyoruz ve öğeyi seçiyoruz.

"Bölüm" sekmesine gidiyoruz. Burada "Malzemeler" öğesini buluyoruz ve bunun için "Açık" değerini ayarladık.

Ayarları kaydedip gruba geri dönüyoruz.

bir sekmemiz var "Son Haberler". Ona gidiyoruz ve düğmeye basıyoruz "Düzenlemek".

Sayfa düzenleme moduna gireceğiz. Doldurmaya başlayabilirsiniz. Menüdeki ilgili düğmeye tıklayarak Wiki düzeni moduna geçmeyi unutmayın.

İşiniz bittiğinde sayfayı kaydedin.

Video eğitimi: wiki işaretlemesini kullanarak bir grup tasarlama

sorular?

Temas halinde

Gelin biraz wiki nedir ve bu sistemin neden icat edildiğinden bahsedelim. Terim, 1995 yılında Ward Cunningham tarafından icat edildi. Aynı zamanda ilk wiki ortamı ortaya çıktı. Bu arada, "wiki" kelimesi "hızlı" anlamına gelen Hawaililerden ödünç alındı.

"Wiki" teriminin birkaç anlamı vardır:

1. Herhangi bir site ziyaretçisinin düzenleyebileceği özel türde sayfalar ve gönderiler. Burada sadece resimli metinleri değil, aynı zamanda sitenin yapısını da düzenleyebilirsiniz.
2. Kapsamlı sanal ansiklopediler oluşturmak için yapıcı.
3. Bütün bir felsefi teori ve özel teknolojiler.

wiki işaretlemesi nedir

VKontakte wiki işaretlemesinin nasıl yapıldığını bilmek ister misiniz? Ancak eğitimden önce, size wiki hakkında tüm bilgileri sunduğumuz teorik materyalimize mutlaka göz atmalısınız.

Bugün, en ünlü wiki sitesi devasa Wikipedia'dır. İkinci sırada çok kullanıcılı Wikia projesi yer alıyor ve bunu çeşitli küçük ansiklopediler takip ediyor. Fakat bu kaynaklar nasıl organize ediliyor? Hangi bileşenlerden oluşurlar? Anlayalım!

Bir elektronik ansiklopedinin birçok sayfası, başlığı, bölümü vb. olabilir. Tüm bu bileşenler ortak bir ağda iç içe geçmiştir, ortak bir alan oluşturur. Özel bir araç, böyle büyük bir kaynak oluşturmaya yardımcı olur - wiki işaretlemesi. Önemli olan, onun yardımı ile sadece her türlü ansiklopedi yapmakla kalmayıp, aynı zamanda her türlü VKontakte topluluğunu da tasarlayabilmenizdir.

Wiki işaretlemesi - grubunuz için bireysel bir tasarım oluşturmanıza izin veren özel etiketler. Bu araç, topluluğa birçok ek sayfa ve bağlantı eklemenize olanak tanır. Böylece topluluğunuzda küçük bir ansiklopedi düzenleyebilirsiniz. Özünde, bir wiki HTML'ye benzer, ancak bu işaretleme kendi muadilinden çok daha hafif ve basittir.

Wikiler ve VKontakte nasıl ilişkilidir?

Sen ve ben, VKontakte wiki işaretlemesinin ne olduğunu ve nasıl kullanılacağını öğrenmeliyiz. Ama önce, bu aracın VK'ya ne gibi faydalar sağlayabileceğini görelim.

Bu işaretleme türü, orijinal menüler, etiketler, işaretler oluşturmanıza ve ayrıca yeni gezinme öğeleri eklemenize olanak tanır. Bu nedenle, topluluğunuzu rakiplerin kalabalığından farklı kılacak güzel ve benzersiz bir tasarım bulmalısınız.

Önemli! Grubun tasarımını değiştirmeden önce, kurucu öğelerini nasıl kullanacağınızı öğrenin. Bunlara "Video", "Fotoğraflar", "Duvar" ve daha fazlası dahildir. Ayrıca ilginç ve faydalı bilgiler seçmeniz gerekir, aksi takdirde topluluğunuz yeni aboneleri çekemez ve elde tutamaz.

Wiki Avantajları

VKontakte wiki işaretlemesinin nasıl yapıldığını bulmak istiyoruz. Ama önce, bu aracı bu kadar iyi yapan şeyin ne olduğunu görelim.

Birincisi, wiki'ler HTML'den çok daha hafiftir. Bu, isteyen herkesin sorunsuz bir şekilde ustalaşabileceği anlamına gelir. İkinci avantaj, wiki işaretlemesinin çeşitli sayfalarda yaptığınız tüm değişiklikleri kaydetmesidir. Aynı malzemenin tüm çeşitlerini istediğiniz zaman karşılaştırabilir ve en iyisini seçebilirsiniz.

Bazı wiki sırları

Wiki biçimlendirme uzmanı olmak çok zaman alır. Ancak bu sistemde ilk adımlar atılırken dikkat edilmesi gereken birkaç şey var.

Örneğin, boyutu 131 pikselden küçük olan resimler kalitesiz hale gelir. Bir sayfa en fazla 17 etiket ve bir satır içermelidir - en fazla 8 bileşen. Resmin genişliğini ayarlarsanız, tüm oranlar dikkate alınarak yüksekliği bağımsız olarak değişecektir. listelerin oluşturulmasından sorumludur.

Wiki işaretlemesi "VKontakte": gruptaki sayfalara bağlantılar

Topluluğunuzda yeni bir sayfa oluşturmak için metinde yeni bir makaleye bağlantı belirtmeniz yeterlidir. Ayrıca, yeni metin malzemesi yazıldıktan hemen sonra ek sayfalar görünür.

Bu parantezler [], wiki işaretlemesine bağlantı girmekten sorumludur. Bu parantezlerin içindeki semboller kesinlikle bir link olacak ve üzerine tıkladığınızda hemen yeni bir sayfaya yönlendirileceksiniz. Şimdi doldurulması ve düzenlenmesi gerekiyor. Yeni sayfa hazır! Wiki işaretlemesi "VKontakte", bu sayfaların çoğunu oluşturmanıza olanak tanır. Sonuç, grubunuz içinde minyatür bir site olabilir.

Güzel tasarlanmış metnin özellikle önemli olduğunu lütfen unutmayın. Okuması ve anlaması kolaydır. Başlıklar, hizalama, harfler vb. üzerinde çalıştığınızdan emin olun. Wiki'nin her bir biçimlendirme türü için kendi etiketleri vardır. Ancak HTML'den bazı semboller de kullanabilirsiniz. Bu, wiki işaretlemesinin yalnızca özel etiketler değil, aynı zamanda HTML dilinden birçok karakter kullanması gerçeğiyle açıklanmaktadır. Bu da, çoğu durumda belirli işlevlerin çift tanımını kullanabileceğiniz anlamına gelir.

İlginç olan, wikilerin akıllı şeyler olmasıdır. Metninizdeki HTML işaretlemesinden öğeleri fark ettikten sonra, bunları kendi dilinden karakterlerle değiştirebilir.

Çapa bağlantısı nasıl yapılır

Bağlantılar güzel düğmeler veya ciddi çapalar olabilir. Wiki işaretlemesi "VKontakte", her ikisini de oluşturmanıza olanak tanır. Ancak önemli bir kuralı unutmayın! Metin her zaman bağlantının sağına, resim ise her zaman bağlantının soluna yerleştirilir.

Ardından, bağlantıya nasıl çapa ekleneceğini öğrenmeliyiz. İstediğiniz bağlantıyı açın ve yapıştırın. Ardından, öğelerin ayrılma işaretini - ǀ koyarız ve ondan sonra gerekli metni yazarız. Şimdi parantezleri kapatabilirsiniz.

Bir fotoğrafa bağlantı nasıl bağlanır

Şimdi bir buton oluşturalım. Bir resim eklemek için topluluk albümünüzdeki "fotoğraf" kelimesini ve numarasını kullanacağız. Yine, tüm bilgileri parantez içine alıyoruz. Önce bir fotoğraf, ardından bir bağlantı yazıyoruz.

Örneğin, böyle bir düğme almalısınız: [].

Resmimizle çalışmak için mevcut işlevlere dikkat edin!

• düz - resimsiz bir fotoğrafa metin bağlantısı;
• noborder - çerçeveyi resimden çıkarın;
• kutu - resmi yeni bir pencerede açın;
• nolink - fotoğrafın bağlantısını kaldır;
• nopadding - resimler arasındaki boşlukları kaldırın;
• NNNpx - görüntü genişliği;
• NNNxYYYpx - fotoğraf boyutları (genişlik*yükseklik).

Bu işlevler, bağlantıdan önce bir ayırıcı işaretle değiştirilerek yerleştirilmelidir. Bu öğelerle birlikte, diğer karakterlerden ayırmayı hatırlayarak resim için bir başlık da ekleyebilirsiniz.

Wiki ile tablolar oluşturma

VKontakte wiki işaretlemesi başka ne yapabilir? Tablolar oluşturabilir. Bu, diğer tüm nesnelerde olduğu gibi kolayca yapılır. Metne tablo eklemek için özel karakterler de kullanılır.

İlk olarak, plakanın kendisinin nelerden oluştuğunu görelim:

• (| - masayı aç;
• |+ - ortaya hizalanmış tablo başlığı (isteğe bağlı öğe);
• |- - yeni satır;
• | - plakayı şeffaf hale getirin;
• ! - karanlık hücreler;
• |) - tabloyu kapatın (hataları önlemek için kullanılan isteğe bağlı öğe).

Sondan bir önceki iki işlem değişkendir! Örneğin, karanlık bir hücre yaptıysanız, ona Şeffaflık işlevini uygulayamazsınız!

Şimdi ortaya çıkan tabloyu dolduralım:

• | - hücreyi aç;
• || veya!! - bir hücreyi diğerinden ayırmak.

Sonuç olarak, şöyle bir şey elde edersiniz (tablet 1 * 3 boyutunda):

|'''Güzellik'''||'''Sağlık'''||'''Spor'''

Tablonuza herhangi bir şey ekleyebilirsiniz: resimler, bağlantılar, metinler. Sadece VKontakte wiki işaretlemesinin bize sunduğu kuralları dikkate almak önemlidir.

Menüyü yapıyoruz

VKontakte menüsünün wiki işaretlemesinin nasıl yapıldığını görelim. Bunu yapmak için güzel bir çizime ve bilgiye ihtiyacımız var.

Menünün şu şekilde olduğunu lütfen unutmayın:

• Metin (bağlantı bağlantıları oluşturmanız gerekir).
• Grafiksel (bağları güzel düğmelerle bağlamanız gerekir).
• Tablo (tüm menü öğeleri bir plakaya girilmelidir).

Genişliği 610 pikselden fazla olmaması gereken görüntüyü önceden hazırlayın. Lütfen bu genişliğin grup duvarınızın boyutlarına bağlı olduğunu unutmayın. İstediğiniz sayıda düğmeyi elde etmek için görüntüyü Photoshop'ta veya başka bir düzenleyicide genişletin. Her düğmeyi bir menü öğesinin adıyla etiketleyin.

Grubunuza gidin. Burada kontrol paneline gitmeniz ve "Malzemeler" aracını bağlamanız gerekiyor. Ana sayfaya dönerseniz, tartışmaların üzerinde bir "Son Haberler" bağlantısı göreceksiniz. "Haberleri" düzenleyerek, bunlara dayalı güzel bir menü oluşturabilirsiniz.

1. Resimleri herhangi bir grup albümüne kaydedin.
2. Yerleşik görsel düzenleyiciyi kullanarak bunları doğrudan Haber makalesine ekleyin.

Artık "Haberler"i düzenlemeye başlayabilirsiniz. Bunu yapmak için “VKontakte wiki işaretleme” moduna geçmeniz gerekir (düğme “<->"). Ayrıca, çeşitli menü öğelerine bağlantılar içeren yukarıda açıklanan her şeyi göz önünde bulundurarak.

Wiki işaretlemesinin nasıl yapıldığını nereden öğrenebilirim?

VKontakte, tamamen wiki işaretlemesine adanmış resmi bir gruba sahiptir. Orada eğitim materyallerini okuyabilir, iyi tavsiyeler alabilirsiniz. Kullanıcılarımızın wiki dilini kullanmasını mümkün olduğunca kolaylaştırmaya karar verdik. Bunun için grubun tasarımında pratik yapabileceğiniz çeşitli uygulamalar oluşturulmuştur.

Burada topluluk tasarım örnekleri de var. Onların yardımıyla, hiç zamanınız yoksa hızlı bir şekilde bir grup düzenleyebilirsiniz. Ayrıca, şablonları düzenlemek, yeni grup yöneticileri için iyi bir uygulamadır. VKontakte wiki işaretlemesinin ne olduğu konusunda hala yetersiz bir anlayışa sahip misiniz? Bu durumda tasarım şablonları sizin için büyük bir yardımcı olacaktır. Bu tür tasarım örneklerini yalnızca resmi biçimlendirme wiki topluluğunda değil, World Wide Web'de de bulabilirsiniz.

Wiki'yi öğrenmekte zorluk çekenler için de birçok öğretici ve referans var. Ayrıca, daha deneyimli kullanıcılara danışabilirsiniz. Sonuç olarak, topluluğunuz için özgün bir tasarım elde edeceksiniz!

Bu makale ayrıntılı bir kılavuz olacak ve size bir VKontakte grubu için nasıl menü yapılacağını anlatacağım. Güzel tasarlanmış bir VK grup menüsü, sitedeki ziyaretçilerin ve satışların artmasında gerçek bir artışa katkıda bulunur.

Merhaba sevgili okuyucularım. bugün sana anlatayım bir VKontakte grubu için güzel bir menü nasıl yapılır ve tamamen ücretsiz. Bu arada, bu tür konuların nasıl oluşturulacağını öğrendikten sonra, bu konuda biraz kazanabilirsiniz -))). Zaten, tek bir ticari site, sosyal ağlarda, özellikle de yeni müşteriler getirmenin yanı sıra işinizi tanıtmaya yardımcı olması garanti edilen VK'da kendi topluluğunu oluşturmadan çalışmaz.

Ama topluluğunuz çekici değilse ve orada kalmak isteyen herkes nasıl? bence kimse!!! O halde gruplarımızı kaliteli tasarımlarla süsleyelim ve çok hızlı bir şekilde nasıl yapılacağını öğrenelim. Grafikleri ve gelecekteki menümüzü oluşturmaya başlamadan önce, daha fazla resim kesmek için Photoshop'u bilgisayarınıza yüklemeniz gerekir. Birçoğu neden resimleri kesmeniz gerektiğini soracak. Buradaki nokta, her menü bağlantısı için genel başlıktan ayrı bir şerit oluşturmamız gerektiğidir.

Bugün birkaç tür oluşturulmuş menü var:

• Aktif puanlarla açın;
• Sabitlenmiş bir gönderi olarak kapatıldı;
• Afiş ve menünün ayrı resimleri veya ortak bir bitişik resmi ile.

Her iki seçeneği de yaratmanın özü aynıdır. Yalnızca temel fark ek öğelerde ve kayıt türlerindedir ve bu makale bu makalede daha ayrıntılı olarak tartışılacaktır.

Menü ile çalışmak bize yardımcı olacaktır wiki işaretlemesi, bugün VKontakte metin düzenleyicisine yerleşiktir. Belirli bir resmi görüntülemek ve gerekli öğelere bağlantılar eklemek için standart komutları kullanması bakımından normalden farklıdır. Wiki işaretlemesinin kendisi, resimleri, videoları ve diğer öğeleri görüntülemek için kod eklemenize olanak tanır.

VK grubu kapalı menü

Bu durumda, ana grup avatarının solunda “grup menüsü” yazısı şeklinde bir köprü gözlemleyeceğiz, tıklandığında aktif öğeler ve resimler içeren menümüz açılacaktır.

Menü şöyle görünecek:

Grup menüsünü aç (sabitlenmiş görüntü)

Sonuç olarak, grubun kendi açıklamasında görüntülenecek ve genellikle tüm koşullara göre görüntülendiği zaten açık olan menü öğelerini oluşturmaktır. Resmimiz, önceden hazırlayacağımız açıklamaya eklenecek ve aktif öğelerin olacağı sayfaya bağlanacaktır. Bu menü son zamanlarda çok popüler hale geldi ve müşteriler arasında talep görüyor. Şuna benziyorlar:

Bir VKontakte grubu için güzel bir menü nasıl yapılır: adım adım talimatlar

Bu yüzden öncelikle menümüzün stub ve sağ tarafına yerleştireceğimiz ana grup avatarını banner şeklinde oluşturmamız gerekecek.

• Bir avatar için 200x332 piksel;
• Ana menü başlığı için 395x282 piksel.

Gördüğünüz gibi, görüntülerin yüksekliği farklıdır ve bu, görüntülerin yükseklikte hareket etmemesi ve aynı seviyede olması için yapılır, çünkü topluluk adının ve durumunun yüksekliği yaklaşık 50 piksel alır ve ihtiyacımız olacak. bu değeri menü yüksekliğinden kaldırmak için

Açıklığa kavuşturmak için, ana grup avatarının yüksekliği 332 ise, ondan 50 çıkarırız ve ana menünün yüksekliğini 282'ye eşitleriz. Boyutlar önemli değilse, yükseklik isteğe bağlı olarak ayarlanabilir.

Topluluğu oluşturduktan sonraki adım materyalleri ayarlamak olacak ve burada katılımcıların ek sayfalar ve bloklar oluşturmasını, ancak yalnızca duvara yazmalarını yasaklamamız gerekiyor. Bunu yapmak için, aşağıda gösterildiği gibi materyallerimizi "kısıtlı" hale getirmemiz gereken "topluluk yönetimi" adlı grup avatarının altındaki bölüme gitmeniz gerekecektir.

Şimdi genel kompozisyonu oluşturmaya başlayalım. Tabii ki, sadece bir avatar yerine ve açıklamaya bir resim ekleyebilirsiniz, ancak amatör olmayalım ve profesyonelce nasıl yapılacağını gösterelim, böylece tam teşekküllü bir resim, diğerine dönüşsün.

Photoshop'ta 600x350 piksel boyutlarında yeni bir kanvas oluşturalım ve resimlerimiz için içinde boşluklar keserek stencil olarak kullanacağız. Çalışmak için, tüm öğelerin ve cetvellerin boyutlarını piksel cinsinden çevirmemiz gerekiyor ve bu, şu yol boyunca yapılır: “Düzenle-Ayar-Temel” ve burada zaten pikselleri ayarladık.

Açık bir menü oluşturmanın bir sonraki adımı, daha sonra indirmek için alacağımız afiş ve avatar için kupürler yapmaktır. Bunu yapmak için sol dikey menünün bölümüne gidin ve kesmeyi seçin.

Mouse sol tuşu ile bir alan seçiyormuş gibi ihtiyacımız olan büyüklükte blokları seçmeniz gerekiyor ve her seçimden sonra sil tuşuna basarak “Sil” seçeneğini seçiyorsunuz. %50 gri. Bu tür eylemler, blokların istenen boyutta olmasına ve ana arka plandan farklı bir renkte vurgulanmasına yol açacaktır.

Aşağıdakileri almalısınız:

Ve şimdi sadece silgiyi seçin ve her gri bloğa tıklamak ve kesikli bir şablon elde etmek için "sihirli silgi" işlevini kullanın. Bir sonraki adımda ana görselimizi seçip arka planın altına koyuyoruz ve üzerine menü adı veya diğer reklam öğeleri ile yazı yazabileceğiniz hazır resimler elde ediyoruz.

İyi. Tasarımımızın bir resmini yerleştirdikten sonra, sadece "Web için kaydet" seçeneğini seçmemiz gerekiyor ve çıktı olarak 2 resmimizi alıyoruz. Şimdi grubumuza geri dönüyoruz ve ana avatarı (dikey) doldurabiliriz. Wiki işaretleme koduyla çalışırken biraz sonra menü için başlığı kullanacağız.

Kullanıcıyı üçüncü taraf bir sitenin gerekli bölümlerine veya grubun kendisindeki albümlere ve dizinlere yönlendirecek aktif öğelerle menünün kendisini oluşturalım. Bir değişiklik için yeni bir resim kullanacağız -))).

Bu nedenle, Photoshop'a geri dönün ve 400x300 piksel boyutlarında yeni bir tuval oluşturun. Ardından, dosya-yer bölümünden seçiyoruz ve menünün arka planı için bir resim seçiyoruz.

Gelecek menümüzün butonlarını resmin üzerine yerleştirip gerekli blokları seçerek yukarıda yaptığımız gibi resmi kesiyoruz. Daha sonra “web için kaydet”i de seçiyoruz ve kesimlerimizin olduğu bir klasör alıyoruz. Benim durumumda ayrı bir klasörde 4 fotoğraf var.

Şimdi Photoshop'tan kaldırılan resimleri ayrı bir albüme doldurmamız ve meraklı gözlerden saklamamız gerekiyor. Yüklemeden sonra her resim yeni adını ve benzersiz kimliğini alacaktır.

Şunlara sahip olmanız gerektiğini lütfen unutmayın:

• "Sınırlı" modda açılan malzemeler;
• Tartışmalar dahil;
• Fotoğraf klasörü herkese açıktır.

Şimdi, menüde görüntüleneceği sayfamızı kurmaya devam ediyoruz. Bunu yapmak için topluluğun ana sayfasına gidin ve yeni malzemeleri seçin ve düzenleyin ve "MENÜMÜZ"ü arayın.

Ardından, Photoshop'ta keserken elde ettiğimiz resimleri eklememiz gerekiyor. Birisi işaretleme kodları kullanıyor, ancak daha akıllı olmamak için, kamera simgesine tıklayarak bir resim eklemeyi ve birbiri ardına yüklemeyi seçmenizi öneririm.

Bir metin düzenleyicide çalışırken, resimleri yükledikten sonra sağ üst köşedeki parantez simgesine tıklarsak aşağıdaki kodu görmeliyiz:

Tavsiye: Görüntüleri yükledikten sonra önemli bir nokta, girintileri kaldırmaktır. Bu, görüntü boyutlarının önüne "nopadding" eklenerek çözülür.

Açıklama için, nereden alındığı aşağıda açıklanmıştır, ancak her şeyin otomatik olarak ekleneceği ve akıllı olmanıza gerek olmadığı göz önüne alındığında ve bazı kişilerin her resmi nasıl yazıp kimliği aldığını açın, ardından yükleyin ve kaydedin.

[]
xxxxx resminizin kimliğidir
yyyyy - piksel cinsinden genişlik (388'den fazla değil)

Şöyle bitmeli:

Artık resimlerimiz ayrı bir afişte toplanmıştır. Ve her bir öğeye bir bağlantı eklemek için, işaretleme devre dışı bırakılmış resme tıklayın ve kopyalanan url'yi bağlantı bölümüne yapıştırın.

Ve böylece VKontakte menümüzü oluştururken en önemli ve son noktaya geliyoruz. Şimdi resim sayfamızı kaydetmemiz ve adresini kopyalamamız gerekiyor. Benim durumumda şöyle görünüyor:

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

Unutmayın, makalenin başında ana avatarımızın devamı olacak bir menü saplaması yaptık ve bunun için sadece bir şablon yaptık. Tam da şu anda ihtiyacımız olan şey bu.

Ana sayfaya gidin ve aşağıdakileri yapın:

Aşama 1.

Duvardaki yeni bir giriş için sayfanın adresini metin alanına ekliyoruz, ardından bir bağlantıya dönüştürülecek.

Adım 2.

Menüye ait stub'umuzun görüntüsünü kayda ekliyoruz ve gönder'e tıklıyoruz.

Aşama 3.

Şimdi, gönderiyi yayınladıktan sonra, gönderinin sol alt tarafındaki oluşturma zamanına tıklayın ve "PIN" seçeneğini seçin.

İyi!!! İşte burada bitiyoruz. Artık harika menüler oluşturmayı biliyorsunuz ve bundan iyi para kazanabilirsiniz. Her şeyi aşağıdaki sırayla yapmanızı tavsiye ederim:

• Bir yapı oluşturuyoruz ve menü görsellerinin tasarımını sipariş ediyoruz;
• Tüm görüntülerin yeniden boyutlandırılmasını ve kesilmesini yapıyoruz;
• Albümlere resim ekleyin;
• Tüm kesimleri editörde düzenleyip grubun ana sayfalarında yayınlıyoruz.

Çalışma sonucunda aşağıdaki menüyü alacağız.

Ancak menünün kendisi, basıldığında aktif bağlantılarla açılır. Boyutlarla oynamaya ve ekranınıza göre ayarlamaya değer, ancak mobil cihazlarda ekranı unutmayın.

ÖNEMLİ: 2016 yılında VK tasarımını değiştirdikten sonra, görüntüler oluşturulurken ve hangi görüntüler için gereksinimler konusunda yeni değişiklikler yapıldı.

VK grup menü şablonunu + tüm ders kaynaklarını indirin

Umarım materyal faydalı olmuştur ve şimdi VKontakte grubu için güzel bir menünün nasıl yapıldığını kolayca anlayabilirsiniz. Blog güncellemelerine abone olun ve yakında yeni yazılarda görüşmek üzere. Herhangi bir sorunuz varsa, yorumlara yazın, size kesinlikle yardımcı olacağım.

Okuduklarımı pekiştirmek için bir video ekliyorum.