Voir les messages WordPress dans la chronologie de style Facebook

La manière sûre de faire ressortir votre site WordPress de la concurrence est différente. Si vous pouvez utiliser une technologie déjà familière pour changer les choses, c’est une situation gagnant – gagnant pour tout le monde. La chronologie de présentation de vos messages WordPress dans le style Facebook en est une. Dans cet article, nous expliquerons comment implémenter timeline sur le site WordPress en utilisant le plug – in timeline pro récemment publié. Une chronologie de style Facebook peut apporter une dynamique familière et intéressante à votre liste de messages, et peu importe ce que vous pensez de Facebook, son interface et la façon dont les utilisateurs interagissent seront compris et immédiatement familiers à la grande majorité de votre public potentiel. Profitez de cette familiarité pour que vos visiteurs se sentent immédiatement à la maison, car une participation profonde et soutenue peut avoir des effets de liaison potentiels évidents.
La bonne nouvelle, c’est que la mise en œuvre d’une chronologie Facebook pour les messages WordPress est un processus simple en trois étapes, principalement grâce au plugin timeline pro de kento themes. Voici une capture d’écran d’un site d’essai qui exécute les données d’essai de Michael Novotny WP: La valeur de tester avec le plug – in timeline pro, un site Web d’une page est une réelle possibilité. Il s’est avéré que l’installation de données de test WP sur le site de test pour tester le plug – in de cet article est une astuce involontaire parce que les plug – ins ne sont pas exempts de bogues et je vais expliquer comment les corriger.
Il suffit de dire que les développeurs de plug – ins et toute personne qui crée un site s’assureront bien qu’ils testent leur création à l’aide de données complètes, comme les tests WP. Si vous voulez juste jouer timeline pro, je vous recommande fortement d’utiliser les données de test WP. Vous devez également installer le plug – in lightpack et activer la galerie de tuiles. 3 étapes pour créer votre propre série chronologique
Étape 1: Télécharger le plug – in timeline pro comme je l’ai mentionné précédemment, il y a plusieurs bogues dans la version 1.0 du plug – in, de sorte que vous pouvez télécharger la version et effectuer les mises à jour décrites plus loin dans cet article, ou télécharger la version mise à jour. Avec un peu de chance, kento themes mettra bientôt à jour sa version officielle.
Étape 2: mettre à jour le plug – in de paramètres par défaut pour créer un nouvel élément de menu de gestion, Timeline settings pro. En cliquant sur cet élément, vous pouvez configurer les paramètres par défaut pour afficher la ligne de temps. Pourquoi choisir autre chose que tout? Les couleurs et les types de messages peuvent en fait être écrasés par le Code court, mais l’affichage des vignettes et l’affichage des extraits seulement ou du contenu entier sont globaux (ce qui est regrettable: il est préférable de pouvoir vérifier toutes les options sur le Code Court).
Je vous suggère de voir tout le contenu. En utilisant Ajax pour voir les commentaires et les réponses en ligne, voir tout le contenu signifie ne jamais avoir à quitter la page, et l’expérience utilisateur semble plus satisfaisante. Sélectionnez les préférences et cliquez sur Enregistrer les modifications. Étape 3: créer une page pour la ligne de temps, intégrer le Code court, créer une page WordPress comme d’habitude (page > Ajouter un nouveau contenu) et ajouter le Code court suivant au corps de la page dans le contenu: [timeline _ pro]
Ceci génère une ligne de temps. Au fait, les messages collants sont très populaires et, en fait, ils sont affichés sur toute la largeur en haut de la ligne de temps. Étape 4 (facultatif) – assigner une page de ligne de temps comme page d’accueil si vous voulez utiliser une ligne de temps comme page d’accueil (et qu’il y a en fait un site d’une page), allez à paramètres > lire et configurer la vue
Commencez par une instance de page sur une page statique, puis sélectionnez une page de ligne de temps. Définissez la page d’accueil comme une page statique avec votre chronologie. Dans la plupart des cas, le plugin fonctionne comme prévu et fournit un excellent support pour les commentaires (vue en ligne et réponses) et le téléchargement en ligne des messages précédents.
Cependant, seuls quelques bogues doivent être corrigés pour être entièrement disponibles. Comme je l’ai dit, j’ai apporté ces modifications à cette version du plug – in, mais je les ai enregistrées ici pour être complètes. Correction 1: changez css pour vous assurer que le compte d’annotation n’augmente pas un petit changement sur chrome (MAC) pour éviter d’envelopper le compte d’annotation. Ceci ne se produit que sur Chrome sur le système d’exploitation X. Ajoutez les instructions suivantes au style. CSS:. Nombre de commentaires {blanc: nowrap;} Correction 2: changer css pour afficher correctement la liste de la façon dont CSS est actuellement écrit dans le post signifie que toute liste dans le post réel suppose le style de liste chronologique lui – même, pas le style que nous voulons.
Pour éviter cela, trouvez ce qui suit en haut du style. CSS:. Ligne de temps li {affichage: blocs en ligne; marges: 20px 0! Informations importantes; remplissage: 0; Emplacement: relatif; alignement du texte: Centre! Informations importantes; alignement vertical: haut; largeur: 50%} Et changez la première ligne en. Chronologie Li. Stic. Chronologie Li. Excentrique. Chronologie Li. Même {Fix 3: Modifier le code lors de la sortie du contenu du message pour traiter le contenu du message de code Court est sortie en utilisant la fonction get _ the content () de WordPress. Malheureusement, cela signifie que le Code Court ne sera pas traité et sera affiché dans sa forme originale.
Pour s’assurer que le Code Court est traité, ouvrez l’index. PHP et remplacer: 2 instances de $timeline _ pro \
Utilisez si ($post – > Post _ type = = \
Un site Web d’une page qui donne accès à tous vos messages par des mécanismes familiers à la grande majorité des utilisateurs. Votre site Web peut – il bénéficier de cette approche? Étiquette: Facebook