Créer un répertoire personnalisé des membres buddypress

L’une des principales raisons de l’échec de la communauté buddypress est l’absence de liens et d’interactions entre les membres. Une façon de l’améliorer est de le concevoir de manière à intéresser les membres. Les styles de catalogue des membres buddypress apparaissent sous forme de listes planes. C’est fonctionnel, mais pas particulièrement excitant ou excitant. Aujourd’hui, nous allons faire quelque chose d’intéressant sur le catalogue et explorer quelques thèmes buddypress. Dans ce tutoriel, nous allons faire quelque chose d’intéressant en utilisant le fichier modèle CSS et buddypress pour créer un répertoire plus interactif, encourager les utilisateurs à se connecter les uns aux autres, passer plus de temps à naviguer, cliquer sur le profil et se faire de nouveaux amis.
Suivez ces étapes pour utiliser le répertoire des membres buddypress par défaut et effectuer la conversion suivante: Personnaliser le répertoire des membres de buddypress Voici un aperçu rapide des changements que nous allons apporter: ajouter un nouveau thème \/ buddypress \/ directory au modèle personnalisé supprimer le contenu supplémentaire inutile de la boucle des membres ajouter un nouveau champ de localisation à la boucle des membres augmenter la taille des avatars dans le répertoire des membres personnaliser les avatars des Membres Faites – le tourner la mise en page du catalogue pour ajouter des effets de niveau gris à l’image d’en – tête pendant que vous passez le curseur personnaliser les boutons ajouter des amis et supprimer des amis. Nous utiliserons buddypress 1.7 Dans ce tutoriel, car il sera bientôt publié. Cependant, l’idée de base du modèle est toujours la même partout où il se trouve.
Tout d’abord, le répertoire des membres de buddypress est similaire à ce répertoire et a un style par défaut: Le répertoire des membres par défaut pour ce tutoriel nous utiliserons le thème WordPress 21 par défaut. Étape 1: ajoutez le répertoire \/ buddypress \/ au sujet actif actuel et ajoutez un fichier modèle. Pour commencer à personnaliser buddypress, creer
Emo \/ buddypress \/ directory in the Current active topic. Créer un répertoire buddypress dans le thème actif ce code contient quelques brèves instructions sur la compatibilité du thème dans buddypress 1.7. Trouver l’ancien fichier modèle ici:
Contenu WP \/ plug – in \/ buddypress \/ BP template \/ BP Legacy \/ copy the file to Edit. Dans ce cas, vous pouvez également coller le répertoire \/ Members \/ dans le nouveau répertoire buddypress du thème. Étape 2: retirer tout contenu supplémentaire de la boucle des membres. Php dans ce tutoriel, nous avons réduit certaines des informations affichées sur la page catalogue et supprimé les deux éléments suivants. Supprimer le dernier TIMESTAMP d’activité supprimer le dernier TIMESTAMP d’activité supprimer le dernier membre mise à jour de l’activité le dernier TIMESTAMP d’activité semble désordonné pour moi et je ne vois pas combien il est précieux pour la communauté des médias buddypress. Si vous voulez le supprimer, coupez – le du fichier de boucle des membres. PHP:
Supprimer la mise à jour de la tâche précédente est tout aussi simple. Supprimez ceci des membres de la boucle. PHP:

Étape 3: ajouter un champ de localisation à la boucle des membres nous allons maintenant ajouter de nouveaux éléments à la boucle des membres. Le fichier Template recommande comment le faire dans les commentaires. Le document indique qu’il ajoute une requête supplémentaire pour chaque membre de la boucle, mais qu’il ne s’agit que d’une requête, quel que soit le nombre de champs affichés.
Tout d’abord, vous devez vous assurer de créer les champs à afficher dans le profil buddypress. Nous utiliserons l’emplacement dans cet exemple. Allez au tableau de bord > > utilisateurs > > champs de profil. Ajoutez un nouveau champ au tableau de bord, puis vous pouvez l’ajouter à la boucle. Collez – le dans la boucle des membres. PHP est directement sous les commentaires sur la façon d’afficher les données du profil des membres: Gardez à l’esprit que la valeur du champ est sensible à la casse, donc vous devez vérifier qu’il fonctionne correctement. Étape 4: augmenter la taille
Liste des membres
Débordement: automatique;
Styles de liste: aucun;
Flotteur: gauche;
Largeur: 30%;
Marge: 0 20px 28px 0;
Bordure: 0;
}
Nous effectuerons également quelques modifications mineures pour modifier la taille et l’alignement du texte:
Buddypress # Member Directory List UL. Liste des éléments Li div.item-title, # buddypress # members Directory List UL. Liste des éléments Li H4, # buddypress # members Directory List UL. Liste des éléments Li div.item Meta
{Y}
Largeur: 100%;
Alignement du texte: centré;
}
Buddypress # Member Directory List UL. Liste des éléments Li div.item-title {
Taille de la police: 110%;
}
Buddypress # Member Directory List UL. Liste des éléments
Conversion de texte: Majuscules;
Taille de la police: 80%;
}
Buddypress # Member Directory List UL. Liste des éléments Li img. Avatar
Marge inférieure: 8px;
}
Bien sûr, certains de ces changements dépendent du sujet que vous avez commencé comme sujet d’activité. Si vous utilisez ces modèles de base, css devrait être très similaire au modèle ci – dessus.
Étape 8: personnaliser les boutons ajouter des amis et supprimer des amis si vous avez un moyen de filtrer ce bouton, je ne sais pas. Pour personnaliser le texte du bouton, vous devez créer un fichier de langue personnalisé pour buddypress. Si vous avez un programme comme poedit pour vous aider, le processus est très simple. Suivez les instructions dans votre code pour créer votre propre fichier de langue personnalisé. Dans ce tutoriel, nous changerons la chaîne linguistique du bouton amitié: ajouter des amis > > changer en \
Rayon limite webkit: 50%;
Rayon limite MOZ: 50%;
Rayon limite MS: 50%;
O – rayon limite: 50%;
Rayon de bordure: