Comment faire pour créer un site comme Facebook

Comment faire pour créer un site comme Facebook

WordPress a « Plugins » ou des morceaux de logiciel qui ajoute des fonctionnalités - fonctionnalité ... comme les fonctions de réseautage social.

Capacités - Les attentes

Je suis un fan de BuddyPress WordPress + parce que:

  • Il fonctionne hors de la boîte
  • Elle est soutenue par une communauté très active
  • Il possède toutes les caractéristiques clés d'un réseau social
  • Il a des options - une communauté de développeurs qui peuvent facilement ajouter quoi que ce soit au-dessus de la plate-forme
  • Il est open source, libre - normalisée de sorte que vous ne sont pas « verrouillé » si vous avez besoin de développer une solution personnalisée

Cependant, il est pas non plus:

  • Pris en charge par des milliards de dollars d'investissement (aka Facebook)
  • Plus précisément construit à partir de zéro avec des fonctionnalités de réseau social
  • Glissez, déposez, cliquez sur - fait.

Table des matières

Mise en route - Hébergement - Installation WordPress

Votre choix du fournisseur de nom de domaine n'a pas d'importance directement autant d'hébergement. Je tiens à garder domaine - hébergement séparé si seulement pour les coûts - flexibilité. Comme il est mentionné dans le guide d'installation, je suis fan de NameCheap pour tableau de bord propre et une meilleure tarification à long terme (voir leurs plans ici). J'ai écrit un long commentaire d'entre eux et GoDaddy ici.

Si vous avez décidé de commencer avec des centaines d'utilisateurs actifs, vous voulez commencer avec un service qui soit a des ressources du serveur dédié OU un personnel qui gère activement vos ressources d'installation et de serveur WordPress pour vous.

Ou cela signifie obtenir un plan avec quelqu'un comme WP Engine (également une société que je l'ai utilisé pour certains projets) qui se concentre spécifiquement sur WordPress hébergement et gère activement l'installation - les ressources du serveur pour vous (voir ici leurs plans)

Toutes les sociétés mentionnées ont un processus WordPress installation rapide simple (encore une fois, détaillée dans mon guide d'installation ici).

Introduction à BuddyPress

Comment faire pour créer un site comme Facebook

Il est conçu pour travailler main dans la main avec WordPress et il a le même type de documentation. Il est également utilisé dans les mêmes principes que le logiciel WordPress.org - il est open source (alias non exclusive à une société); il est sous licence GPL (alias, vous pouvez l'utiliser et le modifier comme vous le souhaitez); et il est gratuit et soutenu par la communauté et les utilisateurs autour d'elle.

Comme il fait partie de l'écosystème WordPress de plus en plus, il a une forte communauté de développeurs (ils en fait juste soulevé 51000 $ pour laisser un développeur se concentrer uniquement sur l'optimisation de la vitesse pour BuddyPress). Et comme il y a tant d'intérêt à BuddyPress, il est plus facile de trouver des développeurs qui peuvent travailler avec les plates-formes WordPress / BuddyPress.

Comment faire pour créer un site comme Facebook

Maintenant que vous savez un peu plus sur ce que vous travaillez avec, nous allons le faire installer réellement.

Installer le plugin BuddyPress

Pour installer le plugin BuddyPress, accédez à Plugins -> Ajouter un nouveau tableau de bord du WordPress. Recherchez ensuite BuddyPress. Cliquez sur Installer, puis cliquez sur Activer.

Comment faire pour créer un site comme Facebook

Après avoir activé le plug-in, vous serez redirigé vers l'écran d'accueil de BuddyPress avec les prochaines étapes.

Comment faire pour créer un site comme Facebook

Que voulez-vous voulez que vos membres soient en mesure de le faire? Il est une chose à « être comme Facebook » ou « être comme Twitter », mais en réalité, leurs caractéristiques de base ont été autour depuis l'aube du web - peer to peer communication, organisation en groupes, liens, profils, etc.

Configurer votre réseau social Caractéristiques

Maintenant que vous avez une idée de ce que vous voulez réaliser, nous allons aller de l'avant et de commencer à configurer les fonctionnalités de BuddyPress pour adapter ce que vous cherchez.

Head Paramètres -> BuddyPress et consultez l'onglet Composants par défaut.

Comment faire pour créer un site comme Facebook

Même sans BuddyPress installé, WordPress permet aux gens d'enregistrer les utilisateurs. BuddyPress vous permet d'activer cette option d'étendre les profils d'utilisateurs, afin qu'ils puissent en faire une véritable Facebook / Twitter / Google + style de page de profil.

C'est exactement comme le friending Facebook ou Google+ fonctionnalité Encercler. Vos utilisateurs de personnaliser qui ils gardent avec dans leurs aliments.

Pensez Facebook / Twitter mentionne et / ou des messages directs. Permet aux utilisateurs de messages les uns des autres directement dans votre réseau.

Ce composant génère des flux personnalisés (aka le Facebook Twitter Newsfeed humaine ou animale). Il est entièrement personnalisable et est livré avec RSS / support par courrier électronique si vous le souhaitez.

Si vous voulez quelque chose comme Groupes Facebook, alors voici votre composant. Cela permet à vos utilisateurs d'organiser des groupes d'activités publiques, privées ou cachés pour parler de ce qu'ils veulent discuter.

C'est l'ensemble des fonctions intégrées de BuddyPress. Cependant, l'énorme avantage de BuddyPress est le fait qu'il est une plate-forme open-source, tout le monde peut construire un plugin pour étendre encore plus loin (et oui, cela ne signifie il existe des plugins pour les plugins - si impressionnant). Nous allons couvrir d'autres façons que vous pouvez étendre la fonctionnalité dans une section distincte.

Mais d'abord, nous allons terminer la configuration de paramètres internes - champs.

Configurer vos paramètres - Champs

L'onglet suivant dans les paramètres BuddyPress est l'onglet Pages.

Comment faire pour créer un site comme Facebook

BuddyPress a plusieurs pages nécessaires - comme la page des membres et page d'activité. Il les générer automatiquement.

Si vous voulez une inscription spécifique - activer la page d'adhésion (à savoir, si les utilisateurs peuvent vous inscrire sans vous attribuer le nom d'utilisateur / mot de passe), vous devrez créer une page puis « attribuer » à ces rôles respectivement.

L'onglet suivant est Paramètres réels. Ceux-ci sont assez explicites avec les valeurs par défaut étant la norme.

Pour un aperçu de l'endroit où tout se rapporte à BuddyPress est du tableau de bord WordPress:

Comment faire pour créer un site comme Facebook

Obtenez un thème compatible BuddyPress pour la conception

Depuis BuddyPress est un sous-projet WordPress, il intègre très bien avec tous les thèmes WordPress par défaut. Il utilise des classes et des modèles similaires, et garder votre conception dans tous les types de pages.

Cependant, les thèmes WordPress par défaut ressemblent, eh bien, la valeur par défaut. Ils ne sont pas uniques (sans personnalisation lourde) et ne pas la beauté ou l'attention aux détails que les thèmes prime réalisés par des designers professionnels tiers font. Voici le thème par défaut Twenty Twelve avec BuddyPress:

Comment faire pour créer un site comme Facebook

Lors de l'achat d'un thème premium (ou d'un cadre thématique) que vous aimez, vous pouvez rechercher des thèmes spécifiques BuddyPress OU rechercher des thèmes qui ont la possibilité d'ajouter le support BuddyPress (par exemple, l'ajout de classes supplémentaires, modèles, etc.).

Par exemple, mon cadre de thème favori (par exemple un thème avec une mise en page de base et les classes que vous pouvez facilement ajouter des peaux, alias « thèmes enfants » à) est la Genèse par StudioPress. Il a un simple plugin qui ajoute le support BuddyPress à tous les thèmes. de sorte que vous pouvez installer Genesis et sélectionnez un thème enfant que vous aimez et l'appliquer et regarderez cohérente à travers votre réseau social.

De toute façon, il faut garder à l'esprit que si votre thème devrait intégrer bien, BuddyPress ne classes supplémentaires et des modèles qu'un thème devra expliquer.

Personnaliser - étendre l'expérience du réseau social

BuddyPress est un plugin WordPress qui ajoute des fonctionnalités de réseau social à WordPress. Mais BuddyPress lui-même peut accepter aussi des plugins pour ajouter plus de fonctionnalités.

BuddyPress joue aussi bien avec d'autres plugins WordPress pour faire toutes sortes de combinaisons amusantes.

bbPress est autre sous-projet de WordPress qui crée des forums. Il mérite son propre guide d'installation, mais gardez à l'esprit que l'ajout de forums sur le dessus de BuddyPress est une combinaison très intéressante.

Et puisque BuddyPress est une plate-forme open-source, les développeurs sont faciles à trouver. Votre imagination est vraiment la seule limite.

Prochaines étapes - Ressources

Quatrièmement, installer le plugin BuddyPress - définir vos composants.

Articles Liés