Créer un blog de voyage personnalisé parfait avec wordpress

Si vous voyagez beaucoup, il est probable que vous racontez vos aventures. Cela peut se traduire par des images sur Twitter, des carnets privés ou même un blog complet qui détaille votre expérience. Mais si vous n’avez pas encore de blog de voyage et que vous envisagez de le créer, aujourd’hui je vais vous montrer comment créer un blog parfait pour vous – même, peu importe ce que vous voulez partager. Si vous avez déjà un site Web parfait à utiliser, trouvez un endroit pour héberger votre blog de voyage. Si vous souhaitez savoir comment le configurer, cette section est pour vous! Il existe essentiellement trois approches:
Utilisez WordPress. L’hébergement de votre propre installation WordPress en utilisant l’environnement local nous permet de voir les avantages et les inconvénients de chaque méthode et quand vous voulez l’utiliser. WordPress. Com WordPress. Com vous propose un site Web immédiatement, mais ce sera un sous – domaine de WordPress. Format générique de nom de domaine. Cela signifie que l’URL de votre site ressemblera à mytravels. WordPress. Format générique de nom de domaine. À cause de WordPress. Il y a des millions de sites et il est très probable que vous ne trouverez aucun site générique inutilisé. WordPress. Com offre un hébergement web gratuit. Le bon côté est que votre site est automatiquement configuré et mis à jour. Tout est sur leur serveur, ce qui équivaut essentiellement à une sauvegarde, ou du moins relativement sûre du point de vue de la perte de données. Vous n’avez vraiment pas à vous soucier du serveur inactif ou de toute autre connerie d’hébergement qui pourrait vous empêcher d’écrire à tout moment.
L’inconvénient est que vous ne pouvez peut – être pas utiliser le Sous – domaine désiré et que votre URL contiendra WordPress. Format générique de nom de domaine. Si vous êtes un développeur, ou si vous préférez garder vos données à portée de main, vous serez un peu perdu parce que vous avez moins d’options au niveau du serveur sans une base de données ou un panneau d’administration accessible. Si vous êtes prêt à payer (13 $par année), vous pouvez
Cartographiez votre domaine sur un système qui éliminera les problèmes de sous – domaine. En résumé, il utilise WordPress. Si vous n’avez pas besoin d’accéder à la base de données et que vous pouvez gérer des serveurs de réglage non sophistiqués et d’autres problèmes similaires, vous avez besoin d’une plus grande participation.
L’auto – hébergement n’est en fait pas très différent de l’utilisation de WordPress. Comme si tu avais tout arrangé. De nombreux hôtes ont une installation à un bouton qui fonctionne à l’extérieur du châssis. En d’autres termes, le processus d’achat d’un serveur et d’installation de WordPress est plus complexe que l’utilisation de WordPress. Format générique de nom de domaine. WordPress. Org fournit un logiciel qui vous permet d’héberger votre propre site Web. L’avantage de l’auto – hébergement est que vous pouvez mieux contrôler les données. Ces images sont situées sur un serveur auquel vous pouvez accéder, de sorte que vous pouvez les télécharger toutes sur votre ordinateur, vous pouvez installer n’importe quel nombre de plug – ins, et vous pouvez facilement utiliser n’importe quel thème, y compris les thèmes personnalisés.
L’inconvénient de l’auto – hébergement est que vous êtes plus à risque. Vous pouvez installer un plug – in défectueux qui désactive votre site, auquel cas vous devrez peut – être contacter l’hôte pour la réparation, ce qui peut être difficile si vous êtes à l’étranger. Utilisez de grandes infrastructures comme WordPress. Com signifie que vous pouvez être moins vulnérable à des attaques spécifiques. En termes simples: Si vous voulez garder le contrôle total de toutes les données et \/ ou si vous avez besoin de personnalisation qui n’est pas possible dans un environnement hébergé comme WordPress. Com, vous devriez choisir un site auto – hébergé.
Environnement local l’environnement local est bon parce qu’il n’a pas besoin d’une connexion Internet. Cela aide à réduire les coûts, et si vous êtes vraiment dans la nature sauvage, c’est probablement la seule option viable. Votre environnement local sera exactement le même que votre environnement en ligne habituel, mais toutes les données (images et tout le contenu) sont AR
C’est très simple, et nous étudierons en profondeur l’ACF. J’aime stocker mes images sur un serveur Amazon parce que cela facilite la migration de mon site vers n’importe où, parce que mes images et d’autres contenus médiatiques n’ont pas besoin d’être déplacés.
Si vous souhaitez le faire (c’est entièrement facultatif), consultez notre article sur le déplacement de WordPress Media vers Amazon S3. Vanilla WordPress a installé quelques plug – ins WordPress en direct sans ajouter de contenu spécial et nous avons pu créer un bon Journal de voyage avec un thème gratuit et quelques fonctionnalités prédéfinies. Regardons: 1. Format Post le format post vous permet de spécifier le type de contenu à importer, comme sur Tumblr. À l’avant, cela peut faire une différence visuelle et vous permet également de séparer le contenu par type.
Un bon thème je vais utiliser un nouveau thème gratuit appelé yuuta, que j’ai trouvé sur wptavern. Yuuta – le thème gratuit que nous allons utiliser je trouve très petit. C’est bien, parce qu’il est visuellement attrayant et nous permet d’effectuer des changements plus facilement, et nous allons gérer avec un minimum de style. 3. Images caractéristiques les images caractéristiques apportent des différences visuelles à vos messages et donnent un bel aspect à votre site Web. Il est largement utilisé dans presque tous les sujets. Yuuta les utilise dans le titre, et pour les messages qui utilisent le format image, tout le texte est superposé à l’image elle – même.
4. Galeries vous pouvez facilement ajouter des galeries dans WordPress. Il suffit de télécharger un ensemble d’images dans la section ajouter un média, de sélectionner l’image désirée et de cliquer sur le bouton créer une bibliothèque. Vous pouvez utiliser une interface pratique pour éditer des commandes, marquer des images, etc. Bibliothèque créée pour les messages dans WordPress 5. Jetpack est ce que je veux vraiment.
Nous ajoutons sur le chemin pour écrire. Ce groupe n’apparaîtra que dans les messages de la catégorie Trails. Un troisième ensemble de champs sera appelé « Options de personnes » et nous l’utiliserons pour ajouter des détails sur les personnes que nous rencontrons. Enfin, nous avons ajouté un groupe d’options alimentaires qui contiendra tous les champs que nous allons écrire sur les restaurants et les cafés. Une fois que nous avons créé chaque groupe de champs dans ACF, accédez à chaque groupe de champs et définissez l’emplacement. Les paramètres de localisation doivent être affichés à tous les endroits, de sorte qu’il n’est pas nécessaire de modifier quoi que ce soit, mais pour tous les autres, vous devez spécifier une deuxième règle: chaque personne ne doit entrer que sa propre catégorie. Voici comment il est configuré: Enfin, une autre suggestion est de faire défiler vers le bas la boîte d’options et de définir les options de style à la norme. Il ajoutera une boîte autour de vos options qui ressemblent davantage à la boîte WordPress intégrée. Ajouter un champ allez à l’option emplacement et cliquez sur le bouton bleu ajouter un champ. La première chose que je vais faire est d’aller à la troisième option – le type de champ – et de sélectionner le champ désiré. Dans ce cas, il devrait s’agir d’une carte Google située au bas de la liste. J’ai rempli tous les petits détails. Plus important encore, l’étiquette et le nom du champ. Les étiquettes sont vues par l’utilisateur et les noms sont la façon dont les champs sont référencés lorsque vous les récupérez dans votre code. Par défaut, les noms sont générés par des étiquettes, ce qui est bien, mais dans certains cas, vous devrez peut – être les saisir manuellement. Si vous créez l’étiquette \
Une des 200 cartes. La valeur par défaut est 400, mais je pense que c’est une bonne idée de garder les choses aussi petites que possible parce qu’il est plus susceptible d’utiliser un petit ordinateur portable en mouvement. Tous les champs sont faciles à définir, donc je ne vais pas vous guider à travers tous les champs, il suffit de sélectionner différents types de champs et de remplir les options. Voici une liste de toutes les options que j’ai définies sur le terminal: emplacement de l’option: Google Map Field path option length – Digital Field duration – text field path Map – file Field Difficulty – select Field person option age – Digital Field preferred color: Color select Field Specialty – text field site – Champs de texte Twitter – champs de texte options alimentaires type d’emplacement (restaurant, bar, etc.) Sélectionnez les champs d’évaluation – boutons d’option champs ce que j’ai – emplacement des champs WYSIWYG – service des champs WYSIWYG – menu des champs WYSIWYG – Champs WYSIWYG ouverts à partir de: date champ de sélection une fois que vous avez défini tout le contenu, vous pouvez commencer à travailler et écrire quelques messages. Assurez – vous d’ajouter une paire à chaque catégorie afin qu’il y ait suffisamment de contenu à utiliser. Lorsque je crée un tel système, j’aime d’abord créer le contenu complet. Quand j’essaierai pour la première fois, cela rendra mon travail merveilleux et ajoutera plus d’enthousiasme. Une fois que je m’assure que tout va bien, je fais des tests de résistance sur l’environnement, généralement en utilisant wptest. I. posts without Pictures, No Title, no content, assigned 20 categories, etc. À la fin de la journée, il y a des messages sur notre blog de voyage que vous devriez avoir un tas de différentes catégories de messages. Si vous voulez savoir à quoi ressemble la vignette de cet article, j’ai utilisé un plugin que j’ai créé appelé Easy featured images. Vous pouvez également apprendre à créer votre propre plug – in sur WPm
U Dev! Lorsque vous ajoutez un message, assurez – vous de remplir tous les champs pour obtenir un ensemble complet de données. Je vous recommande également d’omettre délibérément une partie ou la totalité de l’information dans un ou deux messages. Cela vous permettra de tester sans ajouter ou oublier de données. Options remplies pour les personnes qui visionnent nos données pour voir les données du sous – thème que j’ai créé. Si vous ne savez pas comment en créer un, nous avons un guide thématique pour les enfants, mais voici la version TL; Dr. Créez un dossier appelé Traveler dans le répertoire des sujets. Ajouter deux lignes, style. CSS et fonctions. Php. Ajoutez le code suivant à la Feuille de style, Remplacez mon nom par le vôtre et modifiez autant de détails que nécessaire. Explication du chargement 7d9788a0eca709ece9a les seules informations importantes sont le nom du sujet (qui peut être n’importe quoi) et le modèle, qui doit être le nom du Répertoire du sujet parent. Ensuite, dans le fichier de fonctions, nous veillerons à ce que WordPress charge la Feuille de style du thème principal. Charger l’explication 7d9788a0eca709ece9a passer à un nouveau sous – thème et si tout est correct, il ne faut pas remarquer de différences dans le front end. Par exemple, nous créons un article sur le chemin et affichons l’emplacement et toutes les autres données associées. Voici l’apparence des options lors de l’édition d’un message. Les options de post sur le chemin n’ont pas changé, nous devrions voir l’image de premier plan, le texte en haut, puis voir quelques méta – post en bas, comme le montre la figure ci – dessous. Pour commencer l’apparence par défaut des messages dans yuuta, nous devons trouver le fichier responsable de l’affichage du contenu des messages individuels dans le thème principal et le copier dans notre thème. Ce fichier est appelé un seul contenu. Php, nous ajouterons tout le code ci – dessous sous la DIV finale du contenu de l’entrée, qui devrait être à la ligne 45. A.
Visualisez la carte. Pour joindre un script, ajoutez le code suivant à la fonction TD _ Theme styles () que vous devriez déjà avoir. Instructions pour charger 7d9788a0eca709ecee9a Enfin, au – dessus du tableau que nous avons créé, ajoutez le code suivant et suivez les instructions! Instructions de chargement 7d9788a0eca709ece9a tout d’abord, je prends le champ de localisation. J’ai ensuite ajouté un titre qui affiche la longitude et la latitude. L’élément suivant contient la carte. Le JavaScript suivant utilise l’api javascript de Google Maps pour afficher une carte simple. Le résultat de notre travail devrait être similaire à la capture d’écran ci – dessous. Il est peut – être préférable d’ajouter du contenu personnalisé à notre journal de voyage, mais cela semble génial compte tenu du petit travail que nous faisons! Si vous le souhaitez, vous pouvez commencer à ajouter des styles à la Feuille de style de votre thème enfant pour la rendre plus intéressante. Ajouter un filtre frontal nous avons maintenant toutes les capacités pour afficher les données, mais que diriez – vous de permettre aux utilisateurs de parcourir nos messages différemment? Que diriez – vous de leur montrer seulement les sentiers difficiles? Activons – le en deux étapes: d’abord, nous modifierons la requête de la page d’accueil pour nous permettre de le faire, créant efficacement un lien que nous pouvons partager à la page qui affiche ces messages. Deuxièmement, nous ajouterons des liens de navigation et permettrons à nos fiches de données de se connecter à cette page. Pour compléter la première partie, nous utiliserons le crochet pré _ get posts, qui est un peu dangereux. Il affecte toutes les requêtes sur le site, donc vous pouvez voir qu’il affecte également les administrateurs. Par exemple: si je l’utilise pour exclure une catégorie de la page d’accueil et que je n’utilise pas la description correcte des critères, je pourrais éventuellement l’exclure de la liste des messages de l’Administrateur
Mandat. En d’autres termes, si vous rencontrez un problème, il suffit de désactiver la fonction et les choses reviennent à la normale. Voici ce que j’ai fait: charger l’explication 7d9788a0eca709ecee9a les autres paramètres de requête que j’ai définis ne seront activés que si nous sommes sur la page d’accueil, la requête est la requête principale (pas la requête de boucle secondaire), et si vous avez des paramètres de requête Meta _ Key et Meta value. Si ces conditions sont remplies, nous les ajoutons à la requête en tant que paramètres, ce qui ne génère que les messages qui montrent qu’ils ont un ensemble spécifique de méta – valeurs. N’oubliez pas que cela s’appliquera à nos données de difficulté personnalisées et à toute autre information basée sur les valeurs clés. On peut l’utiliser pour relier toutes les routes de 20 minutes. Une fois résolu, nous pouvons nous connecter à http:\/\/mywebsite.com\/?meta_key=difficulty&meta_value=easy Liste tous les chemins qui sont sujets à des difficultés. À partir de là, nous pouvons l’ajouter comme un lien vers le menu de navigation et changer l’affichage de difficulté dans le tableau ci – dessus comme suit: charger l’explication 7d9788a0eca709ece9a ajouter une colonne de gestion si vous êtes déterminé à optimiser votre expérience, vous pouvez même modifier la gestion pour mieux vous adapter. Supposons que vous ayez écrit un post sur chaque endroit que vous visitez. En plus du champ de localisation fourni pour tous les messages, nous pouvons ajouter un champ \
Utilisez la deuxième fonction. Enfin, vous pouvez ajouter des opérations avancées comme le filtrage et le tri, en écrivant simplement un peu plus de code. Tout d’abord, nous ajoutons et supprimons quelques colonnes. Pour ce faire, vous pouvez utiliser la colonne Manage _ u [post type] posts qui est un crochet variable, et vous devez utiliser la colonne post type que vous gérez. La fonction Dock reçoit la colonne courante comme tableau dans le premier argument. Nous pouvons annuler les paramètres de cette section de tableau pour supprimer les colonnes et créer de nouveaux membres pour ajouter des colonnes. Charger l’explication 7d9788a0eca709ece9a À la fin de cette fonction, nous devons retourner la liste des colonnes, la clé de tableau doit être le nom et la valeur doit être le titre affiché. La raison pour laquelle j’ai du Code supplémentaire est de placer le nouveau champ après la case à cocher plutôt qu’à la fin du tableau. J’ai complètement supprimé les étiquettes et les colonnes de l’auteur parce qu’elles n’étaient tout simplement pas nécessaires pour moi, et j’ai ajouté la colonne des jours passés. L’étape suivante consiste à ajouter ce qui peut être fait en utilisant le crochet de la variable Manage _ u [post type] u posts Custom column. Nous pouvons commander sur cette colonne en deux étapes. Nous devons joindre une fonction pour gérer la colonne _ Edit – [post type] sortable qui renvoie toutes les colonnes qui permettent le tri. Nous avons également besoin d’une fonctionnalité pour nous connecter aux requêtes et modifier les requêtes que vous exécutez sur la page d’administration en fonction des nouvelles commandes. Cette fonction doit renvoyer la variable de requête WP _ comme indiqué ci – dessous. Instructions pour charger 7d9788a0eca709ece9a un autre changement final que je vais faire est d’ajouter quelques CSS. La largeur de la colonne de ces derniers jours est énorme, poussant le titre dans la bonne direction. Je vais résoudre ce problème en ajoutant une feuille de style qui ajoute une règle simple: Th. Nombre de jours de colonne {largeur: 80px}. Explication
Chargement 7d9788a0eca709ece9a À la fin du processus, nous devrions voir une nouvelle colonne dans l’Administrateur indiquant le nombre de jours passés à cet endroit. Vous devriez pouvoir cliquer sur les titres pour les trier dans l’ordre croissant ou décroissant. une autre colonne de la liste des messages de l’administrateur, je pense que l’utilisation d’excellents systèmes comme WordPress et ACF permet de personnaliser facilement quelque chose en fonction de vos besoins, même si vous n’êtes pas un développeur. Une fois que vous avez appris à créer et à afficher des champs de base, ils sont essentiellement répétés à partir de là. Avez – vous créé un journal de voyage en utilisant WordPress? Ou avez – vous utilisé la même méthode pour créer quelque chose qui correspond à vos besoins? Veuillez nous le dire dans les commentaires ci – dessous et partager vos liens. Étiquette: Journal de voyage