Әлеуметтік желіге арналған шаблондар. Әлеуметтік желілерге арналған HTML үлгілері. Жаңа HTML5 тегтері

Сәлем, құрметті блог сайтының оқырмандары. Сіз, әрине, бұл тапсырма үшін плагинді пайдалана аласыз, бірақ Мұны өзіңіз жасау қиын емес, және олардың саны аз болады, әсіресе менде олардың көпшілігі жұмыс істеп тұрғандықтан (берілген сілтемедегі мақаланы қараңыз). Мен әлеуметтік желінің белгішелерін алдым, олар туралы егжей-тегжейлі жазғанмын (Dimox бұған қарсы болмайды деп үміттенемін).

Сондай-ақ электрондық поштаны жіберуді дұрыс деп санадым.

Біз түймелерден спрайт жасаймыз және сайтқа Html кодын енгіземіз

Әлеуметтік желілерде барлық қажетті топтар мен беттерді жасағаннан кейін, сондықтан барлық қажетті сілтемелерді алғаннан кейін сайтқа түймелерді қосу арқылы сізді таң қалдыруға болады. Сіз, әрине, менің постыма сәйкес әрбір әлеуметтік желі үшін қолайлы белгішені таңдай аласыз және қажет болған жағдайда оның өлшемін және ішінде қажетті өлшемге дейін азайта аласыз.

Бірақ бұл ең жақсы нұсқа емес. Неліктен? Әрбір әлеуметтік желі кескінін жүктеу үшін серверге жеке сұрау жіберіледі. Егер сізде ондаған белгішелер болса, бұл кез келген жағдайда серверге және қосымша жүктемені тудыратын он сұрауды білдіреді. Мұндай ысырапшылдық, әсіресе, бұрыннан болып жатқандықтан, бізге жараспайды.

Мен дөңгелекті қайта ойлап таппаймын деп шештім (спрайт жасау), бірақ Share42 конструкторы жасағанды ​​қолдандым (онымен жұмыс істеу сипаттамасына сілтеме жоғарыда берілген). Онда сіз белгішелері қажет әлеуметтік желілерді таңдай аласыз және кодпен бірге сіз CSS спрайтын аласыз, яғни. физикалық түрде бір графикалық файл, оған барлық қажетті әлеуметтік желі белгішелері және RSS арнасына жазылымдар (және қажет болса, электрондық пошта) орналастырылады.

Мен 24-тен 24-ке дейінгі белгіше өлшемі бар жаңалықтарға жазылу үшін төрт негізгі желі мен бірнеше белгішені таңдадым, сондықтан менің спрайтым келесідей көрінеді (ол әлі де бар, бірақ маңызды емес):

Енді бізде барлық ингредиенттер бар - топтарға немесе әлеуметтік желі беттеріне сілтемелер және оларды сайтта көрсетуге арналған белгішелер. Барлығын дұрыс дайындау ғана қалады, яғни. татуласу. Менің блогым 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 орналасуын және 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 көмегімен құрып жатсаңыз, сізге оның мүмкіндіктері мен дизайнымен біріктіру қажет. Parallelus компаниясының элиталық командасы әзірлеген Mingle BuddyPress платформасы үшін арнайы жасалған және көптеген керемет мүмкіндіктермен бірге келеді.

Бұл тақырыптың ерекшеліктері:

  • өріс редакторымен байланысыңыз
  • бүйірлік жолақ генераторы
  • HTML5 + CSS3 қолдауы
  • SEO-ға қолайлы код
  • блогтар
  • портфолио
  • слайд шоу
  • қысқа кодтар
  • көптеген басқа мүмкіндіктер.

2. Сәлемдеуге жауап беретін WordPress + BuddyPress тақырыбы

Salutation шығарылымымен Parallelus жақсы дизайн жасау үшін не қажет екенін түсінеді деп айтуға болады. Ең алдымен, 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 жылдың 2 қыркүйегінде шыққан жаңа тақырып.

Оның көрнекті ерекшеліктері:

  • көз тартарлық, бірегей және жауап беретін дизайн
  • 40-тан астам ішкі беттер
  • басты беттегі виджеттер
  • орнату және конфигурациялаудың қарапайымдылығы
  • WooCommerce үйлесімді
  • теңшелетін виджеттер
  • қалқымалы хабарландырулар
  • WPML қолдауы
  • Google қаріптері
  • ашылмалы мәзірлер
  • әлдеқайда көп.

6. Klein – Nitty Gritty қоғамдастық тақырыбы

Егер сіз әлеуметтік желіңіз үшін тамаша WordPress тақырыбын іздесеңіз, Klein-ден басқа іздеңіз. Ол пайдаланушыларға толық жұмыс істейтін әлеуметтік желімен жұмыс істеу мүмкіндігін береді және кең мүмкіндіктерге ие.

Пайдаланушылар шексіз хабарламалар жібере алады, оқиғаларды бөліседі, контактілерді қоса алады, форумдарда идеяларды талқылайды және әдемі пайдаланушы профильдерін жасай алады. Сіз Klein's WooCommerce үйлесімділігін пайдалана аласыз және желі мүшелеріне өнімдерді сата аласыз. Сонымен қатар, Klein WordPress 4.4, bbPress және BuddyPress нұсқаларын қолдайды, бұл сізге WordPress сайтыңызды танымал әлеуметтік желіге айналдыру мүмкіндігін береді.

Басқа мүмкіндіктер мыналарды қамтиды:

  • визуалды редактор
  • реттелетін түстер
  • Революция сырғытпасы
  • WPML үйлесімді
  • жауап беретін дизайн
  • интуитивті басқару тақтасы
  • SEO-ға қолайлы код
  • 6 түрлі тақырыптар + орналасулар
  • әлеуметтік медианы қолдау
  • 1000+ қаріп белгішелері
  • хабарландырулар
  • көптеген басқа функциялар.

WordPress көмегімен қуатты әлеуметтік желіні құру үшін сізге плагин мен тақырыпты таңдаудан көп нәрсе ойлану керек. Сондай-ақ сапалы хостингті таңдауға, сондай-ақ сайтыңызды іздеу жүйелерінде жылжытуға қамқорлық жасауыңыз керек. Плагиндермен жұмыс істеуге келетін болсақ, алдымен әртүрлі опцияларды қолданып көріңіз, содан кейін соңғы таңдауыңызды жасаңыз.

Ескерту

WordPress негізінде әлеуметтік желі құру – қарапайым процесс. Сізге тек бизнес-жоспар, әлеуметтік медиа плагині және үйлесімді тақырып қажет. Есіңізде болсын, сіз кез келген тақырыпты таңдап, оны өз қалауыңыз бойынша теңшей аласыз, бірақ әлеуметтік медиа тақырыптары көптеген опцияларды ұсына отырып, уақытыңызды үнемдейді.

Соңғы бірнеше жылда әлеуметтік желілердің танымалдылығы бұрын-соңды болмаған деңгейге көтерілді. Бұл саладағы танымал көшбасшы, әрине, Facebook. Ол үшін технологияны кеңінен қолдана отырып, көптеген әртүрлі қосымшалар әзірленді.

Бірақ егер сіздің жоспарларыңыз танымалдығы бойынша Facebook немесе ВКонтакте басып озуды қамтымаса және сіз жай ғана қаласаңыз жеке әлеуметтік желіні немесе қауымдастықты жасаңыз, Facebook, Vkontakte, Twitter немесе Google Plus сияқты - онда бұл шолу сізге арналған.

Біз қарастырамыз Әлеуметтік желіні құруға арналған 15 сценарийосындай өнімдерге арналған стандартты функциялармен, чаттармен, Twitter микроблогтарымен және сізге ұнайтын басқа танымал функциялармен. Таңдау ақылы және тегін шешімдерді қамтиды.

phpDolphin

Бұл әлеуметтік желіні құруға арналған платформа Facebook сияқты дерлік мүмкіндіктерді қамтамасыз етеді - тікелей чат, жеке хабарламалар жіберу, пікірлер, фотосуреттерді бөлісу және т.б.
Құны: $43

LiveStreet CMS

Блог әлеуметтік платформасыотандық өндіріс. RuNet-те оның көмегімен жасалған порталдар жиі кездеседі. Егер сіз бұл CMS-ті қысқаша сипаттауға тырыссаңыз, бұл оның бір түрі белгілі Хабрахабрдың аналогы. Жүйенің мәні мынада: әрбір қолданушы автор бола алады.
Құны: тегін

Бунекс дельфині

Boonex Dolphin - күшті Әлеуметтік желіні құруға арналған CMS. Арсеналда көптеген кеңейтімдер бар, мысалы: топтар, хабарландырулар, аудио және бейне каталогтар, постер, блогтар, чат, файлдар каталогы және т.б. Сондай-ақ ресми сайттан сатып алуға болатын ақылы модульдердің стандартты жиынтығын кеңейтуге болады. веб-сайт. Беттердің стилін реттеуге болады. Бұған қоса, әзірлеушілер порталыңызбен біріктірілген мобильді қосымшаларды ұсынады. CMS ақылы, бірақ тестілеуге арналған сынақ нұсқасы бар.
Осы қозғалтқышпен жұмыс істеу тәжірибемнен жүйе күшті және салыстырмалы түрде тұрақты деп айта аламын, бірақ ол көп ресурстарды тұтынатындықтан жақсы серверді қажет етеді.
Құны: айына $29 бастап немесе бір реттік сатып алу үшін $599 бастап (сынақ нұсқасы бар).

Әлеуметтік бизнес

Әлеуметтік бизнес бизнесмендерге арналған әлеуметтік желі сценарийі. Бұл сценарийдің негізгі мақсаты - іскер адамдарға серіктестер табуға мүмкіндік беру. Кейбір LinkedIn-ге ұқсас.
Құны: $32

SocEuro әлеуметтік желісі

SocEuro өте функционалды әлеуметтік желі сценарийіосы өнім түріне арналған типтік модульдер жиынтығымен. Тамақ VKontakte ретінде аудио жазбалар, чаттар, арналар, ойындар...
Құны: $43

Оксуолл

Мүлдем тегін әлеуметтік желі сценарийіашық дереккөз. Оның ақылы аналогтарында да табылмайтын көптеген тегін және бірегей қондырмалары бар: фотогалерея, бейне каталог, блогтар, форумдар, викилер, топтар, оқиғалар, достар, ынтымақтастық, файлдарды ортақ пайдалану, бейне конференциялар және т. .
Құны: тегін

Socialkit

Әлеуметтік желілер үшін стандартқа айналған барлық дерлік функциялар ScialKit платформасында жинақталған: тікелей чат, жеке беттер, хабарламалар мен сілтемелер, пікірлер мен ұнатулар, хабарландырулар, хэштегтер мен ескертулер қалдыру мүмкіндігі.
Құны: $39

Плигг

Плигг Тегін, үшін қарапайым, бірақ күшті шешім блог-әлеуметтік желі немесе қауымдастық құру. Ерекшелігі - өзін-өзі реттейтін қоғамдастық құруға болады. Ненің жаман, ненің жақсы екенін пайдаланушылар өздері шешеді. Бұл модерация қажеттілігін жояды. Habrahabr және осы жинақта да бар LiveStreet CMS жүйесі ұқсас философиямен жұмыс істейді.
Құны: тегін

Әлеуметтік сауалнама

SocioQuiz - бұл сіздің веб-сайтыңызды алуан түрлі порталға айналдыра алатын сценарий тесттер, сауалнамалар және викториналар. Фото және бейне мазмұнына толық қолдау көрсетеді, сонымен қатар өзіңізді пайдаланудың толық еркіндігін қамтамасыз етеді. Оның Playbuzz, Buzzfeed және басқалары сияқты ұқсас сайттармен салыстырғанда әлдеқайда көп мүмкіндіктері бар.
Құны: $44

Достық әлеуметтік желі

Достық әлеуметтік желі - нағыз желі достарға арналған әлеуметтік желі. Бұл жағдайда қажетті функциялардың толық жиынтығы бар: жеке беттер, топтар, тікелей чат, пікірлер, ұнатулар, хэштегтер, ескертулер, хабарландырулар. Достар мен жалпыға ортақ профильдер үшін бөлек профильдер жасауға болады. Сіз жазбалардың көрсетілуін басқара аласыз - барлығына (жалпыға) немесе тек достарға көрінеді. Және бұл Friendly қолданбасын өз қауымдастығын құру үшін тамаша платформаға айналдыратын кейбір мүмкіндіктер ғана.
Құны: $36