Нийгмийн сүлжээнд зориулсан загварууд. Нийгмийн сүлжээнд зориулсан HTML загварууд. Шинэ HTML5 шошго

Сайн байна уу, блог сайтын эрхэм уншигчид. Та мэдээжийн хэрэг, энэ ажилд зориулж залгаасыг ашиглаж болно, гэхдээ Үүнийг өөрөө хийх нь тийм ч хэцүү биш юм, мөн тэднээс цөөхөн байх болно, ялангуяа надад маш олон ажиллаж байгаа тул (өгөгдсөн холбоос дээрх нийтлэлийг үзнэ үү). Би аль хэдийн нарийвчлан бичсэн нийгмийн сүлжээний дүрсүүдийг авсан (Димокс үүнийг эсэргүүцэхгүй гэж найдаж байна).

Мөн би имэйл илгээх нь зүйтэй гэж үзсэн.

Бид товчлууруудаас спрайт үүсгэж, Html кодыг сайтад оруулна

Нийгмийн сүлжээн дэх шаардлагатай бүх бүлгүүд, хуудсуудыг үүсгэсний дараа шаардлагатай бүх холбоосыг хүлээн авсны дараа сайтад товчлуур нэмж оруулснаар та гайхширч болно. Мэдээжийн хэрэг, та миний нийтлэлийн дагуу нийгмийн сүлжээ бүрт тохирох дүрсийг сонгож, шаардлагатай бол хэмжээг нь шаардлагатай хэмжээгээр багасгаж болно.

Гэхдээ энэ бол хамгийн сайн сонголт биш юм. Яагаад? За, нийгмийн сүлжээний зураг бүрийг ачаалах тул таны серверт тусдаа хүсэлт илгээгдэх болно. Хэрэв танд хэдэн арван дүрс байгаа бол энэ нь арван хүсэлт гэсэн үг бөгөөд энэ нь ямар ч тохиолдолд сервер дээр нэмэлт ачаалал үүсгэх болно. Ийм үрэлгэн байдал нь бидэнд тохирохгүй, ялангуяа удаан хугацааны туршид ийм зүйл болж байна.

Би дугуйг дахин зохион бүтээхгүй байхаар шийдсэн (спрайт үүсгэх), гэхдээ Share42 бүтээгчийн бүтээсэн дугуйг ашигласан (үүнтэй ажиллах тайлбарын холбоосыг дээр дурдсан болно). Үүн дээр та дүрс нь хэрэгтэй нийгмийн сүлжээг сонгох боломжтой бөгөөд кодын хамт та CSS спрайт хүлээн авах болно, жишээлбэл. Бие махбодийн хувьд танд хэрэгтэй бүх нийгмийн сүлжээний дүрс, RSS хангамжийн бүртгэл (мөн шаардлагатай бол имэйл) байршуулах нэг график файл.

Би 24-24 хэмжээтэй мэдээ захиалахын тулд дөрвөн үндсэн сүлжээ болон хэд хэдэн дүрсийг сонгосон тул миний спрайт дараах байдалтай харагдаж байна (хэдийгээр энэ нь тэнд байгаа боловч хамаагүй):

Одоо бид бүх найрлагатай - бүлгүүд эсвэл нийгмийн сүлжээний хуудсуудын холбоосууд, тэдгээрийг сайт дээр харуулах дүрсүүд. Үлдсэн зүйл бол бүгдийг нь зөв бэлтгэх явдал юм, i.e. бүрдүүлэх. Миний блог WordPress дээр ажилладаг тул би товчлууртай кодыг . Миний хувьд үүнийг sidebar.php гэж нэрлэдэг. HTML кодЭнэ нь маш энгийн зүйл болж хувирав:

За, хамгийн сонирхолтой нь. Бидний тусламжтайгаар бид энэ тодорхой байршилд спрайтынхаа аль хэсгийг арын дэвсгэр болгон харуулахыг тодорхойлдог (бидний тохиолдолд энэ дэвсгэр нь гипер холбоосын доор байрладаг). Энэ нь хэрхэн тохиолддогийг тайлбарлахад маш их цаг хугацаа шаардагддаг тул линктэй холбоотой нийтлэлийг уншаад бүх зүйл тодорхой болно (энэ нь мөн тайлбарласан жишээг өгдөг). Хэрэв та залхуу байгаа бол зүгээр л анзаарсанчлан 24-т хуваагддаггүй тоонуудыг туршиж үзээрэй.

Тиймээ, спрайт файлыг FTP-ээр дамжуулан вэбсайтдаа байршуулж, арын дэвсгэр дээр () замыг зааж өгнө үү. Тэгээд л болоо. Хэрэв бүтэхгүй бол дээрх линк дээрх материалыг анхааралтай уншина уу, хэрвээ юу ч болохгүй бол коммент хэсэгт өөрийн нөхцөл байдлыг тайлбарлана уу (дэлгэрэнгүй - код оруулах бол PHP дээр хавсаргахаа санаарай). дөрвөлжин хаалт бүхий шошго).

Чамд амжилт хүсье! Удахгүй блог сайтын хуудсууд дээр уулзацгаая

Та сонирхож магадгүй


Дараа нь сайн урсгалыг хүлээн авч, төлбөртэй захиалгын системийг нэвтрүүлэхийн тулд нийтлэг ашиг сонирхол бүхий хүмүүсийг нэгтгэх интернет платформ зохион байгуулах санаа олон хүнийг татдаг. Энэ зорилгодоо богино хугацаанд хүрэхийн тулд BuddyPress болон bbPress залгаасуудтай нийцтэй WordPress загвар дээр суурилсан нийгмийн сүлжээ тохиромжтой. Тэд нийгмийн сүлжээний бүрэн ажиллагааг хангадаг: профайл үүсгэх, мессеж солилцох, найз нөхөд нэмэх, форум дээр харилцах, файл дээр хамтран ажиллах болон бусад сонголтууд.

WordPress + BuddyPress дээрх нийгмийн сүлжээний сайтын 10 загвар

1. Амтат огноо

Болзох сайтын 2 демо, аялалын хамтрагч олох сайтын 1 демо хувилбарыг санал болгодог нийгмийн сүлжээнд зориулсан загвар. Sweet Date дээрх сайт нь төлбөртэй захиалгын системийг ашиглаж, контентын хандалтыг хянах боломжтой. Сэдвийн бүрэн мэдрэмжтэй дизайн нь ямар ч төхөөрөмжөөс сайтад зочлоход зочдод ижил хэрэглэгчийн туршлагыг хүлээн авах боломжийг олгодог.


2. Өсөж дэвжих

Дотоод сүлжээ болон онлайн нийгэмлэгт зориулсан загвар. Энэ нь нийгмийн сүлжээ, форум, мессежийн систем, арга хэмжээ зохион байгуулах, төслийн менежмент ба файл хуваалцах, цахим худалдаа, цахим сургалт (хэрэв та Learndash залгаасыг худалдаж авбал) зэрэг функцуудыг хослуулсан бүх нийтийн платформ юм.


3. Найз

Buddypress болон bbPress-д зориулж боловсруулсан сэдэв нь орчин үеийн дизайн бүхий нийгмийн сүлжээг бий болгоход тусална. Buddy нь мэдрэмжтэй Retina Ready layout болон Font Awesome дүрс фонтын санг ашигладаг. Загвар нь "Шинэ/алдартай/идэвхтэй хэрэглэгчид", "Шинэ/алдартай бүлгүүд", "Хуанли", "Форум дээрх сүүлийн сэдвүүд", "Статистик", "Онлайн хэрэглэгчид" гэх мэт виджетүүдийг хялбархан нэмэх боломжийг танд олгоно. .


4. Нийгэмших

Загвар нь Buddypress-ийн чадавхийг дээд зэргээр ашигладаг бөгөөд энэ нь олон нийтийн эсвэл нийгмийн сүлжээнд сайн үндэс суурь болдог. Socialize нь bbPress-ийн дизайныг бүрэн өөрчилж, сонгодог форумын хэв маягт ойртуулсан. Вэбмастер хүссэн төрлийн контентыг харуулахын тулд загвар нь үндсэн хуудасны 4, категорийн хувьд 9, нийтлэлийн хувьд 6 байршлын сонголтыг багтаасан болно.


5. Клейн

BuddyPress болон bbPress-тэй ажиллахад зориулагдсан шинэлэг сэдэв нь нарийн ширийн зүйлд онцгой анхаарал хандуулсан. WordPress-ээр ажилладаг онлайн нийгэмлэг эсвэл нийгмийн сүлжээ хэрэгтэй хүмүүст тохиромжтой. Олон тооны бүртгэлтэй хэрэглэгчидтэй сайтуудад тохиромжтой. Нийгэмлэгийн гишүүдтэй холбогдох замаар.


6. KLEO

KLEO энэ жилийн хамгийн их борлуулалттай BuddyPress сэдвийн нэрийг хүртлээ, учир нь энэ нь хүлээлтийг үнэхээр хангаж байна. Загвар нь баталгаажсан хоёрдогч элементүүдтэй энгийн загварыг санал болгодог. Энэ сэдэв нь өөр ямар ч загварт ороогүй суурилагдсан хайлтыг ашигладаг бөгөөд тусгай залгаасуудыг суулгахаас зайлсхийх боломжийг олгодог бөгөөд энэ нь сайтын хурдад сайнаар нөлөөлдөг.


7. Monstroid2

Бүх нийтийн загвар, домогт Monstroid сэдвийг дагагч, эхнээс нь бүрэн дахин бичсэн. Энэ загвар нь BuddyPress залгаастай нийцтэй байгаа тул вэбмастеруудад нэмэлт хүчин чармайлтгүйгээр нийгмийн сүлжээний сайт эсвэл сэдэвчилсэн онлайн нийгэмлэг үүсгэх боломжийг олгодог. Загвар нь 7 толгойн хэв маягаар хангаж, мега цэсийг дэмждэг. Худалдан авагч өөрийн вэбсайт дээрх үзүүлэнгийн зургийг ашиглах боломжтой.


Дотоод сүлжээ / экстранет нийгэмлэгүүдэд зориулсан хамгийн алдартай WordPress сэдэв. Woffice нь корпорацийн болон засгийн газрын дотоод сүлжээ/экстранет сүлжээ, ердийн интернет нийгэмлэг, олон нийтийн сүлжээ, сургууль эсвэл бусад хувийн нийгмийн сүлжээнд ашиглагдаж болно.


Олон нийтийн мэдээллийн хэрэгсэлд зориулж тусгайлан бүтээсэн WordPress сэдвүүдийг харцгаая.

1. Mingle – Олон зорилготой WordPress сэдэв

Хэрэв та BuddyPress ашиглан нийгмийн сүлжээгээ байгуулж байгаа бол танд түүний онцлог, дизайнтай Mingle хэрэгтэй. Parallelus-ийн элит багийн боловсруулсан Mingle нь BuddyPress платформд зориулж тусгайлан бүтээгдсэн бөгөөд олон тооны гайхалтай боломжуудтай.

Энэ сэдвийн онцлогууд:

  • талбарын редактортой холбоо барина уу
  • хажуугийн самбар үүсгэгч
  • HTML5 + CSS3 дэмжлэг
  • SEO-д ээлтэй код
  • блогууд
  • багц
  • слайд шоу
  • богино кодууд
  • бусад олон онцлог.

2. Мэндчилгээтэй WordPress + BuddyPress сэдэв

Salutation-г гаргаснаар Параллелус сайн загвар бүтээхэд юу хэрэгтэйг ойлгосон гэж хэлж болно. Юуны өмнө мэндчилгээ нь 100% мэдрэмжтэй бүтээгдэхүүн гэдгийг тэмдэглэх нь зүйтэй - таны нийгмийн сүлжээ нь ямар ч дэлгэцийн хэмжээтэй янз бүрийн хөдөлгөөнт төхөөрөмж дээр төгс ажиллах болно.

Нэмж дурдахад, мэндчилгээ нь зарим гайхалтай шинж чанартай байдаг:

  • Хувьсгал гулсагч
  • чирэх, буулгах чадвар
  • өнгөний хязгааргүй сонголт
  • попап нэвтрэх талбарууд
  • хялбар тохиргоо
  • блогууд
  • виджетүүд
  • мэдрэмжтэй админ самбар
  • хажуугийн самбар үүсгэгч
  • багц
  • BuddyPress-тэй нийцдэг
  • богино кодууд
  • илүү их.

3. Woffice – Intranet/Extranet WordPress сэдэв

Энэ сэдэв нь кодчиллын өндөр стандарт, тогтмол шинэчлэлт, маш сайн дэмжлэг зэрэг олон боломжуудтай, өргөн хүрээний функцуудтай. Та Woffice-г ашиглан сургууль, ажлын байр, бизнес, төрийн байгууллагуудад олон нийтийн сүлжээ, дотоод болон гадаад сүлжээ эсвэл олон нийтийг бий болгох боломжтой.

Энэ сэдвийн онцлогууд:

  • BuddyPress функцын дэмжлэг
  • файлын менежер
  • дүрсүүд
  • чат, мессеж
  • форумууд
  • Google фонтууд
  • мэдрэмжтэй дизайн
  • демо хувилбар
  • баримт бичиг
  • видео хичээлүүд
  • хуанли
  • богино кодууд
  • bbPress
  • WMPL дэмжлэг
  • цэвэр код
  • хязгааргүй тооны хажуугийн самбар
  • захиалгат виджетүүд
  • хэрэглэгчийн нэвтрэх хуудаснууд
  • онлайн дэлгүүр.

4. Могой – Хариуцлагатай нийгмийн сүлжээний сэдэв

Энэ загвар нь маш олон онцлог шинж чанартай тул зарим нь танд хэзээ ч хэрэггүй байх. Serpent бол таны вэбсайтыг дараагийн түвшинд хүргэх цорын ганц төрлийн WordPress сэдэв юм. Түүнд буруу зүйл хийх нь ердөө л боломжгүй юм.

Энэ сэдвийг хөгжүүлэгчид нь нэр хүндтэй Cosmothemes баг юм.

Сэдвийн үндсэн шинж чанарууд:

Үнэд ирээдүйн шинэчлэлтүүд болон 6 сарын дэмжлэг багтсан болно.

5. UnitedCommunity – BuddyPress сэдэв

UnitedCommunity бол Diabolique-ийн нэр хүндтэй багийн нийгмийн сүлжээнд зориулсан олон үйлдэлт WordPress сэдэв юм. Энэ бол 2015 оны 9-р сарын 2-нд гарсан шинэ сэдэв юм.

Түүний онцлох шинж чанарууд:

  • анхаарал татахуйц, өвөрмөц, мэдрэмжтэй дизайн
  • 40 гаруй дотоод хуудас
  • нүүр хуудсан дээрх виджетүүд
  • суулгах, тохируулахад хялбар байдал
  • WooCommerce нийцтэй
  • захиалгат виджетүүд
  • попап мэдэгдлүүд
  • WPML дэмжлэг
  • Google фонтууд
  • доош унах цэсүүд
  • илүү их.

6. Klein – A Nitty Gritty олон нийтийн сэдэв

Хэрэв та нийгмийн сүлжээндээ төгс WordPress сэдвийг хайж байгаа бол Klein-ээс цааш хайх хэрэггүй. Энэ нь хэрэглэгчдэд бүрэн ажиллагаатай нийгмийн сүлжээтэй ажиллах боломжийг олгож, өргөн хүрээний чадамжтай.

Таны хэрэглэгчид хязгааргүй мессеж илгээх, үйл явдлуудыг хуваалцах, харилцагчид нэмэх, форум дээр санаагаа ярилцах, сайхан хэрэглэгчийн профайл үүсгэх боломжтой. Та Klein-ийн WooCommerce нийцтэй байдлын давуу талыг ашиглаж, сүлжээнийхээ гишүүдэд бүтээгдэхүүн борлуулах боломжтой. Нэмж дурдахад Klein нь WordPress 4.4, bbPress болон BuddyPress-ийг дэмждэг бөгөөд энэ нь танд WordPress сайтаа алдартай нийгмийн сүлжээ болгон хувиргах боломжийг олгодог.

Бусад онцлогууд нь:

  • харааны редактор
  • захиалгат өнгө
  • Хувьсгал гулсагч
  • WPML нийцтэй
  • мэдрэмжтэй дизайн
  • мэдрэмжтэй админ самбар
  • SEO-д ээлтэй код
  • 6 өөр гарчиг + зохион байгуулалт
  • нийгмийн хэвлэл мэдээллийн дэмжлэг
  • 1000+ үсгийн дүрс
  • мэдэгдэл
  • бусад олон функцууд.

WordPress ашиглан хүчирхэг нийгмийн сүлжээг бий болгохын тулд та зөвхөн залгаас, сэдэв сонгохоос илүү их зүйлийг бодох хэрэгтэй. Та мөн чанартай хостинг сонгох, хайлтын системд сайтаа сурталчлах талаар анхаарах хэрэгтэй. Plugins-тэй ажиллахын тулд эхлээд өөр сонголтуудыг туршиж үзээд дараа нь эцсийн сонголтоо хийгээрэй.

Анхаарна уу

WordPress дээр суурилсан нийгмийн сүлжээг бий болгох нь энгийн үйл явц юм. Танд хэрэгтэй зүйл бол бизнес төлөвлөгөө, олон нийтийн мэдээллийн хэрэгслийн залгаас, тохирох сэдэв юм. Та ямар ч сэдвийг сонгож, өөрийн үзэмжээр тохируулж болно гэдгийг санаарай, гэхдээ сошиал медиа сэдэв нь олон сонголтыг санал болгосноор танд цаг хэмнэх болно.

Сүүлийн хэдэн жилийн хугацаанд нийгмийн сүлжээнүүдийн нэр хүнд урьд өмнө хэзээ ч байгаагүй өндөр түвшинд хүрчээ. Энэ салбарт хүлээн зөвшөөрөгдсөн удирдагч бол мэдээж Facebook юм. Технологийг өргөнөөр ашигладаг асар олон тооны өөр өөр програмуудыг боловсруулсан.

Гэхдээ хэрэв таны төлөвлөгөөнд Facebook эсвэл VKontakte-г гүйцэж түрүүлэхгүй байгаа бол та зүгээр л хүсч байна өөрийн нийгмийн сүлжээ эсвэл нийгэмлэгийг үүсгэ, Facebook, Vkontakte, Twitter эсвэл Google Plus-тай төстэй - энэ тойм танд зориулагдсан болно.

Бид авч үзэх болно Нийгмийн сүлжээ үүсгэх 15 скриптИйм бүтээгдэхүүн, чат, микроблог болон Твиттерт зориулсан стандарт функцуудтай бөгөөд танд таалагдах нь дамжиггүй. Сонголт нь төлбөртэй болон үнэ төлбөргүй шийдлүүдийг агуулдаг.

phpДельфин

Энэ нийгмийн сүлжээг бий болгох платформЭнэ нь Facebook-тэй бараг ижил функцээр хангадаг - шууд чат, хувийн мессеж илгээх, сэтгэгдэл бичих, зураг хуваалцах гэх мэт.
Зардал: 43 доллар

LiveStreet CMS

Blogosocial платформдотоодын үйлдвэрлэл. RuNet дээр ихэвчлэн түүний тусламжтайгаар баригдсан порталууд байдаг. Хэрэв та энэ CMS-ийг товчхон тайлбарлахыг оролдвол энэ нь нэг төрлийн юм алдартай Хабрахабрын аналог. Системийн утга нь: хэрэглэгч бүр зохиогч болж чадна.
Зардал: Үнэгүй

Boonex далайн гахай

Boonex далайн гахай бол хүчирхэг юм Нийгмийн сүлжээг бий болгох CMS. Арсенал нь маш олон тооны өргөтгөлтэй, тухайлбал: бүлгүүд, зарлал, аудио болон видео каталог, зурагт хуудас, блог, чат, файлын каталог гэх мэт. Мөн та албан ёсны вэбсайтаас худалдан авч болох төлбөртэй модулиудын стандарт багцыг өргөжүүлж болно. вэб сайт. Хуудасны хэв маягийг өөрчлөх боломжтой. Нэмж дурдахад, хөгжүүлэгчид таны порталтай нэгдсэн гар утасны програмуудыг санал болгодог. CMS төлбөртэй боловч туршилтын хувилбар байдаг.
Энэ хөдөлгүүртэй ажиллаж байсан туршлагаас харахад систем нь хүчирхэг, харьцангуй тогтвортой боловч маш их нөөц зарцуулдаг тул сайн сервер шаарддаг гэж хэлж болно.
Зардал: сард 29 доллар эсвэл нэг удаагийн худалдан авалтад 599 доллар (туршилтын хувилбар байдаг).

Нийгмийн бизнес

Нийгмийн бизнес бол бизнес эрхлэгчдэд зориулсан нийгмийн сүлжээний скрипт. Энэхүү скриптийн гол зорилго нь бизнес эрхлэгчдэд түнш олох боломжийг олгох явдал юм. Зарим LinkedIn-тэй төстэй.
Зардал: $32

SocEuro нийгмийн сүлжээ

SocEuro нь нэлээд ажиллагаатай нийгмийн сүлжээний скриптийм төрлийн бүтээгдэхүүнд зориулсан ердийн багц модультай. Идэх VKontakte шиг аудио бичлэгүүд, чат, хангамж, тоглоом...
Зардал: 43 доллар

Оксволл

Мэдээжийн хэрэг үнэгүй нийгмийн сүлжээний скриптнээлттэй эх сурвалж. Энэ нь төлбөртэй аналогиас ч олох боломжгүй асар олон тооны үнэгүй, өвөрмөц нэмэлтүүдтэй: зургийн цомог, видео каталог, блог, форум, вики, бүлгүүд, үйл явдал, найз нөхөд, хамтын ажиллагаа, файл хуваалцах, видео хурал гэх мэт. .
Зардал: Үнэгүй

Socialkit

Нийгмийн сүлжээнүүдэд стандарт болсон бараг бүх функцууд ScialKit платформд тусгагдсан байдаг: шууд чат, хувийн хуудас, мессеж, холбоосууд, сэтгэгдэл, лайк, мэдэгдэл, hashtags, mention үлдээх чадвар.
Зардал: $39

Плигг

Плигг бол үнэгүй, энгийн хэрнээ хүчирхэг шийдэл блог-нийгмийн сүлжээ эсвэл нийгэмлэг үүсгэх. Онцлог нь та өөрөө өөрийгөө зохицуулах нийгэмлэгийг бий болгож чадна. Юу муу, юу сайн болохыг хэрэглэгчид өөрсдөө шийддэг. Энэ нь зохицуулалт хийх шаардлагагүй болно. Хабрахабр болон энэ цуглуулгад байгаа LiveStreet CMS систем нь ижил төстэй философитой ажилладаг.
Зардал: Үнэгүй

SocioQuiz

SocioQuiz бол таны вэбсайтыг олон төрлийн портал болгон хувиргах скрипт юм тест, санал асуулга, таавар. Фото болон видео контентыг бүрэн дэмжихээс гадна өөрийн ашиглах бүрэн эрх чөлөөг хангана. Энэ нь Playbuzz, Buzzfeed болон бусад ижил төстэй сайтуудтай харьцуулахад илүү их боломжуудтай.
Зардал: 44 доллар

Нөхөрсөг нийгмийн сүлжээ

Найрсаг нийгмийн сүлжээ бол жинхэнэ юм найз нөхөддөө зориулсан нийгмийн сүлжээ. Энэ нь энэ тохиолдолд шаардлагатай бүх функцуудтай: хувийн хуудас, бүлгүүд, шууд чат, сэтгэгдэл, дуртай, hashtags, дурдсан, мэдэгдэл. Найзууд болон олон нийтэд зориулсан тусдаа профайл үүсгэх боломжтой. Та нийтлэлийн дэлгэцийг хянах боломжтой - хүн бүрт (олон нийтэд) эсвэл зөвхөн найз нөхөддөө харагдана. Эдгээр нь Friendly-ийг өөрийн нийгэмлэгийг бий болгоход бараг тохиромжтой платформ болгодог зарим онцлог шинж чанарууд юм.
Зардал: 36 доллар