Créer une page pleine largeur pour WordPress en quelques étapes simples
E. dans ce cas, j’ai entré la largeur totale. Php, mais vous pouvez entrer celui qui vous convient le mieux. Assurez – vous de ne pas oublier le suffixe. PHP et assurez – vous que le nom entré n’a pas d’espace, sinon le modèle ne fonctionnera pas.
Trouvez le nouveau fichier dans la liste et cliquez dessus, puis cliquez sur le bouton Édition en haut de la page. De même, si vous n’avez pas désactivé la fenêtre contextuelle suivante, cliquez sur le bouton Édition qui apparaît. Sur la page d’édition, collez le code dans la page du fichier. PHP et enregistrer le fichier. Modifier le nouveau modèle en haut du fichier pleine largeur. PHP est d’abord le Code nécessaire pour nommer les modèles afin que WordPress puisse les identifier correctement. Pour ce faire, ajoutez le code suivant: chargez le contenu b360bb21f40642eede161b969f56e1fd j’ai supprimé tous les autres commentaires qui mentionnent qu’il s’agit de la page par défaut dans le sujet que j’utilise parce qu’elle n’est pas nécessaire maintenant, mais j’ai conservé le titre complet. Voici l’apparence actuelle du haut du fichier pleine largeur. PHP:
Télécharger l’ordre 65af0be05b17753b321376b9b9c77662 selon le thème que vous utilisez, ne vous inquiétez pas si votre fichier semble légèrement différent. Vous devez maintenant trouver le code suivant, qui sera au début ou à la fin du nouveau modèle. Continuez et retirez – le. Charger le résumé adccfdfdd6348e142901f549c8ce9803b j’utilise le WP de base avec le thème de soulignement principal pour afficher le contenu à éditer, car c’est un bon exemple. Comme il s’agit d’un sujet de réponse qui utilise des colonnes dans le cadre, il suffit d’ajuster la largeur de la colonne à la longueur souhaitée. Il y a 12 colonnes dans le code original, que j’ai changées en 16, comme le montre la première ligne du fragment de code suivant:
Télécharger l’ordre 74b7e5b4a2138269d43b51774e670053 enregistrer le fichier et activer le thème du site. Aller à l’un des écrans d’édition
Vous devez rechercher des fichiers de style. CSS ces mêmes classes modifient certaines options supplémentaires, bien que cela ne soit peut – être pas nécessaire parce que la taille de la colonne est par défaut. L’utilisation de ces valeurs vous aidera à atteindre votre taille préférée. Assurez – vous simplement d’exécuter quelques tests sur plusieurs appareils ou de redimensionner la fenêtre du Navigateur pour vous assurer qu’elle est complète et parfaite.
Si vous souhaitez en savoir plus sur le codage Bootstrap, consultez l’article w3school Bootstrap Grid System. Modifier le fichier de style du modèle CSS3. Si l’option colonne introduite dans CSS version 3 apparaît dans votre sujet, css finira par avoir un contenu similaire au code suivant: Loading Essential f6f5f20c7ca3a4a8191b754223318f0d ce code montre que tous les navigateurs ont quatre colonnes d’id contenues dans le fichier modèle. Le bas montre également une largeur de 300 Px par colonne pour un total de 1200 Px.
Changer ces valeurs vous aidera à obtenir la page pleine largeur que vous voulez, mais vous devriez changer votre ID à autre chose pour éviter les conflits de style avec d’autres modèles. Vous devez modifier le conteneur DIV dans le nouveau fichier modèle pour refléter les mêmes changements. Vous devez également prêter attention au déplacement des marges et des attributs. Dans le sujet de réponse, vous remarquerez que la marge est réglée automatiquement, ce qui permet au navigateur de déterminer la taille de la zone autour de la boîte de contenu qui convient le mieux à la meilleure vue. Si vous voyez un CSS comme dans l’exemple suivant, la zone de contenu est définie pour se déplacer à l’extrême gauche et n’est pas centrée. Dans ce cas, remplacer \
Exigences du modèle pour la zone de contenu principale. Le chargement du contenu bc0145042d0b6a505fcb879d6999cd25 peut prendre plusieurs tentatives pour obtenir les bons résultats, donc ne soyez pas découragé. Une fois terminé, assurez – vous que le modèle d’essai est réactif. Si vous rencontrez des problèmes au cours du processus, vous trouverez de nombreux articles détaillés sur CSS3 dans les écoles W3. Si vous décidez que votre site Web n’apparaîtra pas sur votre téléphone ou votre tablette et que vous choisissez un sujet qui ne répond pas, vous pouvez quand même créer un modèle complet. Après avoir créé un nouveau fichier Template comme décrit dans la première partie, vous devez apporter quelques modifications au modèle et au style de fichier. CSS. La zone qui trouve le contenu principal dans le fichier modèle. C’est pourquoi les choses deviennent un peu compliquées parce que tous les sujets ne sont pas appelés les mêmes. Peut être affiché comme suit: