voyagez beaucoup, il est probable que 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 namp;rsquoavez pas encore de blog de voyage et que envisagez de le créer, aujourdamp;rsquohui je vais montrer comment créer un blog parfait pour même, peu importe ce que voulez partager. avez déjà un site Web parfait à utiliser, trouvez un endroit pour héberger votre blog de voyage. souhaitez savoir comment le configurer, cette section est pour ! 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 voulez l’utiliser. WordPress. Com WordPress. Com 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 lamp;rsquoURL 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 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 namp;rsquoavez vraiment pas à soucier du serveur inactif ou de toute autre connerie damp;rsquohébergement qui pourrait empêcher damp;rsquoécrire à tout moment.
Lamp;rsquoinconvénient est que 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. êtes un développeur, ou si préférez garder vos données à portée de main, serez un peu perdu parce que avez moins damp;rsquooptions au niveau du serveur sans une base de données ou un panneau damp;rsquoadministration accessible. êtes prêt à payer (13 $par année), pouvez
Cartographiez votre domaine sur un système qui éliminera les problèmes de sous domaine. En résumé, il utilise WordPress. namp;rsquoavez pas besoin damp;rsquoaccéder à la base de données et que pouvez gérer des serveurs de réglage non sophistiqués et damp;rsquoautres problèmes similaires, avez besoin damp;rsquoune 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 à lamp;rsquoexté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 permet damp;rsquohéberger votre propre site Web. Lamp;rsquoavantage de lamp;rsquoauto hébergement est que pouvez mieux contrôler les données. Ces images sont situées sur un serveur auquel pouvez accéder, de sorte que pouvez les toutes sur votre ordinateur, pouvez installer namp;rsquoimporte quel nombre de plug ins, et pouvez facilement utiliser namp;rsquoimporte quel thème, y compris les thèmes personnalisés.
Lamp;rsquoinconvénient de lamp;rsquoauto hébergement est que êtes plus à risque. Vous pouvez installer un plug in défectueux qui désactive votre site, auquel cas devrez peut être contacter lamp;rsquohôte pour la réparation, ce qui peut être difficile si êtes à lamp;rsquoétranger. Utilisez de grandes infrastructures comme WordPress. Com signifie que pouvez être moins vulnérable à des attaques spécifiques. En termes simples: voulez garder le contrôle total de toutes les données et ou si avez besoin de personnalisation qui n’est pas possible dans un environnement hébergé comme WordPress. Com, devriez choisir un site auto hébergé.
Environnement local lamp;rsquoenvironnement local est bon parce quamp;rsquoil namp;rsquoa pas besoin damp;rsquoune connexion Internet. Cela aide à réduire les coûts, et si êtes vraiment dans la nature sauvage, camp;rsquoest 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
Camp;rsquoest très simple, et nous étudierons en profondeur lamp;rsquoACF. Jamp;rsquoaime stocker mes images sur un serveur Amazon parce que cela facilite la migration de mon site vers namp;rsquoimporte où, parce que mes images et damp;rsquoautres contenus médiatiques namp;rsquoont pas besoin damp;rsquoêtre déplacés.
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 permet de spécifier le type de contenu à importer, comme sur Tumblr. À lamp;rsquoavant, cela peut faire une différence visuelle et permet également de séparer le contenu par type.
Un bon thème je vais utiliser un nouveau thème gratuit appelé yuuta, que jamp;rsquoai trouvé sur wptavern. Yuuta – le thème gratuit que nous allons utiliser je trouve très petit. Camp;rsquoest bien, parce quamp;rsquoil est visuellement attrayant et nous permet damp;rsquoeffectuer 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é à lamp;rsquoimage elle même.
4. Galeries pouvez facilement ajouter des galeries dans WordPress. Il suffit de un ensemble damp;rsquoimages dans la section ajouter un média, de sélectionner lamp;rsquoimage 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 namp;rsquoapparaîtra que dans les messages de la catégorie Trails. Un troisième ensemble de champs sera appelé « Options de personnes » et nous lamp;rsquoutiliserons pour ajouter des détails sur les personnes que nous rencontrons. Enfin, nous avons ajouté un groupe damp;rsquooptions 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 lamp;emplacement. Les paramètres de localisation doivent être affichés à tous les endroits, de sorte quamp;rsquoil namp;rsquoest pas nécessaire de modifier quoi que ce soit, mais pour tous les autres, 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 damp;rsquooptions 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 à lamp;rsquooption emplacement et cliquez sur le bouton bleu ajouter un champ. La première chose que je vais faire est damp;rsquoaller à la troisième option le type de champ et de sélectionner le champ désiré. Dans ce cas, il devrait samp;rsquoagir damp;rsquoune carte Google située au bas de la liste. Jamp;rsquoai rempli tous les petits détails. Plus important encore, lamp;rsquoétiquette et le nom du champ. Les étiquettes sont vues par lamp;rsquoutilisateur et les noms sont la façon dont les champs sont référencés lorsque 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, devrez peut être les saisir manuellement. créez lamp;rsquoétiquette
Une des 200 cartes. La valeur par défaut est 400, mais je pense que camp;rsquoest une bonne idée de garder les choses aussi petites que possible parce quamp;rsquoil est plus susceptible damp;rsquoutiliser un petit ordinateur portable en mouvement. Tous les champs sont faciles à définir, donc je ne vais pas 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 jamp;rsquoai définies sur le terminal: emplacement de lamp;rsquooption: 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 damp;emplacement (restaurant, bar, etc.) Sélectionnez les champs damp;rsquoévaluation boutons damp;rsquooption champs ce que jamp;rsquoai 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 avez défini tout le contenu, pouvez commencer à travailler et écrire quelques messages. Assurez damp;rsquoajouter une paire à chaque catégorie afin quamp;rsquoil y ait suffisamment de contenu à utiliser. Lorsque je crée un tel système, jamp;rsquoaime damp;rsquoabord créer le contenu complet. Quand jamp;rsquoessaierai pour la première fois, cela rendra mon travail merveilleux et ajoutera plus damp;rsquoenthousiasme. Une fois que je mamp;rsquoassure que tout va bien, je fais des tests de résistance sur lamp;rsquoenvironnement, 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 devriez avoir un tas de différentes catégories de messages. voulez savoir à quoi ressemble la vignette de jamp;rsquoai utilisé un plugin que jamp;rsquoai créé appelé Easy featured images. Vous pouvez également apprendre à créer votre propre plug in sur WPm
U Dev! Lorsque ajoutez un message, assurez de remplir tous les champs pour obtenir un ensemble complet de données. Je recommande également damp;rsquoomettre délibérément une partie ou la totalité de lamp;rsquoinformation dans un ou deux messages. Cela 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 jamp;rsquoai créé. 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 namp;rsquoimporte 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 lamp;rsquoexplication 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 lamp;emplacement et toutes les autres données associées. Voici lamp;rsquoapparence des options lors de lamp;rsquoédition damp;rsquoun message. Les options de post sur le chemin namp;rsquoont pas changé, nous devrions voir lamp;rsquoimage de premier plan, le texte en haut, puis voir quelques méta post en bas, comme le montre la figure ci dessous. Pour commencer lamp;rsquoapparence par défaut des messages dans yuuta, nous devons trouver le fichier responsable de lamp;rsquoaffichage 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 lamp;rsquoentré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 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 damp;rsquoabord, je prends le champ de localisation. Jamp;rsquoai ensuite ajouté un titre qui affiche la longitude et la latitude. Lamp;rsquoélément suivant contient la carte. Le JavaScript suivant utilise lamp;rsquoapi javascript de Google Maps pour afficher une carte simple. Le résultat de notre travail devrait être similaire à la capture damp;rsquoécran ci dessous. Il est peut être préférable damp;rsquoajouter du contenu personnalisé à notre journal de voyage, mais cela semble génial compte tenu du petit travail que nous faisons! le souhaitez, 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 de permettre aux utilisateurs de parcourir nos messages différemment? Que diriez de leur montrer seulement les sentiers difficiles? Activons le en deux étapes: damp;rsquoabord, nous modifierons la requête de la page damp;rsquoaccueil 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 pouvez voir quamp;rsquoil affecte également les administrateurs. Par exemple: si je lamp;rsquoutilise pour exclure une catégorie de la page damp;rsquoaccueil et que je namp;rsquoutilise pas la description correcte des critères, je pourrais éventuellement lamp;rsquoexclure de la liste des messages de lamp;rsquoAdministrateur
Mandat. En damp;rsquoautres termes, si rencontrez un problème, il suffit de désactiver la fonction et les choses reviennent à la normale. Voici ce que jamp;rsquoai fait: charger lamp;rsquoexplication 7d9788a0eca709ecee9a les autres paramètres de requête que jamp;rsquoai définis ne seront activés que si nous sommes sur la page damp;rsquoaccueil, la requête est la requête principale (pas la requête de boucle secondaire), et si avez des paramètres de requête Meta _ Key et Meta value. 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 quamp;rsquoils ont un ensemble spécifique de méta valeurs. Namp;rsquooubliez pas que cela samp;rsquoappliquera à nos données de difficulté personnalisées et à toute autre information basée sur les valeurs clés. On peut lamp;rsquoutiliser pour relier toutes les routes de 20 minutes. Une fois résolu, nous pouvons nous connecter à http:mywebsite.com?meta_key=difficultyamp;ampmeta_value=easy Liste tous les chemins qui sont sujets à des difficultés. À partir de là, nous pouvons lamp;rsquoajouter comme un lien vers le menu de navigation et changer lamp;rsquoaffichage de difficulté dans le tableau ci dessus comme suit: charger lamp;rsquoexplication 7d9788a0eca709ece9a ajouter une colonne de gestion si êtes déterminé à optimiser votre expérience, pouvez même modifier la gestion pour mieux adapter. Supposons que ayez écrit un post sur chaque endroit que visitez. En plus du champ de localisation fourni pour tous les messages, nous pouvons ajouter un champ
Utilisez la deuxième fonction. Enfin, pouvez ajouter des opérations avancées comme le filtrage et le tri, en écrivant simplement un peu plus de code. Tout damp;rsquoabord, nous ajoutons et supprimons quelques colonnes. Pour ce faire, pouvez utiliser la colonne Manage _ u [post type] posts qui est un crochet variable, et devez utiliser la colonne post type que 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 lamp;rsquoexplication 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 jamp;rsquoai du Code supplémentaire est de placer le nouveau champ après la case à cocher plutôt quamp;rsquoà la fin du tableau. Jamp;rsquoai complètement supprimé les étiquettes et les colonnes de lamp;rsquoauteur parce quamp;rsquoelles namp;rsquoétaient tout simplement pas nécessaires pour moi, et jamp;rsquoai ajouté la colonne des jours passés. Lamp;rsquoé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 damp;rsquoune fonctionnalité pour nous connecter aux requêtes et modifier les requêtes que exécutez sur la page damp;rsquoadministration 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 damp;rsquoajouter 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 lamp;rsquoAdministrateur indiquant le nombre de jours passés à cet endroit. Vous devriez pouvoir cliquer sur les titres pour les trier dans lamp;rsquoordre 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 n’êtes pas un développeur. Une fois que avez appris à créer et à afficher des champs de base, ils sont essentiellement répétés à partir de là. Avez créé un journal de voyage en utilisant WordPress? Ou avez 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
Créer un blog de voyage personnalisé parfait avec wordpress
