Как создать сайт в стиле Reddit с помощью WordPress

Опубликовано: 2022-06-21

Вы хотите создать сайт, похожий на Reddit, с помощью WordPress?

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

В этой статье мы покажем вам, как легко создать сайт, похожий на Reddit, с помощью WordPress.

Making Reddit clone in WordPress

Вот обзор тем, которые мы рассмотрим в этом руководстве.

  • Зачем делать сайт, похожий на Reddit, с помощью WordPress?
  • Что вам нужно для создания веб-сайта, похожего на Reddit, с помощью WordPress
  • Выбор темы в стиле Reddit для вашего сайта
  • Добавление голосов за и против, как Reddit в WordPress
  • Разрешение пользователям размещать сообщения на вашем веб-сайте
  • Добавление рейтинга сообщений к сообщениям WordPress
  • Выведение вашего Reddit-подобного веб-сайта на новый уровень

Готовый? Давайте начнем.

Зачем делать сайт, похожий на Reddit, с помощью WordPress?

Reddit является 9-м по посещаемости веб-сайтом в мире с огромной ежедневной активной базой пользователей, насчитывающей более 52 миллионов пользователей.

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

Reddit front page

Если вы создаете онлайн-сообщество, Reddit можно использовать в качестве примера того, как привлечь пользователей и расширить свой веб-сайт WordPress.

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

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

При этом давайте посмотрим, как легко создать сайт, похожий на Reddit, с помощью WordPress.

Что вам нужно для создания веб-сайта, похожего на Reddit, с помощью WordPress

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

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

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

Для начала вам понадобятся следующие предметы:

  • Учетная запись веб-хостинга (здесь будут храниться файлы вашего сайта)
  • Доменное имя (это будет адрес вашего веб-сайта, например, wpbeginner.com)
  • Дополнения для создания сообщества для WordPress (обсуждения, отправка сообщений, голосование, значки и многое другое)

Обычно учетная запись веб-хостинга стоит 7,99 долларов в месяц (обычно оплачивается ежегодно), а доменное имя стоит 14,99 долларов в год.

Кроме того, вам нужно будет купить плагины премиум-класса, которые могут стоить от 47 до 300 долларов в зависимости от того, какие функции вы хотите добавить на свой сайт.

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

К счастью, люди из Bluehost согласились предложить пользователям WPBeginner щедрую скидку на хостинг с бесплатным доменным именем. По сути, вы можете начать работу за 2,75 доллара в месяц.

→ Нажмите здесь, чтобы получить это эксклюзивное предложение Bluehost ←

Bluehost — одна из крупнейших хостинговых компаний в мире и официально рекомендуемый хостинг-провайдер WordPress.

Чтобы зарегистрироваться, просто посетите веб-сайт Bluehost и нажмите кнопку «Начать сейчас».

Bluehost website

Далее вам будет предложено выбрать план хостинга.

Многие новички начинают с плана Basic или Plus.

Choose plan

Нажмите, чтобы выбрать план и продолжить.

На следующем экране вам будет предложено выбрать доменное имя для вашего сайта.

Choose domain name

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

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

Finalize package

После этого вы можете ввести платежную информацию и завершить покупку.

Затем вы получите электронное письмо со ссылкой для входа в панель управления вашей учетной записи хостинга.

Login to your WordPress website

Вы заметите, что Bluehost автоматически установил для вас WordPress.

Вы можете просто нажать кнопку «Войти в WordPress», чтобы войти в панель управления WordPress.

WordPress dashboard

Выбор темы для вашего сайта в стиле Reddit

Тема WordPress по умолчанию не похожа на Reddit.

Однако есть несколько тем WordPress, которые вы можете использовать для создания блога WordPress, похожего на Reddit.

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

Когда вы выбираете тему, лучше сосредоточиться на стиле и макете, а не на каких-либо включенных функциях.

Choosing a theme similar to Reddit

Теперь на выбор предлагается множество премиальных и бесплатных тем WordPress. Из-за такого обилия вариантов выбор нового пользователя может быть немного ошеломляющим.

Мы рекомендуем искать простую тему с большим количеством пустого пространства. Это позволяет легко настроить тему.

Наша самая рекомендуемая тема — Astra, потому что она быстро загружается, настраиваема и поставляется с десятками начальных шаблонов, которые вы можете использовать для настройки своего дизайна.

Или, если у вас уже есть определенный макет, вы можете подумать о создании пользовательской темы WordPress (без метода кода) с помощью конструктора SeedProd с перетаскиванием.

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

Нужно больше вдохновения? Взгляните на подборку лучших тем WordPress нашими сотрудниками:

  • Самые популярные темы WordPress
  • Лучшие минималистичные темы WordPress
  • 23 лучших темы WordPress для членских сайтов

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

Добавление голосов за и против, как Reddit в WordPress

WordPress поставляется со встроенной системой комментариев. Подобно обсуждениям Reddit, он позволяет пользователям легко оставлять комментарии к сообщению.

Тем не менее, система комментариев WordPress по умолчанию довольно проста и не имеет каких-либо функций взаимодействия с пользователями Reddit, таких как голосование за или против, обмен в социальных сетях, геймификация со значками и наградами и многое другое.

Давайте изменим это, добавив все недостающие функции с помощью одного плагина.

Во-первых, вам нужно установить и активировать плагин Thrive Comments. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

После регистрации вы сможете загрузить плагин Thrive Downloads Manager. Это инструмент, который поможет вам легко загрузить и установить комментарии Thrive с панели управления WordPress.

Install Thrive Comments

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

Затем вам нужно посетить страницу Thrive Dashboard »Thive Comments , чтобы настроить параметры комментариев.

Comment settings

Вы увидите варианты комментариев, организованные по разным разделам в левом столбце, и предварительный просмотр комментариев в правом столбце.

Вы можете начать, щелкнув вкладку «Общие настройки» и включив комментарии Thrive на своем веб-сайте.

Enable Thrive Comments

Затем вы захотите включить функцию голосования в комментариях и значки. Нажмите на вкладку «Голосование и значки», чтобы развернуть эти разделы.

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

Comment voting option

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

Нажмите кнопку «Добавить новый значок», чтобы выбрать значок.

Comment badges

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

Вы также можете загрузить свои собственные иконки, если хотите.

Choose badge

Вы можете награждать значками в зависимости от количества комментариев, ответов на комментарии, избранных комментариев или полученных голосов.

Хотите настроить стиль и внешний вид поля комментариев? Просто переключитесь на вкладку «Настроить стиль», где вы можете выбрать свои собственные цвета, пустой аватар по умолчанию, а также настройки даты и времени.

Comment style and customization

Thrive comments — мощный плагин. Вы можете просмотреть все различные параметры в настройках плагина и настроить их по своему усмотрению.

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

Comments preview

Теперь, чтобы создать успешное онлайн-сообщество, вам нужно активно модерировать комментарии.

Thrive Comment также поставляется с панелью модерации комментариев.

Moderate comments

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

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

Разрешение пользователям размещать контент на вашем веб-сайте

Еще одна важная функция Reddit, которую вы можете легко добавить на свой веб-сайт WordPress, — это предоставление пользователям возможности отправлять контент.

К счастью, в WordPress есть несколько отличных инструментов, которые упрощают вам управление сообщениями, отправленными пользователями.

Здесь мы будем использовать WPForms, который является лучшим плагином для создания форм WordPress на рынке, используемым более чем 5 миллионами веб-сайтов. Он поставляется с надстройкой, отправленной пользователями, которая позволяет очень легко принимать пользовательский контент на вашем веб-сайте.

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

Во-первых, вам нужно установить и активировать плагин WPForms. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

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

После активации вам необходимо посетить страницу WPForms »Настройки , чтобы ввести лицензионный ключ вашего плагина. Вы можете найти эту информацию в своей учетной записи на веб-сайте WPForms.

Enter Your WPForms License Key

Затем перейдите на страницу WPForms »Addons и найдите надстройку Post Submissions.

Вы можете использовать поиск или прокрутить вниз до аддона, а затем нажать кнопку «Установить аддон» рядом с ним.

Install post submission addon

Теперь WPForms установит и активирует надстройку Post Submission для вас.

После этого перейдите в WPForms » Добавить новый , чтобы создать форму отправки контента. Сначала вам нужно указать заголовок для своей формы, а затем выбрать шаблон формы отправки сообщения в блоге.

Choose template

WPForms теперь будет загружать интерфейс конструктора форм со всеми необходимыми полями для создания формы отправки сообщения в блог.

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

Edit post submission form

Как только вы будете удовлетворены формой отправки сообщения, вы можете перейти на вкладку «Настройки».

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

Form settings

Если вы удовлетворены настройками, нажмите кнопку «Сохранить», чтобы сохранить форму и выйти из конструктора форм.

Теперь вы можете создать новый пост или страницу, на которую хотите добавить форму. Вы также можете отредактировать существующий пост или страницу.

На экране редактирования просто добавьте блок WPForms в область содержимого и выберите форму, созданную ранее, в раскрывающемся меню.

Add form to a post or page

После этого вы можете продолжить редактирование страницы. Например, вы можете добавить советы и рекомендации для пользователей о том, какой контент они могут отправлять.

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

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

Submit story page

Разрешить пользователям голосовать и оценивать сообщения

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

Это позволяет Redditors участвовать без создания контента, а также курировать различные области контента в зависимости от того, что в тренде.

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

Во-первых, вам нужно установить и активировать плагин Rate My Post. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

После активации вам необходимо посетить страницу « Оценить мою публикацию» »Настройки , чтобы настроить параметры плагина.

Post rating settings

Чтобы автоматически добавлять рейтинги к вашим сообщениям, включите опции «Добавить виджет рейтинга ко всем сообщениям» и «Добавить виджет результатов ко всем сообщениям».

После этого вы можете просмотреть другие параметры плагина. Настройки по умолчанию подходят для большинства веб-сайтов.

Не забудьте нажать кнопку «Сохранить настройки», чтобы сохранить изменения.

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

Ratings preview

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

Просто отредактируйте сообщение и прокрутите вниз под редактором сообщений. В поле «Оцените мой рейтинг публикации» вы можете ввести свой собственный рейтинг для начала.

Manipulate post ratings

Плагин также поставляется с виджетом Top Rated Posts.

Вы можете добавить его на боковую панель или в любую область, готовую для виджетов.

Top rated posts widget

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

Вот как это выглядело на нашем тестовом сайте.

Top rated posts

Как только на вашем сайте появятся активные участники, вы также можете отобразить свои наиболее комментируемые сообщения или последние комментарии в области виджетов.

Выведение вашего Reddit-подобного веб-сайта на новый уровень

Лучшее в WordPress то, что существует множество бесплатных и платных плагинов, которые вы можете использовать, чтобы добавить на свой сайт больше функций, подобных Reddit.

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

1. Создавайте контент только для членов и продавайте подписки

Как и Reddit Premium, вы также можете создать премиум-план подписки на своем веб-сайте WordPress с помощью MemberPress. Это лучший плагин членства в WordPress, который позволяет вам легко продавать онлайн-подписки.

Благодаря мощному контролю доступа вы можете ограничить доступ к определенным областям вашего веб-сайта только для участников.

2. Добавьте форум в свой клон Reddit

Вы можете использовать bbPress, чтобы добавить легкий форум в свое интернет-сообщество. Смотрите нашу статью о том, как создать форум в WordPress.

3. Отслеживайте активность пользователей на вашем сайте

Хотите узнать, откуда приходят ваши пользователи и что они делают на вашем сайте? MonsterInsights — лучший плагин Google Analytics на рынке.

Это позволяет вам легко просматривать ваш основной контент и отслеживать конверсии и взаимодействие пользователей на вашем веб-сайте.

4. Улучшите SEO вашего сайта с первого дня

SEO (поисковая оптимизация) играет ключевую роль в успехе веб-сайтов с огромным количеством пользовательского контента. Вам нужно начать оптимизировать свой веб-сайт для SEO с первого дня, если вы хотите получить максимально возможный трафик и расширить свою базу пользователей.

Для этого вам понадобится All in One SEO для WordPress. Это лучший SEO-плагин WordPress на рынке, который поможет вам легко оптимизировать ваш сайт, как профессионалу.

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.