bahay » Pamamaraan

Mga template para sa social network. Mga template ng HTML para sa mga social network. Bagong HTML5 Tag

Kumusta, mahal na mga mambabasa ng blog site. Maaari mong, siyempre, gumamit ng isang plugin para sa gawaing ito, ngunit Hindi ganoon kahirap gawin ito sa iyong sarili, at magiging mas kaunti sa kanila, lalo na't marami na akong gumagana (tingnan ang artikulo sa ibinigay na link). Kinuha ko ang mga icon ng social network mula sa, kung saan isinulat ko na ang tungkol sa ilang mga detalye (umaasa ako na si Dimox ay hindi tumutol dito).

At itinuring ko rin na angkop na magpadala ng email.

Lumilikha kami ng isang sprite mula sa mga pindutan at ipasok ang Html code sa site

Matapos mong malikha ang lahat ng kinakailangang mga grupo at pahina sa mga social network, at samakatuwid ay natanggap ang lahat ng kinakailangang mga link, maaari kang magtaka sa pamamagitan ng pagdaragdag ng mga pindutan sa site. Maaari mong, siyempre, alinsunod sa aking post tungkol sa, pumili ng angkop na icon para sa bawat social network at, kung kinakailangan, bawasan ang laki nito sa kinakailangang laki sa at.

Ngunit hindi ito ang pinakamahusay na pagpipilian. Bakit? Buweno, dahil upang mai-load ang bawat larawan sa social network, isang hiwalay na kahilingan ang gagawin sa iyong server. Kung mayroon kang isang dosenang mga icon, nangangahulugan iyon ng sampung kahilingan, na sa anumang kaso ay lilikha ng karagdagang pag-load sa server at . Hindi bagay sa atin ang ganitong pag-aaksaya lalo na't matagal na itong nangyayari.

Nagpasya akong hindi muling likhain ang gulong (lumikha ng isang sprite), ngunit ginamit ang nilikha ng Share42 constructor (isang link sa isang paglalarawan ng pagtatrabaho dito ay ibinigay sa itaas lamang). Dito maaari mong piliin ang mga social network na ang mga icon ay kakailanganin mo, at kasama ang code makakatanggap ka ng isang CSS sprite, i.e. pisikal na isang graphic na file kung saan ang lahat ng mga icon ng social network na kailangan mo at mga subscription sa RSS feed (at Email, kung kinakailangan) ay ilalagay.

Pumili ako ng apat na pangunahing network at ilang mga icon para sa pag-subscribe sa mga balita na may laki ng icon na 24 hanggang 24, kaya ganito ang hitsura ng aking sprite (bagaman nakapasok pa rin ito, ngunit hindi mahalaga):

Ngayon ay mayroon na kaming lahat ng mga sangkap - mga link sa mga grupo o mga pahina ng social network at mga icon para sa pagpapakita ng mga ito sa site. Ang natitira na lang ay ihanda itong lahat ng tama, i.e. magkasundo. Ang aking blog ay tumatakbo sa WordPress, kaya ilalagay ko ang code na may mga pindutan sa isa sa . Sa aking kaso ito ay tinatawag na sidebar.php. HTML code ito ay lumalabas na napakasimple:

Well, at ang pinaka-kagiliw-giliw na bagay. Sa aming tulong, tinutukoy namin kung aling lugar ng aming sprite ang ipapakita sa partikular na lokasyong ito bilang isang background (sa aming kaso, ang background na ito ay inilalagay sa ilalim ng hyperlink). Ito ay tumatagal ng napakahabang oras upang ipaliwanag kung paano ito nangyayari, kaya basahin ang artikulong naka-link sa link at ang lahat ay magiging malinaw (ito ay nagbibigay din ng mga halimbawa ng paglalarawan). Kung ikaw ay tamad, pagkatapos ay mag-eksperimento lamang sa mga numero, na, tulad ng napansin mo, ay hindi mahahati ng 24 para sa wala.

Oo, i-upload ang sprite file sa pamamagitan ng FTP sa iyong website at ipahiwatig ang landas patungo dito () sa background. Iyon lang. Kung hindi ito gumana, basahin nang mas mabuti ang mga materyales sa mga link sa itaas, mabuti, at kung walang gumana, pagkatapos ay ilarawan ang iyong sitwasyon sa mga komento (sa detalye - upang ipasok ang code, tandaan na ilakip ito sa PHP mga tag na may mga square bracket).

Good luck sa iyo! Magkita tayo sa lalong madaling panahon sa mga pahina ng blog site

Baka interesado ka


Ang ideya ng pag-aayos ng isang platform sa Internet upang magkaisa ang mga tao na may mga karaniwang interes, upang makatanggap ng magandang trapiko at magpakilala ng isang bayad na sistema ng subscription, ay umaakit sa marami. Upang makamit ang layuning ito sa maikling panahon, angkop ang isang social network na binuo sa isang template ng WordPress na katugma sa mga plugin ng BuddyPress at bbPress. Nagbibigay sila ng buong pag-andar ng social network: paglikha ng mga profile, pagpapalitan ng mga mensahe, pagdaragdag ng mga kaibigan, pakikipag-usap sa forum, pakikipagtulungan sa mga file at iba pang mga opsyon.

10 template para sa isang social network site sa WordPress + BuddyPress

1. Matamis na Petsa

Isang template para sa isang social network, na nag-aalok ng 2 demo para sa isang dating site at 1 para sa isang site para sa paghahanap ng mga kasama sa paglalakbay. Ang site sa Sweet Date ay maaaring gumamit ng isang bayad na sistema ng subscription at kontrolin ang access sa nilalaman. Tinitiyak ng ganap na tumutugon na disenyo ng tema na kapag bumibisita sa site sa anumang device, natatanggap ng mga bisita ang parehong karanasan ng user.


2. Umunlad

Template para sa intranet at online na mga komunidad. Ito ay isang unibersal na platform na pinagsasama ang functionality ng isang social network, forum, mga sistema ng pagmemensahe, organisasyon ng kaganapan, pamamahala ng proyekto at pagbabahagi ng file, e-commerce at e-learning (kung bibili ka ng Learndash plugin).


3. Buddy

Ang tema, na binuo para sa Buddypress at bbPress, ay tumutulong sa iyong lumikha ng isang social network na may modernong disenyo. Gumagamit si Buddy ng tumutugon na layout ng Retina Ready at Font Awesome na icon ng font library. Binibigyang-daan ka ng template na madaling magdagdag ng mga widget sa iyong site gaya ng: “Bago/sikat/aktibong user”, “Bago/sikat na grupo”, “Kalendaryo”, “Mga pinakabagong paksa sa forum”, “Mga Istatistika”, “Mga Online na user” .


4. Makisalamuha

Sinulit ng template ang mga kakayahan ng Buddypress, ginagawa itong isang magandang batayan para sa isang komunidad o social network. Ganap na binago ng Socialize ang disenyo ng bbPress, na inilapit ito sa klasikong istilo ng forum. Upang makamit ng webmaster ang nais na uri ng pagpapakita ng nilalaman, ang template ay may kasamang 4 na pagpipilian sa layout para sa pangunahing pahina, 9 para sa mga kategorya, 6 para sa mga post.


5. Klein

Isang makabagong tema na idinisenyo upang gumana sa BuddyPress at bbPress, na ginawa nang may espesyal na atensyon sa detalye. Angkop para sa mga nangangailangan ng online na komunidad o social network na pinapagana ng WordPress. Tamang-tama para sa mga site na may malaking bilang ng mga rehistradong user. Sa pamamagitan ng pagkonekta sa mga miyembro ng komunidad.


6. KLEO

Nakuha ng KLEO ang pamagat ng pinakamabentang tema ng BuddyPress ngayong taon dahil ito ay talagang umaayon sa mga inaasahan. Nag-aalok ang template ng isang simple na may na-verify na pangalawang elemento. Gumagamit ang tema ng built-in na paghahanap, na hindi kasama sa anumang iba pang template, at pinapayagan kang maiwasan ang pag-install ng mga espesyal na plugin, na may kapaki-pakinabang na epekto sa bilis ng site.


7. Monstroid2

Isang unibersal na template, isang tagasunod ng maalamat na tema ng Monstroid, na ganap na muling isinulat mula sa simula. Salamat sa pagiging tugma nito sa BuddyPress plugin, pinapayagan ng template ang mga webmaster na lumikha ng isang social network site o isang pampakay na online na komunidad nang walang anumang labis na pagsisikap. Nagbibigay ang template ng 7 custom na istilo ng header at sumusuporta sa mga mega menu. Ang mamimili ay maaaring gumamit ng mga larawan mula sa demo sa kanyang website.


Ang unang pinakasikat na tema ng WordPress para sa intranet/extranet na mga komunidad. Maaaring gamitin ang Woffice para sa intranet/extranet network ng korporasyon at gobyerno, regular na komunidad sa Internet at mga social network, paaralan o iba pang pribadong social network.


Tingnan natin ang ilang mga tema ng WordPress na partikular na ginawa para sa social media.

1. Mingle – Multi-Purpose WordPress Theme

Kung binubuo mo ang iyong social network gamit ang BuddyPress, kailangan mo ng Mingle kasama ang mga feature at disenyo nito. Binuo ng elite team sa Parallelus, ang Mingle ay pinasadya para sa BuddyPress platform at may kasamang napakaraming magagandang feature.

Mga tampok ng temang ito:

  • makipag-ugnayan sa editor ng field
  • generator ng sidebar
  • Suporta sa HTML5 + CSS3
  • SEO-friendly na code
  • mga blog
  • portfolio
  • slide show
  • mga shortcode
  • maraming iba pang mga tampok.

2. Salutation Responsive WordPress + BuddyPress Theme

Sa paglabas ng Salutation, ligtas na sabihin na nauunawaan ng Parallelus kung ano ang kinakailangan upang lumikha ng magandang disenyo. Una sa lahat, nararapat na tandaan na ang Salutation ay isang 100% tumutugon na produkto - ang iyong social network ay gagana nang perpekto sa iba't ibang mga mobile device na may anumang laki ng screen.

Bilang karagdagan, ang Salutation ay may ilang mga cool na tampok:

  • Rebolusyon slider
  • drag at drop kakayahan
  • walang limitasyong pagpili ng mga kulay
  • popup na mga patlang sa pag-login
  • madaling mga setting
  • mga blog
  • mga widget
  • intuitive na admin panel
  • generator ng sidebar
  • portfolio
  • Tugma ang BuddyPress
  • mga shortcode
  • higit pa.

3. Woffice – Intranet/Extranet WordPress Theme

Ang temang ito ay may maraming mga tampok, isang malawak na hanay ng mga tampok, kabilang ang mataas na mga pamantayan sa coding, regular na mga update at mahusay na suporta. Maaari mong gamitin ang Woffice upang lumikha ng mga social network, panloob at panlabas na network, o mga komunidad para sa mga paaralan, lugar ng trabaho, negosyo, at ahensya ng gobyerno.

Mga tampok ng temang ito:

  • Suporta sa tampok na BuddyPress
  • tagapamahala ng file
  • mga icon
  • chat at pagmemensahe
  • mga forum
  • Mga font ng Google
  • tumutugon na disenyo
  • demo na bersyon
  • dokumentasyon
  • mga aralin sa video
  • kalendaryo
  • mga shortcode
  • bbPress
  • Suporta sa WMPL
  • malinis na code
  • walang limitasyong bilang ng mga sidebar
  • mga custom na widget
  • mga pahina ng pag-login ng user
  • online na tindahan.

4. Serpent – ​​Responsive Social Network Theme

Ang temang ito ay may napakaraming tampok na malamang na hindi mo kakailanganin ang ilan sa mga ito. Ang Serpent ay isang isa sa isang uri ng tema ng WordPress na maaaring dalhin ang iyong website sa susunod na antas. Imposibleng gumawa ng mali sa kanya.

Ang mga nag-develop ng temang ito ay ang kagalang-galang na koponan ng Cosmothemes.

Pangunahing katangian ng tema:

Kasama sa presyo ang mga update sa hinaharap at 6 na buwang suporta.

5. UnitedCommunity – BuddyPress Theme

Ang UnitedCommunity ay isang multifunctional na tema ng WordPress para sa mga social network mula sa kagalang-galang na koponan sa Diabolique. Ito ay isang bagong paksa na inilabas noong Setyembre 2, 2015.

Ang mga kapansin-pansing tampok nito:

  • kapansin-pansin, natatangi at tumutugon na disenyo
  • higit sa 40 panloob na pahina
  • mga widget sa home page
  • kadalian ng pag-install at pagsasaayos
  • Katugma sa WooCommerce
  • mga custom na widget
  • mga pop-up na notification
  • Suporta sa WPML
  • Mga font ng Google
  • mga drop down na menu
  • higit pa.

6. Klein – Isang Nitty Gritty na Tema ng Komunidad

Kung naghahanap ka ng perpektong tema ng WordPress para sa iyong social network, huwag nang tumingin pa kay Klein. Nagbibigay ito sa mga user ng pagkakataong magtrabaho kasama ang isang ganap na gumaganang social network at may malawak na hanay ng mga kakayahan.

Ang iyong mga user ay maaaring magpadala ng walang limitasyong mga mensahe, magbahagi ng mga kaganapan, magdagdag ng mga contact, talakayin ang mga ideya sa mga forum, at lumikha ng magagandang profile ng user. Maaari mong samantalahin ang pagiging tugma ng WooCommerce ni Klein at magbenta ng mga produkto sa mga miyembro ng iyong network. Bukod pa rito, sinusuportahan ni Klein ang WordPress 4.4, bbPress at BuddyPress, na nagbibigay sa iyo ng kakayahang gawing sikat na social network ang iyong WordPress site.

Kasama sa iba pang mga tampok ang:

  • visual editor
  • pasadyang mga kulay
  • Rebolusyon slider
  • WPML compatible
  • tumutugon na disenyo
  • intuitive na admin panel
  • SEO-friendly na code
  • 6 na magkakaibang mga header + layout
  • suporta sa social media
  • 1000+ mga icon ng font
  • mga abiso
  • marami pang ibang function.

Upang lumikha ng isang malakas na social network gamit ang WordPress, kailangan mong mag-isip tungkol sa higit pa sa pagpili ng isang plugin at tema. Kakailanganin mo ring alagaan ang pagpili ng kalidad ng pagho-host, pati na rin ang pag-promote ng iyong site sa mga search engine. Pagdating sa pagtatrabaho sa mga plugin, subukan muna ang iba't ibang mga opsyon at pagkatapos ay gawin ang iyong panghuling pagpipilian.

Tandaan

Ang paglikha ng isang social network batay sa WordPress ay isang simpleng proseso. Ang kailangan mo lang ay isang business plan, isang social media plugin, at isang katugmang tema. Tandaan, maaari kang pumili ng anumang tema at i-customize ito ayon sa gusto mo, ngunit ang mga tema ng social media ay makakatipid sa iyo ng oras sa pamamagitan ng pag-aalok ng maraming mga pagpipilian.

Sa nakalipas na ilang taon, ang katanyagan ng mga social network ay tumaas sa hindi pa nagagawang antas. Ang kinikilalang pinuno sa lugar na ito ay, siyempre, ang Facebook. Ang isang malaking bilang ng iba't ibang mga application ay binuo para dito, malawakang gumagamit ng teknolohiya.

Ngunit kung ang iyong mga plano ay hindi kasama ang pag-overtake sa Facebook o VKontakte sa katanyagan, at gusto mo lang lumikha ng iyong sariling social network o komunidad, katulad ng Facebook, Vkontakte, Twitter o Google Plus - kung gayon ang pagsusuri na ito ay para sa iyo.

Isasaalang-alang namin 15 script para sa paglikha ng isang social network sa na may mga karaniwang function para sa mga naturang produkto, chat, microblog a la Twitter at iba pang sikat na function na walang alinlangan na magugustuhan mo. Kasama sa pagpili ang parehong bayad at libreng solusyon.

phpDolphin

Ito platform para sa paglikha ng isang social network nagbibigay ng halos kaparehong feature gaya ng Facebook - live chat, pagpapadala ng mga pribadong mensahe, komento, pagbabahagi ng larawan at marami pang iba.
Gastos: $43

LiveStreet CMS

Blogosocial platform Produksyong domestiko. Sa RuNet mayroong madalas na mga portal na binuo sa tulong nito. Kung susubukan mong ilarawan ang CMS na ito sa maikling salita, ito ay isang uri ng analogue ng kilalang Habrahabr. Ang kahulugan ng system ay ito: bawat user ay maaaring maging isang may-akda.
Gastos: Libre

Boonex Dolphin

Ang Boonex Dolphin ay isang malakas CMS para sa paglikha ng isang social network. Ang arsenal ay may malaking bilang ng mga extension, tulad ng: mga grupo, anunsyo, audio at video catalog, poster, blog, chat, file catalog, atbp. Maaari mo ring palawakin ang karaniwang hanay ng mga bayad na module, na maaaring mabili sa opisyal website. Posibleng i-customize ang istilo ng iyong mga page. Bilang karagdagan, ang mga developer ay nagbibigay ng mga mobile application na sumasama sa iyong portal. Ang CMS ay binabayaran, ngunit mayroong isang pagsubok na bersyon para sa pagsubok.
Mula sa aking karanasan sa pagtatrabaho sa makinang ito, masasabi kong ang sistema ay malakas at medyo matatag, ngunit nangangailangan ito ng isang mahusay na server, dahil kumonsumo ito ng maraming mapagkukunan.
Gastos: mula sa $29/buwan o mula sa $599 para sa isang beses na pagbili (mayroong trial na bersyon).

Negosyong Panlipunan

Ang Social Business ay script ng social network para sa mga negosyante. Ang pangunahing layunin ng script na ito ay upang bigyang-daan ang mga negosyante na makahanap ng mga kasosyo. Ang ilan katulad ng LinkedIn.
Gastos: $32

SocEuro Social Network

Ang SocEuro ay medyo gumagana script ng social network na may karaniwang hanay ng mga module para sa ganitong uri ng produkto. Kumain mga pag-record ng audio bilang VKontakte, mga chat, feed, laro...
Gastos: $43

Oxwall

Talagang libreng social network script open source. Mayroon itong malaking bilang ng parehong libre at natatanging mga add-on na hindi mahahanap kahit sa mga bayad na analogue: photo gallery, video catalog, blog, forum, wiki, grupo, kaganapan, kaibigan, pakikipagtulungan, pagbabahagi ng file, video conference, atbp .
Gastos: Libre

Socialkit

Halos lahat ng mga function na naging pamantayan para sa mga social network ay nakapaloob sa platform ng ScialKit: live chat, personal na mga pahina, pagmemensahe at mga link, ang kakayahang mag-iwan ng mga komento at gusto, mga abiso, hashtag at pagbanggit.
Gastos: $39

Pligg

Si Pligg ay libre, isang simple ngunit mahusay na solusyon para sa paglikha ng blog-social network o komunidad. Ang kakaiba ay maaari kang lumikha ng isang self-regulating na komunidad. Ang mga gumagamit mismo ang nagpapasya kung ano ang masama at kung ano ang mabuti. Tinatanggal nito ang pangangailangan para sa pagmo-moderate. Ang Habrahabr at ang LiveStreet CMS system, na naroroon din sa koleksyong ito, ay gumagana sa isang katulad na pilosopiya.
Gastos: Libre

SocioQuiz

Ang SocioQuiz ay isang script na maaaring gawing portal ng iba't ibang uri ng iyong website pagsusulit, survey at pagsusulit. Nagbibigay ng ganap na suporta para sa nilalaman ng larawan at video, pati na rin ang kumpletong kalayaan na gamitin ang iyong sarili. Ito ay may higit na higit na kakayahan kumpara sa mga katulad na site tulad ng Playbuzz, Buzzfeed at iba pa.
Gastos: $44

Friendly Social Network

Friendly social network ang tunay social network para sa mga kaibigan. Mayroon itong buong hanay ng mga function na kinakailangan sa kasong ito: mga personal na pahina, grupo, live chat, komento, gusto, hashtag, pagbanggit, notification. Posibleng lumikha ng hiwalay na mga profile para sa mga kaibigan at pampubliko. Makokontrol mo ang pagpapakita ng mga post - makikita ng lahat (pampubliko), o ng mga kaibigan lang. At ilan lang ito sa mga feature na ginagawang halos perpektong platform ang Friendly para sa paglikha ng sarili mong komunidad.
Gastos: $36