Ijtimoiy tarmoq uchun shablonlar. Ijtimoiy tarmoqlar uchun HTML shablonlar. Yangi HTML5 teglari

Salom, aziz blog o'quvchilari. Siz, albatta, bu vazifa uchun plagindan foydalanishingiz mumkin, lekin Buni o'zingiz qilish unchalik qiyin emas, va ularning soni kamroq bo'ladi, ayniqsa, menda ularning ko'plari ishlayotganligi sababli (ko'rsatilgan havoladagi maqolaga qarang). Men allaqachon batafsil yozgan ijtimoiy tarmoq piktogrammalarini oldim (Umid qilamanki, Dimox bunga e'tiroz bildirmaydi).

Va men elektron pochta xabarini yuborishni ham to'g'ri deb bildim.

Biz tugmachalardan sprayt yaratamiz va saytga Html kodini kiritamiz

Ijtimoiy tarmoqlarda barcha kerakli guruhlar va sahifalarni yaratganingizdan va shuning uchun barcha kerakli havolalarni olganingizdan so'ng, saytga tugmalar qo'shish orqali hayratda qolishingiz mumkin. Siz, albatta, mening postimga muvofiq, har bir ijtimoiy tarmoq uchun mos belgini tanlashingiz va agar kerak bo'lsa, uning hajmini va ichida kerakli hajmga kamaytirishingiz mumkin.

Lekin bu eng yaxshi variant emas. Nega? Xo'sh, chunki har bir ijtimoiy tarmoq tasvirini yuklash uchun serveringizga alohida so'rov yuboriladi. Agar sizda o'nlab piktogramma bo'lsa, bu o'nta so'rovni bildiradi, bu har qanday holatda ham serverga qo'shimcha yuk yaratadi va . Bunday isrofgarchilik, ayniqsa, uzoq vaqtdan beri sodir bo'lganligi sababli, bizga mos kelmaydi.

Men g'ildirakni qayta ixtiro qilmaslikka qaror qildim (sprite yarating), lekin Share42 konstruktori tomonidan yaratilganidan foydalandim (u bilan ishlash tavsifiga havola yuqorida keltirilgan). Unda sizga piktogramma kerak bo'lgan ijtimoiy tarmoqlarni tanlashingiz mumkin va kod bilan birga siz CSS sprite-ni olasiz, ya'ni. jismonan bitta grafik fayl, unda barcha kerakli ijtimoiy tarmoq piktogrammalari va RSS tasmasiga obunalar (va agar kerak bo'lsa, elektron pochta) joylashtiriladi.

Men 24 dan 24 gacha bo'lgan piktogramma o'lchamli yangiliklarga obuna bo'lish uchun to'rtta asosiy tarmoq va bir nechta piktogrammalarni tanladim, shuning uchun mening spriteim shunday ko'rinadi (garchi u hali ham bor, lekin bu muhim emas):

Endi bizda barcha ingredientlar mavjud - guruhlarga yoki ijtimoiy tarmoq sahifalariga havolalar va ularni saytda ko'rsatish uchun piktogramma. Qolgan narsa - barchasini to'g'ri tayyorlash, ya'ni. grim surmoq, pardoz qilmoq; yasamoq, tuzmoq. Mening blogim WordPress-da ishlaydi, shuning uchun kodni tugmachalardan biriga joylashtiraman. Mening holimda u sidebar.php deb ataladi. HTML kodi Bu juda oddiy bo'lib chiqadi:

Xo'sh, va eng qiziq narsa. Bizning yordamimiz bilan biz spraytimizning qaysi sohasi ushbu aniq joyda fon sifatida ko'rsatilishini aniqlaymiz (bizning holatlarimizda bu fon giperhavola ostida joylashgan). Bu qanday sodir bo'lishini tushuntirish uchun juda ko'p vaqt talab etiladi, shuning uchun havolaga bog'langan maqolani o'qing va hamma narsa aniq bo'ladi (u shuningdek tasviriy misollar beradi). Agar siz dangasa bo'lsangiz, siz sezganingizdek, bekorga 24 ga bo'linmaydigan raqamlar bilan tajriba o'tkazing.

Ha, sprite faylni FTP orqali veb-saytingizga yuklang va fonda unga () yo'lni ko'rsating. Ana xolos. Agar u ishlamasa, yuqoridagi havolalardagi materiallarni diqqat bilan o'qing va agar hech narsa ishlamasa, sharhlarda vaziyatingizni tasvirlab bering (batafsil ravishda - kodni kiritish uchun uni PHP-ga qo'shishni unutmang. kvadrat qavsli teglar).

Omad sizga! Tez orada blog sayti sahifalarida ko'rishguncha

Sizni qiziqtirishi mumkin


Keyinchalik yaxshi trafik olish va pullik obuna tizimini joriy qilish uchun umumiy manfaatlarga ega odamlarni birlashtirish uchun Internet platformasini tashkil qilish g'oyasi ko'pchilikni o'ziga jalb qiladi. Ushbu maqsadga qisqa vaqt ichida erishish uchun BuddyPress va bbPress plaginlari bilan mos keluvchi WordPress shabloniga asoslangan ijtimoiy tarmoq mos keladi. Ular ijtimoiy tarmoqning to'liq funksionalligini ta'minlaydi: profillar yaratish, xabarlar almashish, do'stlar qo'shish, forumda muloqot qilish, fayllar ustida hamkorlik qilish va boshqa variantlar.

WordPress + BuddyPress-da ijtimoiy tarmoq sayti uchun 10 ta shablon

1. Shirin sana

Tanishuv sayti uchun 2 ta demo va sayohatchilarni topish uchun 1 ta saytni taklif qiluvchi ijtimoiy tarmoq shablonlari. Sweet Date sayti pullik obuna tizimidan foydalanishi va kontentga kirishni nazorat qilishi mumkin. Mavzuning to'liq javob beruvchi dizayni saytga istalgan qurilmada tashrif buyurganlarida bir xil foydalanuvchi tajribasini olishlarini ta'minlaydi.


2. Rivojlanish

Intranet va onlayn jamoalar uchun shablon. Bu ijtimoiy tarmoq, forum, xabar almashish tizimlari, tadbirlarni tashkil etish, loyihalarni boshqarish va fayl almashish, elektron tijorat va elektron ta'lim (agar siz Learndash plaginini sotib olsangiz) funksiyalarini birlashtirgan universal platformadir.


3. Do‘stim

Buddypress va bbPress uchun ishlab chiqilgan mavzu zamonaviy dizayndagi ijtimoiy tarmoq yaratishda yordam beradi. Buddy sezgir Retina Ready tartibi va Font Awesome ikonka shrift kutubxonasidan foydalanadi. Shablon saytingizga “Yangi/mashhur/faol foydalanuvchilar”, “Yangi/mashhur guruhlar”, “Taqvim”, “Forumdagi so‘nggi mavzular”, “Statistika”, “Onlayn foydalanuvchilar” kabi vidjetlarni osongina qo‘shish imkonini beradi. .


4. Ijtimoiylashish

Shablon Buddypress imkoniyatlaridan maksimal darajada foydalanib, uni jamoa yoki ijtimoiy tarmoq uchun yaxshi asosga aylantiradi. Socialize bbPress dizaynini butunlay o‘zgartirib, uni klassik forum uslubiga yaqinlashtirdi. Veb-master kerakli turdagi kontentni ko'rsatishga erishishi uchun shablonda asosiy sahifa uchun 4 ta, toifalar uchun 9 ta, postlar uchun 6 ta variant mavjud.


5. Klein

BuddyPress va bbPress bilan ishlash uchun mo'ljallangan, tafsilotlarga alohida e'tibor berilgan innovatsion mavzu. WordPress tomonidan quvvatlanadigan onlayn hamjamiyat yoki ijtimoiy tarmoqqa muhtoj bo'lganlar uchun javob beradi. Ro'yxatdan o'tgan foydalanuvchilari ko'p bo'lgan saytlar uchun ideal. Jamiyat a'zolari bilan bog'lanish orqali.


6. KLEO

KLEO bu yilgi eng ko'p sotilgan BuddyPress mavzusi unvoniga sazovor bo'ldi, chunki u haqiqatan ham umidlarni oqlaydi. Shablon tasdiqlangan ikkilamchi elementlarga ega oddiy shablonni taklif etadi. Mavzu boshqa shablonlarga kiritilmagan o'rnatilgan qidiruvdan foydalanadi va maxsus plaginlarni o'rnatishdan qochish imkonini beradi, bu sayt tezligiga foydali ta'sir ko'rsatadi.


7. Monstroid2

Umumjahon shablon, afsonaviy Monstroid mavzusining izdoshi, butunlay noldan qayta yozilgan. BuddyPress plaginiga mosligi tufayli shablon veb-ustalar uchun qo'shimcha harakatlarsiz ijtimoiy tarmoq sayti yoki tematik onlayn hamjamiyat yaratish imkonini beradi. Shablon 7 ta maxsus sarlavha uslubini taqdim etadi va mega menyularni qo'llab-quvvatlaydi. Xaridor o'z veb-saytida demodan olingan rasmlardan foydalanishi mumkin.


Intranet/ekstranet hamjamiyatlari uchun birinchi eng mashhur WordPress mavzusi. Woffice-dan korporativ va davlat intranet/ekstranet tarmoqlari, oddiy Internet hamjamiyatlari va ijtimoiy tarmoqlar, maktab yoki boshqa xususiy ijtimoiy tarmoqlar uchun foydalanish mumkin.


Keling, ijtimoiy tarmoqlar uchun maxsus yaratilgan WordPress mavzularini ko'rib chiqaylik.

1. Mingle - Ko'p maqsadli WordPress mavzusi

Agar siz BuddyPress yordamida ijtimoiy tarmog'ingizni qurayotgan bo'lsangiz, sizga uning xususiyatlari va dizayni bilan Mingle kerak. Parallelus kompaniyasining elita jamoasi tomonidan ishlab chiqilgan Mingle BuddyPress platformasi uchun moslashtirilgan va ko'plab ajoyib xususiyatlarga ega.

Ushbu mavzuning xususiyatlari:

  • aloqa maydoni muharriri
  • yon panel generatori
  • HTML5 + CSS3 qo'llab-quvvatlash
  • SEO uchun qulay kod
  • bloglar
  • portfel
  • slayd-shou
  • qisqa kodlar
  • boshqa ko'plab xususiyatlar.

2. Salom javob beruvchi WordPress + BuddyPress mavzusi

Salutationning chiqarilishi bilan aytish mumkinki, Parallelus yaxshi dizayn yaratish uchun nima kerakligini tushunadi. Avvalo, shuni ta'kidlash joizki, Salutation 100% sezgir mahsulotdir - sizning ijtimoiy tarmog'ingiz har qanday ekran o'lchamiga ega turli xil mobil qurilmalarda mukammal ishlaydi.

Bundan tashqari, Salom ba'zi ajoyib xususiyatlarga ega:

  • Inqilob slayder
  • sudrab tashlash qobiliyati
  • ranglarning cheksiz tanlovi
  • qalqib chiquvchi kirish maydonlari
  • oson sozlash
  • bloglar
  • vidjetlar
  • intuitiv boshqaruv paneli
  • yon panel generatori
  • portfel
  • BuddyPress bilan mos keladi
  • qisqa kodlar
  • ko'proq.

3. Woffice – Intranet/Extranet WordPress mavzusi

Ushbu mavzu ko'plab xususiyatlarga, keng imkoniyatlarga ega, jumladan, yuqori kodlash standartlari, muntazam yangilanishlar va mukammal qo'llab-quvvatlash. Siz Woffice-dan maktablar, ish joylari, korxonalar va davlat idoralari uchun ijtimoiy tarmoqlar, ichki va tashqi tarmoqlar yoki jamoalar yaratish uchun foydalanishingiz mumkin.

Ushbu mavzuning xususiyatlari:

  • BuddyPress funksiyasini qo'llab-quvvatlash
  • fayl menejeri
  • piktogramma
  • chat va xabar almashish
  • forumlar
  • Google shriftlari
  • sezgir dizayn
  • demo versiyasi
  • hujjatlar
  • video darslar
  • kalendar
  • qisqa kodlar
  • bbPress
  • WMPL-ni qo'llab-quvvatlash
  • toza kod
  • cheksiz miqdordagi yon panellar
  • moslashtirilgan vidjetlar
  • foydalanuvchi kirish sahifalari
  • onlayn do'kon.

4. Serpent - Responsive ijtimoiy tarmoq mavzusi

Bu mavzu shu qadar ko'p xususiyatlarga egaki, ehtimol sizga ulardan ba'zilari kerak bo'lmaydi. Serpent - bu veb-saytingizni keyingi bosqichga olib chiqishi mumkin bo'lgan noyob WordPress mavzusi. U bilan hech qanday yomon ish qilishning iloji yo'q.

Ushbu mavzuni ishlab chiquvchilar hurmatli Cosmothemes jamoasidir.

Mavzuning asosiy xususiyatlari:

Narxga kelajakdagi yangilanishlar va 6 oylik yordam kiradi.

5. UnitedCommunity – BuddyPress mavzusi

UnitedCommunity - bu Diabolique'dagi hurmatli jamoaning ijtimoiy tarmoqlar uchun ko'p funksiyali WordPress mavzusi. Bu 2015 yil 2 sentyabrda chiqarilgan yangi mavzu.

Uning diqqatga sazovor xususiyatlari:

  • ko'zni qamashtiruvchi, noyob va sezgir dizayn
  • 40 dan ortiq ichki sahifalar
  • bosh sahifadagi vidjetlar
  • o'rnatish va sozlash qulayligi
  • WooCommerce bilan mos keladi
  • moslashtirilgan vidjetlar
  • qalqib chiquvchi bildirishnomalar
  • WPML qo'llab-quvvatlash
  • Google shriftlari
  • ochiladigan menyular
  • ko'proq.

6. Klein - A Nitty Gritty hamjamiyat mavzusi

Ijtimoiy tarmog'ingiz uchun mukammal WordPress mavzusini izlayotgan bo'lsangiz, Klein-dan boshqa narsani qidirmang. U foydalanuvchilarga to'liq ishlaydigan ijtimoiy tarmoq bilan ishlash imkoniyatini beradi va keng imkoniyatlarga ega.

Sizning foydalanuvchilaringiz cheksiz xabarlar yuborishlari, voqealarni baham ko'rishlari, kontaktlar qo'shishlari, forumlarda g'oyalarni muhokama qilishlari va chiroyli foydalanuvchi profillarini yaratishlari mumkin. Siz Klein's WooCommerce muvofiqligidan foydalanishingiz va mahsulotlaringizni tarmog'ingiz a'zolariga sotishingiz mumkin. Bundan tashqari, Klein WordPress 4.4, bbPress va BuddyPress-ni qo'llab-quvvatlaydi, bu sizga WordPress saytingizni mashhur ijtimoiy tarmoqqa aylantirish imkoniyatini beradi.

Boshqa xususiyatlarga quyidagilar kiradi:

  • vizual muharriri
  • moslashtirilgan ranglar
  • Inqilob slayder
  • WPML mos
  • sezgir dizayn
  • intuitiv boshqaruv paneli
  • SEO uchun qulay kod
  • 6 xil sarlavha + tartib
  • ijtimoiy tarmoqlarni qo'llab-quvvatlash
  • 1000+ shrift belgilari
  • bildirishnomalar
  • boshqa ko'plab funktsiyalar.

WordPress bilan kuchli ijtimoiy tarmoq yaratish uchun siz plagin va mavzuni tanlashdan ko'ra ko'proq narsani o'ylashingiz kerak. Bundan tashqari, sifatli xostingni tanlash, shuningdek, qidiruv tizimlarida saytingizni targ'ib qilish haqida g'amxo'rlik qilishingiz kerak bo'ladi. Plaginlar bilan ishlash haqida gap ketganda, avval turli xil variantlarni sinab ko'ring va keyin yakuniy tanlovingizni qiling.

Eslatma

WordPress asosida ijtimoiy tarmoq yaratish oddiy jarayon. Sizga kerak bo'lgan yagona narsa - biznes-reja, ijtimoiy media plagini va mos mavzu. Esingizda bo'lsin, har qanday mavzuni tanlashingiz va uni o'zingizning xohishingizga ko'ra sozlashingiz mumkin, ammo ijtimoiy media mavzulari ko'p variantlarni taklif qilish orqali vaqtingizni tejaydi.

So'nggi bir necha yil ichida ijtimoiy tarmoqlarning mashhurligi misli ko'rilmagan darajaga ko'tarildi. Bu sohada tan olingan yetakchi, albatta, Facebook hisoblanadi. Buning uchun texnologiyadan keng foydalangan holda juda ko'p turli xil ilovalar ishlab chiqilgan.

Ammo sizning rejalaringiz mashhurlikda Facebook yoki VKontakte-ni quvib o'tishni o'z ichiga olmasa va siz shunchaki xohlaysiz o'z ijtimoiy tarmog'ingizni yoki hamjamiyatingizni yarating, Facebook, Vkontakte, Twitter yoki Google Plus-ga o'xshash - keyin bu sharh siz uchun.

Biz ko'rib chiqamiz Ijtimoiy tarmoq yaratish uchun 15 ta skript Bunday mahsulotlar, chatlar, mikrobloglar a la Twitter va boshqa mashhur funktsiyalar uchun standart funktsiyalar bilan sizga shubhasiz yoqadi. Tanlov pullik va bepul echimlarni o'z ichiga oladi.

phpDolfin

Bu ijtimoiy tarmoq yaratish uchun platforma Facebook kabi deyarli bir xil xususiyatlarni taqdim etadi - jonli chat, shaxsiy xabarlar yuborish, sharhlar, fotosuratlar almashish va boshqalar.
Narxi: $43

LiveStreet CMS

Blog ijtimoiy platformasi mahalliy ishlab chiqarish. RuNet-da ko'pincha uning yordami bilan qurilgan portallar mavjud. Agar siz ushbu CMSni qisqacha tavsiflashga harakat qilsangiz, bu o'ziga xosdir mashhur Habrahabrning analogi. Tizimning ma'nosi quyidagicha: har bir foydalanuvchi muallifga aylanishi mumkin.
Narxi: bepul

Boonex delfin

Boonex Dolphin kuchli Ijtimoiy tarmoq yaratish uchun CMS. Arsenalda juda ko'p kengaytmalar mavjud, masalan: guruhlar, e'lonlar, audio va video kataloglar, afishalar, bloglar, chatlar, fayllar katalogi va boshqalar. Shuningdek, rasmiy veb-saytda sotib olinishi mumkin bo'lgan pullik modullarning standart to'plamini kengaytirishingiz mumkin. veb-sayt. Sahifalaringizning uslubini sozlashingiz mumkin. Bundan tashqari, ishlab chiquvchilar portalingiz bilan integratsiyalashgan mobil ilovalarni taqdim etadilar. CMS pullik, ammo sinov uchun sinov versiyasi mavjud.
Ushbu dvigatel bilan ishlash tajribamdan shuni aytishim mumkinki, tizim kuchli va nisbatan barqaror, lekin u juda ko'p resurslarni sarflagani uchun yaxshi serverni talab qiladi.
Narxi: oyiga $29 dan yoki bir martalik xarid uchun $599 dan (sinov versiyasi mavjud).

Ijtimoiy biznes

Ijtimoiy biznes tadbirkorlar uchun ijtimoiy tarmoq skripti. Ushbu skriptning asosiy maqsadi ishbilarmonlarga sheriklar topish imkonini berishdir. Biroz LinkedIn-ga o'xshash.
Narxi: $32

SocEuro ijtimoiy tarmog'i

SocEuro juda funktsional ijtimoiy tarmoq skripti ushbu turdagi mahsulot uchun odatiy modullar to'plami bilan. Yemoq VKontakte sifatida audio yozuvlar, chatlar, tasmalar, oʻyinlar...
Narxi: $43

Oksvoll

Mutlaqo bepul ijtimoiy tarmoq skript ochiq manba. Unda hatto pullik analoglarda ham topib bo'lmaydigan juda ko'p bepul va noyob qo'shimchalar mavjud: foto galereya, video katalog, bloglar, forumlar, wikilar, guruhlar, voqealar, do'stlar, hamkorlik, fayl almashish, video konferentsiyalar va hk. .
Narxi: bepul

Socialkit

Ijtimoiy tarmoqlar uchun standartga aylangan deyarli barcha funksiyalar ScialKit platformasida mujassamlangan: jonli suhbat, shaxsiy sahifalar, xabarlar va havolalar, sharhlar va yoqtirishlar, bildirishnomalar, xeshteglar va eslatmalar qoldirish imkoniyati.
Narxi: $39

Pligg

Pligg bu ozod uchun oddiy, ammo kuchli yechim blog-ijtimoiy tarmoq yoki hamjamiyat yaratish. Xususiyat shundaki, siz o'z-o'zini tartibga soluvchi jamoani yaratishingiz mumkin. Nima yomon va nima yaxshi ekanligini foydalanuvchilar o'zlari hal qilishadi. Bu moderatsiyaga bo'lgan ehtiyojni yo'q qiladi. Habrahabr va ushbu to'plamda mavjud bo'lgan LiveStreet CMS tizimi shunga o'xshash falsafa bilan ishlaydi.
Narxi: bepul

SocioQuiz

SocioQuiz - bu sizning veb-saytingizni turli xil portallarga aylantira oladigan skript testlar, so'rovlar va viktorinalar. Foto va video kontentni to'liq qo'llab-quvvatlaydi, shuningdek, o'zingiznikidan to'liq foydalanish erkinligini ta'minlaydi. U Playbuzz, Buzzfeed va boshqalar kabi shunga o'xshash saytlarga qaraganda sezilarli darajada ko'proq imkoniyatlarga ega.
Narxi: $44

Do'stona ijtimoiy tarmoq

Do'stona ijtimoiy tarmoq haqiqiydir do'stlar uchun ijtimoiy tarmoq. U bu holatda talab qilinadigan funktsiyalarning to'liq to'plamiga ega: shaxsiy sahifalar, guruhlar, jonli suhbat, sharhlar, yoqtirishlar, hashtaglar, eslatmalar, bildirishnomalar. Do'stlar va ommaviy profillar uchun alohida profil yaratish mumkin. Siz postlarning ko'rinishini boshqarishingiz mumkin - hamma uchun (ommaga ochiq) yoki faqat do'stlar uchun. Va bular Friendly-ni o'z hamjamiyatingizni yaratish uchun deyarli ideal platformaga aylantiradigan ba'zi xususiyatlardir.
Narxi: $36