Отборная информация, которая вставляет!

Руководство по созданию социальных сайтов на wordpress

Не так давно я немного рассказывал о своем опыте создания интересного функционала на сайте блекпиг. Начиная с этой статьи я открою большой цикл статей на тему «как самому сделать социальную сеть на базе wordpress»

UPD. Статья не актуальна — смотрите новую версию статьи как создать портал с социальными функциями, личным кабинетом, перепиской и т.д в новой статье с описанием плагина

Приблизительный план такой.

1. Статья — о том как интегрировать страницы регистрации в дизайн сайта и запретить пользователям доступ к админке. (статья ниже)

2. Создание блока автора, странички пользователя, дополнительных полей в профиле — 2 часть.

3. Создание форм, а также странички написания статей прямо с сайта, без захода в админку — 3 часть.

4. Системы рейтинга авторов.

Все это будет сопровождаться примерами кода и подробными инструкциями.

И начнем сегодня с первого пункта

Конкретно на блекпиге я создавал странички регистрации на сайте при помощи плагина Customize Your Community. Но сейчас я этот способ не использую. Почему? Потому что есть несколько мелочей в этом плагине, что затрудняет работу.

Во-первых, его не удобно устанавливать — так как нужно вписывать куски кода темы, иногда это трудно. 2 — он не поддерживает стандартные способы добавления новых полей в профиль пользователя.

Поэтому мы будем использовать связку других плагинов, которые имеют больше настроек, постоянно обновляются.

Это плагины Theme My Login и Theme My Profile.

Для обоих плагинов я сделал руссификацию — для Theme My Login и Theme My Profile. Скачайте оба файла, расспакуйте на компьютере и вставьте содержимое в папки language каждого плагина соответственно.

Теперь о настройках Theme My Login.

1. вкладка Общие — стандартные.

Здесь 4 настройки:

1. сюда вводим id страницы, которая будет использована для вставки форм. Обычно трогать ничего не нужно

2. Список страниц — включать ли в меню эту страницу

3. Переписать ссылки — не уверен точно, но здесь речь о том, что плагин создает другие ссылки для разлогина и на регистрацию. Я включил по умолчанию

4. Включить theme-my-login.css — это для того, чтобы все изменения в css файле плагина которые вы делаете не терялись при обновлении плагина.

2. вкладка Общие — модули.

первые 2 поля говорят о том, нужно ли позволять пользователям при регистрации иметь возможность выбирать e-mail и пароль. Третья говорит о том включить ли редирект. При включении этой опции будет доступна новая вкладка, на которой вы можете настроить правила редиректа  пользователей при входе\выходе на сайт.

Далее идет чекбокс Custom User Links — при включении которого, вы можете настроить ссылки для разных групп пользователей которые будут показаны в их блоке-профиле. Эти ссылки будут доступны в виджете плагина.

Следующий чекбокс ссылка не играет особой роли, так как для настройки профиля мы будем использовать другой плагин Theme My Profile.

Ну и последний чекбокс спрашивает нас включать ли модерацию пользователей.

3 вкладка — Общие — оптимизация.

2 чекбокса — первый включает доступность специальных тегов плагина, которые можете вставлять в тему в любом месте. Второй включает виджет плагина, который будет доступен в стандартных виджетах. Здесь делайте как вам удобно.

Вот по этому плагину и все.

По Theme My Profile особо рассказывать нечего, в настройках вы можете указать для какой группы пользователей блокировать доступ к админке и для какой группы пользователей использовать темизированный профиль.

Если вы включите плагины, а также вставите виджет первого плагина на сайт, то можно сказать, что у вас уже всё общение с пользователями будет происходить на страницах сайта — т.е. никаких стандартных админок.

Единственное, вам желательно бы настроить красиво вывод всех полей. Но тут уже все зависит от вашего сайта и вашей верстки, поэтому здесь помочь не могу. Иногда, верстка по умолчанию хорошо встает, а иногда приходится исправлять, но благо плагин генерирует специальные div и их легко изменить через css без проблем.

В следущеё статье я расскажу, как сделать блок пользователя на сайте, например, вот такой

А также расскажу, как создавать расширенную регистрацию, страницы профиля, блоки автора и т.д. Причем все это будет стандартными функциями wordpress, без каких либо плагинов.

Ваше чадо подрастает и ему нужно развиваться? Простые игрушки ему уже не интересны. Посетите интернет-магазин лего, вы обязательно найдете новое занятие для своего ребенка.



 

Похожие статьи:



61 комментарий к “Руководство по созданию социальных сайтов на wordpress”

  1. ридми:

    читал ваш пост на пиге — наконец-то я узнаю как делать мультиавторские блоги — ждем продолжения

  2. Масяня:

    о, давно искал эту инфу, даже на западе как-то все пишут расплывчато, суют всякие плагины wp-members — но оно все не то.

  3. wp-master:

    инфа очень полезная, будемс ждать обновы. наконец-то хоть кто-то напишет как это делать, а то я сам раньше пробовал — но обломался

  4. лесицко:

    wp 3.0
    тема P2
    Стоит подключить Theme My Profile, все начинает жутко глючить и посты непостятся. (((

    • ETNO:

      на локалке тестил 3.0.1 и Theme My Profile, на ливе стоит 2.9.2 — в обоих случаях проблем не было.

      Попробуйте может ещё поставить 6 версию Theme My Profile — она пока доступна в демо версии на сайте разработчика.

  5. лесицко:

    спасибо. разобрался.
    оказалось глючит тема (шаблон). на плагин ругался напрасно )))

  6. wpшник:

    о, отличная темка, когда уже обнова будет

  7. kiev:

    для социальных сетей порекомендовал бы использование wpmu , правда его доточка и настройка займет немного больше времени из-за меньшего количества шаблонов под wpmu , но если кому нужно могу с этой проблемой помочь)

  8. тимур:

    у меня проблема, когда ко мне заходят не зарег. пользователи их перенаправляют на страницу /login, и пока не авторизируешься , по сайту лазять не получается!!
    помогите плиз!!

    • ETNO:

      включен модуль редиректа и стоит галочка, что если юзер не залогинен, то перенаправлять его на страницу регистрации.

  9. Alexander:

    По поводу плагинов Theme My Login и Theme My Profile.

    Теперь можно использовать только Theme My Login (версии 6.+), так как редактирование профиля подключается как модуль.

  10. Поставил оба плагина, при активации один выдал фатальную ошибку и не активировался, другой активировался, но исчезли вобще все плагины в админке. Они то работают, но я их не вижу.

    Скачал последние версии плагинов, а ВП 2.9.2 Может из-за этого траблина?

  11. Добрый день. У меня вопрос: как Вы думаете, на какой cms все-таки лучше делать социалку? Может быть, drupal или livestreet лучше будет?

    • ETNO:

      drupal серьезней и стабильней, LS — проще для начала, быстро разивается. Я бы посоветовал глянуть сайты на LS, если вам понравится такая структура — смело берите LS

  12. А такой вопрос: как добавить капчу в форму регистрации в theme my login?

  13. Скажите а возможно ли сделать на этом двиге кроме профиля еще и личную почту, если да то может какие то статьи есть по этому вопросу?
    P.S.Статья отличная, очень информативно.

    • ETNO:

      я когда-то пробовал плагин, который делает эту возможность, но только с админки. Самому интересно как это бы вынести на сайт, чтобы без захода в админку можно было бы оставлять личные сообщения

  14. Ясно.Спасибо.
    Тогда может подскажете на каком движке можно сделать такую фишку, я новичек в этом деле и сейчас веду жесткую борьбу с PHP и CSS так что в ручную пока точно не смогу сам.=( А желание дикое, загорелся 1ной идеей и безумно хочу воплотить ее в жизнь!

  15. Спасибо за рекомендацию, буду пробовать.

  16. D3XR:

    А как можно разрешить пользователем изменять аватары?

    • ETNO:

      на самом сервисе аватарок их можно изменять, или же подключить плагин, который позволяет добавлять пользователям аватарки прямо на сайте

  17. наталья:

    Установила оба плагина. Как можно сделать так, чтобы при клике на ссылку «Регистрация», всплывало окошко со всеми полями формы, а не переходил пользователь на отдельную страницу. И тоже самое касается при клике на «Залогиниться». Буду очень признательна подробному описанию 🙂

    • ETNO:

      это вам другие плагины нужны, например login-box, вот обсуждение его на форуме . Ещё тут почитайте

      • наталья:

        login box у меня стоит. Но он позволяет сделать только форму входа на сайта всплывающим окном. А мне нужно еще тоже самое и для самой формы регистрации. Как вот это сделать? )

        • ETNO:

          ну таких плагинов не знаю, хотя возможно и есть. Можно ручками самому сделать, но без минимального знания php и jquery — вряд ли получится. Если же знания есть, то я рыл бы по следующей схеме — взял бы саму форму регистрации WP и закинул бы её на страницы, добавил бы к ней display:none; Далее подключил бы к сайту скрипт всплывающего окна (к примеру, можете глянуть jquery toolbox), и подключил бы, чтобы при клике на определенную кнопку, у формы регистрации менялось бы значение на display:block — вот вам и всплывающая форма регистрации

          • наталья:

            а можно тебя попросить это сделать на моем сайте + профиль пользователя и возможностью пользователям добавлять посты в определенную категорию? естественно не бесплатно

          • ETNO:

            нет, сейчас я заказы не беру и скорее всего не буду брать ещё долгое время. разве что только на дизайн, поищите исполнителя на форумах, я на маултаке находил хороших прогеров по ВП

  18. Майло:

    Возник следующий вопрос:

    можно ли убрать поле Admin Color Scheme в окне профиля? если да то как?

    спасибо)

    • ETNO:

      а зачем вам убирать, юзеры же будут ставить такой как им нравится, т.е. это будет не глобально, а именно для этого юзера. Или вы о другом спрашиваете?

      • Майло:

        Собственно проблема вышла такой. Судя из статей мы закрыли для пользователей админку и какие либо связи с ней. Но когда пользователь заходит в свой профиль он видит настройки:
        Visual Editor
        Admin Color Scheme
        Keyboard Shortcuts
        а это настройки самой админки как я понял.
        (может конечно и неправильно понял)))

        после чего уже идут стандартные имя и тд.
        можно ли их убрать?
        Заметил причем. лезут они только на версии Wp 3. на WP 2.9 это не лезло.

        Спасибо

  19. Майло:

    а вообще конечно гениальные статьи.

  20. Domino:

    Здравствуйте, хороший урок.
    Я хотел бы узнать как поменять «»» в заголовке виджета?

  21. Майло:

    родился еще вопрос, где прописать страницу выводимую при Login logoff?
    спасибо

    • ETNO:

      если с помощью плагина theme login, то они создаются автоматически и можно их редактировать как обычные страницы в админке

  22. Плагин загрузила, а активировать не хочет, пишет «Плагин не обладает корректным заголовком». Я уже 5 раз меняла названия — без результата. Версия 3.1.3. Подскажите, что может быть не так?

    • ETNO:

      может быть версия не подходит к версии wordpress. И дело в не заголовках — у вас видимо ошибка header already send — попробуйте поискать в поисковике эту ошибку, найдете много разных решений

  23. Ваааааа я так долго искал это =) Спасибо большое за урок, я подписался на обновления =)

  24. Блин я скачал плагин theme login и он совершенно другой. он не похож на ваш =(

  25. Прочитал ваш пост http://fleek.org/fleekaj/WBVNEgxMS08RT0pUABdVRVhZDxwCWlhKQFgUD1oHAFUEUxcKQg4I/

    Вдохновляет. Как вы думаете, стоит ли сделать на Вордпрессе небольшой интернет-магазин с социальной направленностью по тематике велотуризма?

    • ETNO:

      можно конечно, но не ждите какого-то серьезного функционала от ВП в этом направлении. Средненькие порталы — можно

  26. Здравствуйте!
    долго искал про соц сеть на wp вот наконец нашел. Спс вам!
    вот установил

    плагин Theme My Login вроде как с настройками разобрал.
    а не могли бы сказать код вставки в шаблон.
    а ту в виджете у меня как то не смотрится

  27. злой на ебанушку Автора.:

    Автой долбанушка, уебище хуево! Пиздабол. Все программисты дебилы, но ты самое большое уебише.
    Поставил я твой плагин Theme My Profile.
    Сдедал он профиль на сайте. А знаете в чем прикол? В том что он аватары не поддерживает. Нету ссылки на добавление аватара, нету!!

    Я отключил все пользователей в плагине, отключил ВСЕ, в плагине. Отключил плагин. Удалил плагин. Снес нахуй твой ебанутый алгин по ФТП. И чо? Нихера не изменилось. Профиль как был на сайте (измененный твоим плагином) так и остался таким.

    Неее.
    Без базара я допилю че надо. Я все сделаю как надо (даже к тому времени как ты будешь читать это сообщение) уебище хуево. Но у меня уйдет время!!!! (чтобы избавится от последствий твоего плагина).

    Так что зашел просто поблагодарить тебя. Хуесос. Если руки из жопы растут, и все в говне — не садись за комп. Это я тебе — Автор плагина, говорю. Пизданушка ты хуева.

    • ETNO:

      ты бы логически сам подумал, неужели ты думаешь, что все плагины, что я описываю на блоге, то я их автор? У каждого плагина есть свой автор и почти всегда это нерусскоязычные авторы и ссылку на автора ты можешь увидеть в описании каждого плагина при установке в админке. И если у тебя возникли какие-то сложности, то ты их можешь описать на форуме поддержки плагина, а не брызгать слюной. И так как с логикой у тебя туговато, что ты даже до такого не смог додуматься, то я бы еще поспорил у кого руки из жопы, у автора плагина или у тебя.

  28. Здравствуйте. У меня такой вопрос. Вначале создания сайта, на что лучше упор делать: юзабилити, оптимизация или что нибудь другое?

  29. Стоит плагин ThemeMyLogin уже второй год на нескольких блогах, но вкладки «Оптимизация» в нем не наблюдаю, хотя скачивал из репозитария.
    Хотя работой его доволен на все 100%

  30. а нет ли такого шаблона в котором пользователи сами могли добавлять статьи, медиафайлы и многое другое. С разделами, и подразделами в разделах в виде окошек?

  31. А как сделать чтобы текст справа, как у вас на картинке? У меня сайт в подписи, никак не добьюсь такого эффекта. 1 строка слева внизу картинки, остальне ниже. В хтмл это делается путем style=»float: left», а тут как?
    код такой, ток не знаю войдет или нет:

    user_email, ‘100’ ); ?>Картинка находится слева от текста.
    Hi,
    <a href="/author/user_login; ?>»>Профиль | <a href="/wp-admin/profile.php» title=»изменить»>Изменить |
    <a href="» title=»Выйти»>Выйти

  32. >А также расскажу, как создавать расширенную регистрацию, страницы профиля, блоки автора и т.д. Причем все это будет стандартными функциями wordpress, без каких либо плагинов.

    Вы так и не рассказали про «страницы профиля» 🙁 с августа 2010 года жду….

  33. RapCore:

    не могу найти плагин theme my profile , не могли бы Вы его куда то выложить? благодарю

оставить отзыв

Если хотите вставить код в комментарии, то оберните его тегами ‹pre›‹/pre›