Szablony dla sieci społecznościowej. Szablony HTML dla sieci społecznościowych. Nowe tagi HTML5

Witam, drodzy czytelnicy bloga. Możesz oczywiście użyć wtyczki do tego zadania, ale Zrobienie tego samemu nie jest takie trudne, a będzie ich mniej, tym bardziej, że mam ich już sporo w pracy (patrz artykuł pod podanym linkiem). Zaczerpnąłem ikony z portali społecznościowych, o których już szerzej pisałem (mam nadzieję, że Dimox nie będzie miał nic przeciwko).

Uznałem również za stosowne wysłać e-mail.

Tworzymy sprite'a z przycisków i wstawiamy kod HTML na stronę

Po utworzeniu wszystkich niezbędnych grup i stron w sieciach społecznościowych, a tym samym otrzymaniu wszystkich niezbędnych linków, możesz się zdziwić, dodając przyciski do witryny. Możesz oczywiście, zgodnie z moim postem, wybrać odpowiednią ikonę dla każdej sieci społecznościowej i, jeśli to konieczne, zmniejszyć jej rozmiar do wymaganego rozmiaru w i.

Ale to nie jest najlepsza opcja. Dlaczego? Cóż, ponieważ aby załadować każdy obraz z sieci społecznościowej, do Twojego serwera zostanie wysłane osobne żądanie. Jeśli masz kilkanaście ikon, oznacza to dziesięć żądań, co w każdym przypadku spowoduje dodatkowe obciążenie serwera i . Takie marnotrawstwo nam nie odpowiada, zwłaszcza, że ​​dzieje się to już od dawna.

Postanowiłem nie wymyślać koła na nowo (tworzyć duszka), lecz skorzystać z tego, które stworzył konstruktor Share42 (link do opisu pracy z nim znajduje się tuż powyżej). Możesz w nim wybrać te sieci społecznościowe, których ikony będą Ci potrzebne, a wraz z kodem otrzymasz duszka CSS, tj. fizycznie jeden plik graficzny, na którym zostaną umieszczone wszystkie potrzebne ikony sieci społecznościowych oraz subskrypcje kanału RSS (i e-maila, jeśli to konieczne).

Wybrałem cztery główne sieci i kilka ikon do subskrypcji wiadomości o rozmiarze ikony 24 na 24, więc mój duszek wygląda tak (choć nadal tam jest, ale to nie ma znaczenia):

Teraz mamy wszystkie składniki - linki do grup lub stron sieci społecznościowych oraz ikony do wyświetlania ich na stronie. Pozostaje tylko odpowiednio to wszystko przygotować, tj. makijaż. Mój blog działa na WordPressie, więc wkleję kod z przyciskami do jednego z plików . W moim przypadku nazywa się to sidebar.php. Kod HTML okazuje się to niezwykle proste:

No i co najciekawsze. Za naszą pomocą określamy, który obszar naszego duszka będzie wyświetlany w tym konkretnym miejscu jako tło (w naszym przypadku tło to znajduje się pod hiperłączem). Wyjaśnienie, jak to się dzieje, zajmuje bardzo dużo czasu, więc przeczytaj artykuł, do którego prowadzi link, a wszystko stanie się jasne (zawiera również ilustrujące przykłady). Jeśli jesteś leniwy, po prostu poeksperymentuj z liczbami, które, jak być może zauważyłeś, nie na darmo dzielą się przez 24.

Tak, prześlij plik sprite'a przez FTP na swoją stronę internetową i w tle wskaż ścieżkę do niego (). To wszystko. Jeśli to nie zadziała, przeczytaj dokładniej materiały z linków powyżej, cóż, a jeśli w ogóle nic nie wyjdzie, to opisz swoją sytuację w komentarzach (dokładnie - aby wstawić kod, pamiętaj o załączeniu go w PHP tagi w nawiasach kwadratowych).

Powodzenia! Do zobaczenia wkrótce na stronach bloga

Możesz być zainteresowany


Pomysł zorganizowania platformy internetowej, która zjednoczy ludzi o wspólnych zainteresowaniach, aby następnie uzyskać dobry ruch i wprowadzić system płatnej subskrypcji, przyciąga wielu. Aby osiągnąć ten cel w krótkim czasie, odpowiednia jest sieć społecznościowa zbudowana na szablonie WordPress kompatybilnym z wtyczkami BuddyPress i bbPress. Zapewniają pełną funkcjonalność sieci społecznościowej: tworzenie profili, wymianę wiadomości, dodawanie znajomych, komunikację na forum, współpracę nad plikami i inne opcje.

10 szablonów dla serwisu społecznościowego na WordPress + BuddyPress

1. Słodka randka

Szablon dla sieci społecznościowej oferujący 2 wersje demonstracyjne serwisu randkowego i 1 wersję demonstracyjną witryny umożliwiającej wyszukiwanie towarzyszy podróży. Serwis Sweet Date może korzystać z systemu płatnej subskrypcji oraz kontrolować dostęp do treści. W pełni responsywny projekt motywu gwarantuje, że odwiedzający witrynę na dowolnym urządzeniu będą mieli takie same doświadczenia.


2. Rozwijaj się

Szablon dla społeczności intranetowych i internetowych. Jest to uniwersalna platforma, która łączy w sobie funkcjonalność sieci społecznościowej, forum, systemów przesyłania wiadomości, organizacji wydarzeń, zarządzania projektami i udostępniania plików, e-commerce i e-learningu (jeśli zakupisz wtyczkę Learndash).


3. Kumpel

Motyw opracowany dla Buddypress i bbPress pomaga stworzyć sieć społecznościową o nowoczesnym wyglądzie. Buddy korzysta z responsywnego układu Retina Ready i biblioteki czcionek ikon Font Awesome. Szablon umożliwia łatwe dodanie do Twojej witryny widżetów takich jak: „Nowi/popularni/aktywni użytkownicy”, „Nowe/popularne grupy”, „Kalendarz”, „Najnowsze tematy na forum”, „Statystyki”, „Użytkownicy online” .


4. Uspołeczniaj się

Szablon w pełni wykorzystuje możliwości Buddypress, co czyni go dobrą podstawą dla społeczności lub sieci społecznościowej. Socialize całkowicie zmieniło wygląd bbPress, przybliżając go do klasycznego stylu forum. Aby webmaster mógł osiągnąć pożądany typ wyświetlania treści, szablon zawiera 4 opcje układu strony głównej, 9 dla kategorii, 6 dla postów.


5. Kleina

Innowacyjny motyw przeznaczony do współpracy z BuddyPress i bbPress, wykonany ze szczególną dbałością o szczegóły. Odpowiedni dla tych, którzy potrzebują społeczności internetowej lub sieci społecznościowej obsługiwanej przez WordPress. Idealny dla witryn z dużą liczbą zarejestrowanych użytkowników. Łącząc się z członkami społeczności.


6. KLEO

KLEO zdobył tytuł najlepiej sprzedającego się motywu BuddyPress tego roku, ponieważ naprawdę spełnia oczekiwania. Szablon oferuje prosty szablon ze zweryfikowanymi elementami wtórnymi. Motyw wykorzystuje wbudowaną wyszukiwarkę, której nie ma w żadnym innym szablonie i pozwala uniknąć instalowania specjalnych wtyczek, co korzystnie wpływa na szybkość działania witryny.


7. Monstroid2

Uniwersalny szablon, naśladowca legendarnego motywu Monstroid, całkowicie przepisany od podstaw. Dzięki kompatybilności z wtyczką BuddyPress szablon umożliwia webmasterom utworzenie serwisu społecznościowego lub tematycznej społeczności online bez dodatkowego wysiłku. Szablon zapewnia 7 niestandardowych stylów nagłówków i obsługuje mega menu. Kupujący może wykorzystać zdjęcia z wersji demonstracyjnej na swojej stronie internetowej.


Pierwszy najpopularniejszy motyw WordPress dla społeczności intranetowych/ekstranetowych. Woffice można używać w korporacyjnych i rządowych sieciach intranetowych/ekstranetowych, zwykłych społecznościach internetowych i sieciach społecznościowych, szkolnych lub innych prywatnych sieciach społecznościowych.


Rzućmy okiem na niektóre motywy WordPress stworzone specjalnie dla mediów społecznościowych.

1. Mingle – uniwersalny motyw WordPress

Jeśli budujesz swoją sieć społecznościową za pomocą BuddyPress, potrzebujesz Mingle z jego funkcjami i wyglądem. Opracowany przez elitarny zespół Parallelus, Mingle jest dostosowany do platformy BuddyPress i oferuje mnóstwo wspaniałych funkcji.

Funkcje tego motywu:

  • edytor pola kontaktowego
  • generator paska bocznego
  • Obsługa HTML5 + CSS3
  • Kod przyjazny SEO
  • blogi
  • teczka
  • pokaz slajdów
  • krótkie kody
  • wiele innych funkcji.

2. Powitanie Responsywny motyw WordPress + BuddyPress

Wraz z wydaniem Salutation można śmiało powiedzieć, że Parallelus rozumie, czego potrzeba, aby stworzyć dobry projekt. Przede wszystkim warto zaznaczyć, że Salutation to produkt w 100% responsywny – Twoja sieć społecznościowa będzie doskonale działać na różnych urządzeniach mobilnych o dowolnej wielkości ekranu.

Dodatkowo Salutation ma kilka ciekawych funkcji:

  • Rewolucyjny suwak
  • możliwość przeciągania i upuszczania
  • nieograniczony wybór kolorów
  • wyskakujące pola logowania
  • łatwe ustawienia
  • blogi
  • widżety
  • intuicyjny panel administracyjny
  • generator paska bocznego
  • teczka
  • Kompatybilny z BuddyPress
  • krótkie kody
  • wiele więcej.

3. Woffice – motyw WordPress dla intranetu/ekstranetu

Ten motyw ma wiele funkcji, szeroką gamę funkcji, w tym wysokie standardy kodowania, regularne aktualizacje i doskonałe wsparcie. Możesz używać Woffice do tworzenia sieci społecznościowych, sieci wewnętrznych i zewnętrznych lub społeczności dla szkół, miejsc pracy, firm i agencji rządowych.

Funkcje tego motywu:

  • Obsługa funkcji BuddyPress
  • menedżer plików
  • ikony
  • czat i wiadomości
  • fora
  • Czcionki Google
  • elastyczny projekt
  • wersja demo
  • dokumentacja
  • lekcje wideo
  • kalendarz
  • krótkie kody
  • bbNaciśnij
  • Obsługa WMPL-a
  • czysty kod
  • nieograniczona liczba pasków bocznych
  • niestandardowe widżety
  • strony logowania użytkowników
  • sklep internetowy.

4. Wąż – responsywny motyw sieci społecznościowej

Ten motyw ma tak wiele funkcji, że prawdopodobnie niektóre z nich nigdy nie będą Ci potrzebne. Serpent to jedyny w swoim rodzaju motyw WordPress, który może przenieść Twoją witrynę na wyższy poziom. Po prostu nie da się jej zrobić nic złego.

Twórcami tego motywu jest szanowany zespół Cosmothemes.

Główne cechy motywu:

Cena obejmuje przyszłe aktualizacje i 6-miesięczne wsparcie.

5. UnitedCommunity – motyw BuddyPress

UnitedCommunity to wielofunkcyjny motyw WordPress dla sieci społecznościowych autorstwa szanowanego zespołu Diabolique. Jest to nowy temat opublikowany 2 września 2015 r.

Jego godne uwagi cechy:

  • przyciągający wzrok, niepowtarzalny i responsywny projekt
  • ponad 40 stron wewnętrznych
  • widżety na stronie głównej
  • łatwość instalacji i konfiguracji
  • Kompatybilny z WooCommerce
  • niestandardowe widżety
  • wyskakujące powiadomienia
  • Obsługa WPML-a
  • Czcionki Google
  • rozwijane menu
  • wiele więcej.

6. Klein – ciekawy motyw społecznościowy

Jeśli szukasz idealnego motywu WordPress dla swojej sieci społecznościowej, nie szukaj dalej niż Klein. Zapewnia użytkownikom możliwość pracy z w pełni funkcjonalną siecią społecznościową i posiada szeroki zakres możliwości.

Twoi użytkownicy mogą wysyłać nieograniczoną liczbę wiadomości, udostępniać wydarzenia, dodawać kontakty, omawiać pomysły na forach i tworzyć piękne profile użytkowników. Możesz skorzystać z kompatybilności Kleina z WooCommerce i sprzedawać produkty członkom swojej sieci. Dodatkowo Klein obsługuje WordPress 4.4, bbPress i BuddyPress, dzięki czemu możesz zamienić swoją witrynę WordPress w popularną sieć społecznościową.

Inne funkcje obejmują:

  • edytor wizualny
  • niestandardowe kolory
  • Rewolucyjny suwak
  • Kompatybilny z WPML-em
  • elastyczny projekt
  • intuicyjny panel administracyjny
  • Kod przyjazny SEO
  • 6 różnych nagłówków + układy
  • wsparcie mediów społecznościowych
  • Ponad 1000 ikon czcionek
  • powiadomienia
  • wiele innych funkcji.

Aby stworzyć potężną sieć społecznościową za pomocą WordPressa, musisz pomyśleć o czymś więcej niż tylko wyborze wtyczki i motywu. Będziesz także musiał zadbać o wybór wysokiej jakości hostingu, a także promocję swojej witryny w wyszukiwarkach. Jeśli chodzi o pracę z wtyczkami, wypróbuj najpierw różne opcje, a następnie dokonaj ostatecznego wyboru.

Notatka

Tworzenie sieci społecznościowej opartej na WordPressie jest prostym procesem. Wszystko czego potrzebujesz to biznesplan, wtyczka do mediów społecznościowych i kompatybilny motyw. Pamiętaj, że możesz wybrać dowolny motyw i dostosować go do swoich upodobań, ale motywy mediów społecznościowych pozwolą Ci zaoszczędzić czas, oferując wiele opcji.

W ciągu ostatnich kilku lat popularność sieci społecznościowych wzrosła do niespotykanego dotąd poziomu. Uznanym liderem w tym obszarze jest oczywiście Facebook. Opracowano dla niego ogromną liczbę różnych aplikacji, szeroko wykorzystujących tę technologię.

Ale jeśli twoje plany nie obejmują wyprzedzenia popularności Facebooka lub VKontakte, a po prostu chcesz utwórz własną sieć społecznościową lub społeczność, podobnie jak Facebook, Vkontakte, Twitter czy Google Plus - ta recenzja jest dla Ciebie.

Rozważymy 15 skryptów do tworzenia sieci społecznościowej na ze standardowymi funkcjami dla takich produktów, czatami, mikroblogami a la Twitter i innymi popularnymi funkcjami, które niewątpliwie przypadną Ci do gustu. W ofercie znajdują się zarówno rozwiązania płatne, jak i bezpłatne.

phpDolfin

Ten platforma do tworzenia sieci społecznościowej zapewnia prawie te same funkcje co Facebook - czat na żywo, wysyłanie prywatnych wiadomości, komentarzy, udostępnianie zdjęć i wiele więcej.
Koszt: 43 dolarów

CMS LiveStreet

Platforma blogowo-społeczna produkcja krajowa. W RuNet dość często pojawiają się portale zbudowane przy jego pomocy. Jeśli spróbujesz opisać ten CMS w skrócie, jest to swego rodzaju odpowiednik znanego Habrahabra. Znaczenie systemu jest takie: każdy użytkownik może zostać autorem.
Koszt: bezpłatny

Delfin Boonex

Boonex Dolphin jest potężny CMS do tworzenia sieci społecznościowej. Arsenał posiada ogromną liczbę rozszerzeń, takich jak: grupy, ogłoszenia, katalog audio i wideo, plakat, blogi, czat, katalog plików itp. Możesz także rozszerzyć standardowy zestaw płatnych modułów, które można kupić na oficjalnym strona internetowa. Istnieje możliwość dostosowania stylu swoich stron. Ponadto programiści udostępniają aplikacje mobilne, które integrują się z Twoim portalem. CMS jest płatny, ale dostępna jest wersja próbna do testów.
Z mojego doświadczenia w pracy z tym silnikiem mogę powiedzieć, że system jest mocny i stosunkowo stabilny, ale wymaga dobrego serwera, ponieważ zużywa dużo zasobów.
Koszt: od 29 USD miesięcznie lub od 599 USD za jednorazowy zakup (dostępna jest wersja próbna).

Działalność społeczna

Biznes społeczny jest skrypt sieci społecznościowej dla biznesmenów. Głównym celem tego skryptu jest umożliwienie przedsiębiorcom znalezienia partnerów. Niektóre podobny do LinkedIn.
Koszt: 32 USD

Sieć społecznościowa SocEuro

SocEuro jest całkiem funkcjonalne skrypt sieci społecznościowej z typowym dla tego typu produktów zestawem modułów. Jeść nagrania audio jako VKontakte, czaty, kanały, gry...
Koszt: 43 dolarów

Oxwall

Absolutnie darmowy skrypt sieci społecznościowej otwarte źródło. Ma ogromną liczbę tych samych bezpłatnych i unikalnych dodatków, których nie można znaleźć nawet w płatnych analogach: galeria zdjęć, katalog wideo, blogi, fora, wiki, grupy, wydarzenia, przyjaciele, współpraca, udostępnianie plików, wideokonferencje itp. .
Koszt: bezpłatny

Zestaw społecznościowy

Prawie wszystkie funkcje, które stały się standardem w sieciach społecznościowych, są zawarte w platformie ScialKit: czat na żywo, strony osobiste, wiadomości i linki, możliwość pozostawiania komentarzy i polubień, powiadomienia, hashtagi i wzmianki.
Koszt: 39 dolarów

Pligg

Pligg jest bezpłatny, proste, ale potężne rozwiązanie dla utworzenie sieci lub społeczności blogowo-społecznej. Osobliwością jest to, że możesz stworzyć samoregulującą się społeczność. Użytkownicy sami decydują, co jest złe, a co dobre. Eliminuje to potrzebę moderacji. Habrahabr i system LiveStreet CMS, który również jest obecny w tej kolekcji, działają na podobnej filozofii.
Koszt: bezpłatny

Quiz społecznościowy

SocioQuiz to skrypt, który może zamienić Twoją witrynę w portal o szerokiej gamie testy, ankiety i quizy. Zapewnia pełną obsługę treści fotograficznych i wideo, a także pełną swobodę wykorzystania własnych. Ma znacznie więcej możliwości w porównaniu do podobnych witryn, takich jak Playbuzz, Buzzfeed i inne.
Koszt: 44 dolarów

Przyjazna sieć społecznościowa

Przyjazna sieć społecznościowa jest tą prawdziwą sieć społecznościowa dla przyjaciół. Posiada pełen zestaw funkcji wymaganych w tym przypadku: strony osobiste, grupy, czat na żywo, komentarze, polubienia, hashtagi, wzmianki, powiadomienia. Możliwe jest utworzenie osobnych profili dla znajomych i publicznych. Możesz kontrolować wyświetlanie postów - widocznych dla wszystkich (publiczne) lub tylko dla znajomych. A to tylko niektóre z funkcji, które sprawiają, że Friendly jest niemal idealną platformą do tworzenia własnej społeczności.
Koszt: 36 dolarów