Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer une page personnalisée dans WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez créer une page personnalisée dans WordPress ?

Une page personnalisée vous permet d’utiliser une mise en page différente du reste de votre site. De nombreux sites WordPress utilisent des mises en page personnalisées pour leurs pages de vente, leurs pages d’atterrissage, leurs pages de webinaires, etc.

Dans cet article, nous allons vous afficher comment créer facilement une page personnalisée dans WordPress.

How to create a custom page in WordPress

Pourquoi créer une page personnalisée dans WordPress ?

Chaque fois que vous créez une nouvelle page, votre thème WordPress contrôle l’apparence de cette page à l’aide d’un fichier de modèle.

Ce Modèle page.php affecte toutes les pages simples que vous créez dans WordPress. Cependant, il se peut que vous ne souhaitiez pas utiliser le même modèle à chaque fois.

Lespages atterrissage ont souvent un contenu différent par rapport aux pages ordinaires, comme une grande image de héros ou un appel à l’action (CTA). Cela signifie qu’elles ont souvent un aspect complètement différent du reste de votre site.

Cependant, essayer de créer des designs uniques en utilisant le modèle de page standard peut prendre beaucoup de temps. Vous êtes également limité par le Modèle page.PHP, et vous ne pourrez peut-être pas créer le design exact que vous souhaitez. Il peut donc être difficile d’obtenir de bons résultats. Par exemple, si vous créez une page de vente, vous risquez de ne pas obtenir beaucoup de conversions en raison d’une mauvaise conception de la page.

Ceci étant dit, voyons comment vous pouvez créer une page personnalisée dans WordPress, avec le design, la mise en page et le contenu exacts que vous souhaitez. Utilisez simplement les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser.

Méthode 1. Comment créer une page personnalisée dans WordPress à l’aide de l’Éditeur de blocs (Sans Prérequis)

L’éditeur de blocs facilite la conception de vos propres modèles à l’aide des outils que vous connaissez déjà.

C’est un bon choix si vous prévoyez de réutiliser le même design sur plusieurs pages, car vous pouvez simplement appliquer le même modèle. Si vous souhaitez créer un design totalement unique, une autre option consiste à créer la page normalement, puis à modifier sa mise en page à l’aide de l’éditeur de site complet, que nous aborderons dans la méthode 2.

Sachez que ces méthodes ne fonctionnent qu’avec des thèmes à blocs tels que ThemeIsle Hestia Pro ou Twenty Twenty-Three. Si vous n’avez pas de thème à blocs, nous vous recommandons d’utiliser un constructeur de pages.

Pour commencer, ouvrez simplement une page ou une publication. Sélectionnez ensuite l’onglet « Page » dans le menu de droite et cliquez sur le texte à côté de « Modèle ».

How to create a custom theme using the built-in WordPress template

Les options affichées peuvent varier en fonction de votre thème WordPress, mais le texte affiche généralement « Page », « Modèle par défaut », etc.

Dans la fenêtre surgissante, cliquez sur l’icône « Ajouter un modèle ».

How to create a custom WordPress template

Dans la fenêtre surgissante, saisissez un nom pour votre Modèle, puis cliquez sur  » Créer « .

Le Nom de l’expéditeur est juste pour votre référence, vous pouvez donc utiliser ce que vous voulez.

Creating a new template in the WordPress block editor

Cela permet de lancer l’éditeur de modèles, qui fonctionne de manière similaire à l’éditeur de contenu de WordPress.

Pour ajouter des modules à la conception de la page personnalisée, il suffit de cliquer sur le bouton bleu « + ». Vous pouvez ensuite effectuer un glisser-déposer pour ajouter des blocs.

Editing a WordPress template using the block-based editor

Vous pouvez ajouter du contenu à un bloc ou modifier sa mise en forme à l’aide des outils familiers de modification des articles de WordPress. Par exemple, vous pouvez taper du texte dans un bloc « Titre », appliquer une mise en forme en gras ou modifier le texte de H2 à H3.

Vous pouvez également créer une page personnalisée à l’aide de compositions. Les compositions de blocs sont des ensembles de blocs souvent utilisés ensemble, tels qu’une liste d’évènements, une image avec une légende ou un tableau de prix.

Les compositions que vous voyez varient en fonction de votre thème WordPress, mais vous pouvez voir quelles compositions sont disponibles en cliquant sur l’onglet « Compositions ».

A selection of patterns in the WordPress editor

Vous pouvez soit faire glisser et déposer un motif de bloc sur votre mise en page, soit cliquer sur le motif pour l’ajouter au bas de votre Modèle. Lorsque vous êtes satisfait de l’aspect du modèle, cliquez sur le bouton « Publier », puis sur « Enregistrer ».

Vous pouvez maintenant appliquer ce Modèle à n’importe quelle page. Il vous suffit d’ouvrir la page dans l’éditeur/éditrices, puis de cliquer sur le texte à côté de « Modèle ».

Dans la fenêtre surgissante, sélectionnez le modèle que vous venez de créer.

Changing the WordPress template

Ceci fait, vous pouvez ajouter du contenu à la page, comme n’importe quelle autre page WordPress.

Méthode 2. Comment créer une page personnaliséeà l’aide de l’Éditeur de blocs (thèmes basés sur des blocs uniquement)

Si vous utilisez un thème basé sur des blocs, vous pouvez également créer une page personnalisée à l’aide de l’éditeur de site complet. Cela vous permet de modifier la mise en page d’une page individuelle, sans créer de modèle personnalisé.

Il s’agit donc d’un bon choix si vous souhaitez créer un design totalement unique que vous ne réutiliserez sur aucune autre page.

Pour Premiers pas, il suffit de créer la page comme d’habitude en allant dans Pages «  Ajouter une nouvelle. Vous pouvez ensuite saisir un titre, ajouter des catégories et des identifiants, téléverser une image fonctionnalité et apporter toutes les modifications souhaitées.

Lorsque vous êtes satisfait de la page de base, enregistrez vos modifications, puis allez dans Apparence «  Éditeurs/éditrices.

Opening the WordPress full-site editor (FSE)

Par défaut, l’éditeur de site complet affiche le modèle d’accueil de votre thème.

Dans le menu de gauche, cliquez sur « Pages ».

Editing a page layout using the full-site editor (FSE)

Vous verrez maintenant toutes les pages que vous avez créées sur votre site WordPress.

Il vous suffit de trouver la page que vous souhaitez remanier et de cliquer dessus.

Create a custom page design using the full-site editor (FSE)

WordPress affiche maintenant une Prévisualisation de la conception.

Pour modifier ce Modèle, cliquez sur l’icône du petit crayon.

Create a custom page design using the block-based editor

Vous pouvez désormais modifier la mise en page de la page à l’aide des éditeurs/éditrices du site. Par exemple, vous pouvez cliquer sur le bouton bleu « + » pour ajouter de nouveaux modules, ou cliquer pour sélectionner un module que vous souhaitez personnaliser.

Lorsque vous êtes satisfait des modifications apportées, cliquez sur le bouton « Enregistrer ».

Create a custom page design using the block-based editor

Maintenant, si vous visitez cette page sur votre site, vous verrez la nouvelle conception de la page en action.

Méthode 3. Créer une page personnalisée dans WordPress en utilisant SeedProd (Recommandé)

Auparavant, vous créiez une page personnalisée en écrivant du code, ce qui n’était pas très convivial pour les débutants. Si vous commettiez une erreur dans votre code HTML, CSS ou PHP, cela pouvait provoquer des erreurs courantes avec WordPress ou même casser complètement votre site.

Dans cette optique, nous vous recommandons d’utiliser plutôt un constructeur de page.

SeedProd est le meilleur constructeur de pages drag-and-drop pour WordPress. Il est livré avec plus de 350 modèles, vous permettant de créer des pages personnalisées sans écrire de code.

Si vous utilisez une page personnalisée pour obtenir plus de conversions, alors SeedProd fonctionne avec de nombreux outils tiers populaires que vous utilisez peut-être déjà pour obtenir des conversions. Cela inclut les meilleurs services de marketing par e-mail, WooCommerce, Google Analytics, et plus encore.

Tout d’abord, vous devez installer et activer SeedProd. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Note : Il existe également une version gratuite de SeedProd qui vous permet de créer des pages personnalisées quel que soit votre budget. Cependant, pour ce guide, nous utiliserons SeedProd Pro car il a beaucoup plus de modèles et s’intègre avec tous les meilleurs services d’email marketing.

Après avoir activé l’extension, SeedProd vous demandera votre clé de licence.

SeedProd license key

Vous trouverez cette information sous votre compte sur le site de SeedProd. Après avoir saisi/saisie la clé, cliquez sur le bouton ‘Verify Key’.

Choisissez un Modèle de page personnalisé

Une fois que vous avez fait cela, allez à SeedProd  » Landing Pages et cliquez sur le bouton  » Ajouter une nouvelle page d’atterrissage « .

SeedProd's page design templates

Vous pouvez maintenant choisir un modèle pour votre page personnalisée.

Les modèles de SeedProd sont organisés en différents types de campagne tels que  » prospect « , » squeeze » et » coming soon« . Vous pouvez cliquer sur les onglets en haut de l’écran pour filtrer les modèles en fonction du type de campagne.

The SeedProd template library

Si vous souhaitez partir de zéro, SeedProd propose également un modèle vierge que vous pouvez utiliser.

Pour examiner de plus près un modèle, il suffit de survoler ce modèle avec la souris, puis de cliquer sur l’icône de la loupe.

Previewing a ready-made template

Lorsque vous trouvez un modèle qui vous plaît, cliquez sur « Choisissez ce modèle ». Nous utilisons le Modèle « Page de vente du cours » dans toutes nos images, mais vous pouvez utiliser le modèle de votre choix.

Ensuite, allez de l’avant et tapez un nom pour la page personnalisée. SeedProd créera automatiquement une URL basée sur le titre de la page, mais vous pouvez modifier cette URL comme vous le souhaitez.

Une URL descriptive aidera également les moteurs de recherche à comprendre le sujet de la page afin qu’ils puissent l’afficher aux bons utilisateurs, ce qui améliorera votre référencement WordPress.

Pour donner à votre page personnalisée les meilleures chances d’apparaître dans les résultats de recherche pertinents, vous pouvez ajouter les mots-clés qui manquent dans l’URL. Pour plus de détails, veuillez consulter notre guide sur la recherche de mots-clés.

Creating a custom page for your WordPress website

Lorsque vous êtes satisfait des modifications saisies, cliquez sur le bouton « Enregistrer et commencer à modifier la page ».

Design sur personnalisation de la page

SeedProd va maintenant ouvrir le Modèle choisi dans son éditeur/éditrices simple/simple d’utilisation. Vous verrez une Prévisualisation en direct de votre page à droite, et quelques Réglages de blocs à gauche.

The SeedProd courses template

Pour personnaliser un bloc, il suffit de cliquer pour le sélectionner dans l’éditeur de pages. La barre d’outils de gauche affichera alors tous les réglages de ce bloc.

Dans l’image suivante, nous modifions le texte à l’intérieur d’un bloc « Titre ».

Editing the headline for your custom page

Vous pouvez mettre en forme le texte, modifier son alignement, ajouter des liens, etc. à l’aide des Réglages du menu de gauche.

Il est également facile de modifier les images en utilisant le constructeur de page SeedProd. Il suffit de cliquer sur un bloc « Image » et d’utiliser les Réglages pour ajouter un module, téléverser une nouvelle image ou effectuer d’autres modifications.

Editing images in a custom page design

Si vous souhaitez retirer un bloc de la page personnalisée, il vous suffit de cliquer pour sélectionner ce bloc.

Cliquez ensuite sur l’icône de la corbeille dans la mini barre d’outils.

Removing a block from a SeedProd custom page

Pour ajouter de nouveaux blocs à votre dessin, il suffit de trouver un bloc dans le menu de gauche et de le faire glisser dans l’éditeur.

Vous pouvez ensuite cliquer pour sélectionner le bloc et apporter des modifications dans le menu de gauche.

Adding a social sharing block to WordPress

SeedProd propose également des  » Sections « , qui sont des modèles de lignes et de blocs qui peuvent vous aider à créer une page personnalisée, rapidement. Par exemple, si vous concevez une page d’atterrissage pour Google Ads, vous pouvez utiliser les sections Hero, Appel à l’action, ou les fonctionnalités de SeedProd.

Pour voir toutes les sections disponibles, il suffit de cliquer sur l’onglet « Sections ».

SeedProd's ready-made sections

Pour examiner une section de plus près, survolez-la avec votre souris, puis cliquez sur l’icône de la loupe.

Lorsque vous trouvez un module que vous souhaitez ajouter à votre dessin, il vous suffit de passer la souris dessus, puis de cliquer sur la petite icône « + ».

Adding a section to a custom page

Cette opération ajoute la section au bas de votre page. Vous pouvez déplacer les sections et les blocs dans votre conception par glisser-déposer.

Si vous faites une erreur ou si vous changez d’avis, ne vous inquiétez pas. Vous pouvez annuler votre dernière modification en cliquant sur le bouton « Annuler » en bas de la barre d’outils de gauche.

Vous y trouverez également un bouton de rétablissement, un historique des révisions, une navigation dans la mise en page et des Réglages globaux.

The SeedProd global settings bar

Ces boutons supplémentaires permettent de créer facilement une page personnalisée dans WordPress.

En bas de la barre d’outils, vous trouverez également un bouton de Prévisualisation mobile qui vous permet de voir la version mobile de la page personnalisée.

Previewing a custom page on mobile

Cela peut vous aider à concevoir une page personnalisée qui s’affiche aussi bien sur les appareils mobiles que sur votre ordinateur.

Lorsque vous êtes satisfait de votre page personnalisée, il est temps de la publier en cliquant sur la flèche déroulante située à côté de « Enregistrer », puis en sélectionnant l’option « Publier ».

Publishing a custom page

Votre page personnalisée est maintenant en direct sur votre blog WordPress.

Si vous souhaitez modifier la page personnalisée à n’importe quel moment, alors il suffit d’aller à SeedProd  » Landing Pages dans votre tableau de bord WordPress. Vous pouvez alors trouver la page que vous souhaitez modifier et cliquer sur son lien  » Modifier « .

Fine-tuning a custom page in WordPress

Cela ouvrira la conception dans l’éditeur de SeedProd, prêt à ce que vous fassiez vos modifications.

Méthode 4. Utiliser Thrive Architect pour créer une page personnalisée dans WordPress

Vous pouvez également créer une page personnalisée en utilisant Thrive Architect. Thrive Architect est un autre constructeur de pages drag-and-drop populaire pour WordPress.

Il est livré avec plus de 300 modèles professionnellement conçus pour vous aider à obtenir plus de conversions.

Custom page example built with Thrive Architect

Tout d’abord, vous devez installer et activer l’extension Thrive Architect. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’un plugin WordPress.

Une fois activé, rendez-vous dans Pages  » Ajouter un nouveau dans votre tableau de bord WordPress pour créer une page personnalisée. Ensuite, cliquez sur le bouton  » Lancer Thrive Architect « .

Launch Thrive Architect

Version, vous pouvez choisir de créer une page normale ou une page d’atterrissage prédéfinie.

Nous vous recommandons de cliquer sur  » Page d’atterrissage prédéfinie « , car cela vous donne accès à tous les modèles de page d’atterrissage Thrive. Ces modèles sont entièrement personnalisables, vous pouvez donc les peaufiner pour les adapter à votre site WordPress.

Choose the Pre-built Landing Page option in Thrive Architect

Lorsque vous trouvez un Réglage qui vous plaît, il vous suffit de cliquer pour le sélectionner.

Dans l’image suivante, nous sélectionnons « Smart Landing Page Sélectionnés ».

Pick a template for your custom page in Thrive Architect

Dans l’écran suivant, vous devez choisir un modèle spécifique parmi ceux définis.

Sélectionnez un modèle en cliquant dessus, puis en cliquant sur le bouton « Appliquer le modèle ».

Apply Thrive Architect template

Cela ouvrira le modèle dans les éditeurs/éditrices Thrive Architect. À partir de là, vous pouvez facilement personnaliser le modèle de page pour qu’il corresponde à votre blog, votre site ou votre boutique en ligne.

Par exemple, vous pouvez modifier le « Titre » en cliquant dessus et en tapant votre message personnalisé.

Customize page elements in Thrive Architect

Toutes les options de personnalisation s’affichent désormais dans le menu de gauche. Vous pouvez y modifier la typographie, la taille de la police, la couleur, la mise en forme, etc.

Dans le panneau de gauche, vous pouvez également définir d’autres réglages pour votre page personnalisée, tels que la mise en page, le style d’arrière-plan, les bordures, les animations et le défilement, pour n’en citer que quelques-uns.

Customize page settings in Thrive Architect

Similaire aux blocs de SeedProd, Thrive Architect est livré avec de nombreux éléments prédéfinis que vous pouvez ajouter à votre page personnalisée.

Pour ajouter un nouvel élément à la page, cliquez sur le bouton « Ajouter un élément (+) » sur le côté droit de l’écran.

Click the Add Element button

Vous pouvez désormais choisir des éléments tels que des images, des boutons, des formulaires de génération de prospects, des tableaux de prix, des comptes à rebours, etc.

Pour ajouter un élément, il suffit de le faire glisser depuis le menu de droite et de le déposer sur votre page.

Drag and drop elements onto your page

Là encore, vous pouvez modifier tous les nouveaux éléments ajoutés à votre page en cliquant dessus.

Lorsque vous êtes satisfait de l’aspect de la page, cliquez sur la flèche (^) située à côté du bouton « Enregistrer le travail ». Cliquez ensuite sur l’option « Enregistrer et retourner à l’éditeur de texte ».

Save custom page in Thrive Architect

Vous pouvez ensuite enregistrer la page en tant que brouillon ou la publier pour qu’elle s’affiche sur votre site WordPress.

Une fois votre page personnalisée publiée, vous pouvez visiter votre site pour la voir en action.

Publish custom page

Nous espérons que cet article vous a aidé à apprendre comment créer une page personnalisée sur WordPress. Vous pouvez également consulter notre guide sur la façon d’augmenter le trafic de votre blog, et nos choix d’experts des meilleures extensions de formulaire de contact pour WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

233 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. NG SHAIKH says

    Dear WPB Team,

    I created the template named MyTemplate.php and copied it into /wp-content/themes/ directory. The template is not reflected in drop down menu of Page Attribute -> Templets. Please guide.

    Is it necessary to use FTP server for this? Please guide.

    Thanks.
    NG SHAIKH

  3. NG SHAIKH says

    Kudos to WPBeginner Team. This is an excellent article which can give guidance to a beginner from the scratch. What a help!

    However, if there is further guidance as to how to remove sidebar, create and add custom sidebar and where to put PHP code or HTML.

    With lot of regards and love,
    NG SHAIKH

  4. Ajay says

    Hi great tutorial!

    One question… I am adding new HTML template files that use css and js files etc. How can I link these files in my template file? I added the files to the same directory as the other stylesheets and assets but no luck. They do not render on the new template page. Any ideas?

    Thanks!

  5. The Last One says

    Im confused.. i hink this site has written years ago, but if i do understand it, you cannot do custom pages anymore in wordpress unless you have some sort of subscription?

    i was trying to « edit » my wordpress site but all feature was missing.

  6. Deepan says

    Thanks for this tutorial,this tutorial help me to understand the concept easily.Good Work keep continuing like this.

    -Deepan

  7. tony kh tan says

    Thank you for this tutorial. I use cPanel to add the customPage.php onto wp-content/.. and it works. Without using FTP.

  8. Njoroge Mathu says

    Thanks for the great article. Tried the steps and it works perfect. Seems like the file ‘CustomPageT1.php’ has to always be uploaded into the active theme folder or if working offline with wamp save it in wamp/www/wordpress/wp-content/themes/active theme.

  9. Jean-Charles de Geekarts says

    So it works perfectly bur when I put the file in a plugin file (because it make more sense) it doesn’t work. Do you have anyidea on what to do to make it work.

    Thanks anyway for all your great tutorial

  10. Ronny says

    Great work, guys. Thank you very much. But one question please… How do i make this custom template pull posts from one particular category or categories? I’ve been building websites with wordpress for a while now but, this one seems knotty to me. I know there’s a plugin that does this, but I’ll rather go with the custom template method. Thanks, again…

  11. Chadly says

    hey guys, is their a plugin you recommend for WP that creates great looking pages like this:

    You know, the pages that have the arrows pointing to things and almost a hand drawn look about the page.
    Thanks…

  12. irfan says

    Sir my websites homepage is in the form of custom link in wordpress menu and is not present in all pages also.I am a totaly newbie in website development so kindly help to convet this custom link into a page.
    2:kindly also help to remove read more from posts.

    Thanks
    Irfan
    website Address:www.fishysms.com

  13. karlonc says

    Does this tutorial still apply to the newest wordpress?
    Also will it keep any of the attributes of the theme you are using?

  14. Musarrof says

    Please give details more and write it easily with screenshot. new word-press user cant understand your reading tutorial.

  15. vinay says

    Hi,
    where do we find the pages that were created with the add-new page link in wordpress.could someone help me out to figure out the pages.Thanks in advance

  16. Joanna Gasdogas says

    oops. please ignore previous note.

    Thank you for these instructions.

    I have followed all your instructions, I believe correctly. However when I go to my WP editor to add content to this new template, nothing shows up on the page. It remains as a completely blank page.

  17. Joanna Gasdogas says

    Thank you for this. I followed all the instructions. I have a blank template now. But when I go to my wp editor to add content, the content doesn’t appear in the new page.

  18. Marow95 says

    How can I change the url ?
    I mean instead of « blog/?page_id=2 » , I want it to be « blog/about » .
    Thanks in advance :)

  19. Kikky says

    hallo, thanks for the post on creating a custom template, its helped greatly. But i have some issues i need answers to, this is my first time at wordpress and on the site i’m creating, i already have a custom template as the home page and then i have another page (with the theme’s initial homepage look, which is a custom page). the challenge i’m having now is : i want the custom template page i designed to load first but the theme’s custom page keeps coming up instead. i figured there’s some sort of conflict going on since they both have thesame url …so, preeeetyyy please, how do i get through this huge problem…thanks

    • WPBeginner Support says

      Seems like you resolved your problem. In this case, you could have specifically told WordPress to use a template for a specific page. For example if you wanted to create a custom template for http://www.example.com/home-2 then you name your template file to be page-home-2.php. You can also use a page’s id in the template, like page-33.php will only work on page with 33 as the unique id.

      Administrateur

  20. Pol Alvarez says

    Hi! I have always coded my webpages from scratch but now I need to add one to a wordpress website. I mean I have good html/css and this kind of stuff but little of wordpress.

    I have followed the instructions and succesfully uploaded the file. The problem is that it is not listed on the template dropdown. I am not sure whether this happens because the file I created is not valid or any other problem. My file is composed of your header

    and then following it a normal webpage (opening with etc…) without any styles now external files (just to check it out).

    What am I doing wrong? any help would be appreciated.

    Thanks you are my last resort!

    • WPBeginner Support says

      Pol, we can provide you some tips to troubleshoot.

      Please study the file page.php in your theme’s directory. Your custom page template should follow the same structure as page.php except the header part where you need to insert your own template name so that it can distinguished.

      Make sure that you have uploaded your template to the right directory. It should be in /wp-content/themes/your-theme-name/ folder.

      Let us know if this helped.

      Administrateur

  21. Ansar says

    I have a problem with this.when i add new page there is no option of template in page attributes. I’m using wordpress 3.8.1
    And also what is the name given to the page we are newly creating

  22. ReNet says

    This is Great! BUT HELP!
    I created a template that pulls in a form, I currently have it with a Captcha but want to remove the captcha and use WordPress’ password protect functionality for this page so I can speedup multiple form entries.

    The issue is that WordPress displays the template’s content before entering the password.

    Your help would be greatly appreciated.

    • WPBeginner Support says

      ReNet, thats because the password protect functionality implements password on the contents of the post/page that is protected not on your template. So the form you want to hide should be executed inside the post. You can create a shortcode for that and add it to your post/page.

      Administrateur

  23. Troy says

    Ok so I think Im missing a step or two…
    1) I opened up a blank text document, copied this « 1 » into the first line of the notepad

    2) Saved it to my desktop and loaded it into the proper wp-admin//themes/mythemedirectory/

    3) Got it to show up on wordpress. Then I copied and pasted my html code for my splash page that I created in dreamweaver into the text(html) portion on wordpress.

    4) Saved it as a draft and when I previewed it I get a bunch of strange text.

    Can you explain to me what steps am I forgetting or missing. I think its something with the other php markups? or maybe where I post my html code. Im looking to have splash page without any menus or anything else besides my splash page coding. Any help or assistance would be greatly appreciated. The information you provided has gotten me farther then any of the other blogs Ive looked at so thank you very much!

  24. niharika says

    I have one question please……………. help me. I want to store marks of student in Mysql database and once user go to the result page he has to enter his roll no and class, then he see his result. I have done this project but I really don’t know how to go through it in wordpress i.e where to write html and php coding in wordpress.
    I am using WordPress.org on my localhost.

    • WPBeginner Support says

      For that you will have to create your own custom solution using Custom Post Types, Custom Fields, and User Meta Data. If you look around you might find some WordPress plugin that already does all that.

      Administrateur

  25. Darren says

    This page is fantastic! Thank you! I was messing around a little (a lot) with plugins when I did a search, came across this page, and figured this is way better than the other methods I was looking at to do something.

    One thing is that in the article, it isn’t immediately obvious that the code should be put on the page before being uploaded. I mistook it as inputting the code on the ‘add a new page’ text box. Second time I tried it, I stuck the code in the text file (also, it isn’t obvious that they should choose all files, and change the text file extension to .php), and it worked like a charm. You can even add blog1 / blog2 / etc… to get multiple themes up there if you so need.

    Thank you!

  26. Tim Reeves says

    THANK YOU SO MUCH!!!!!!!!!!!!!!!!!!!!!!!!!! I have been trying to figure this out for 3 months now, came across your tutorial up and running with my new page template in 5 minutes.. I completely
    understand some of the comments above, as when you are first starting out everything is so confusing. But when you get a grasp of things it is so easy. AGAIN YOU ARE A LIFE SAVER,SCHOLAR,AND A GENTLEMAN !!!! : )

  27. lucas says

    This is suppose to be for beginners? I can’t even pass the first step « You can start out by calling WordPress header and footer »
    what does it mean? whoever wrote this article has forgotten that is writing for beginners who tend to be clueless.
    I tried to call header and footer but nobody answer, maybe i got the wrong number.
    A screen shot will be quite useful.

    • Editorial Staff says

      I think you misunderstood the site. WPBeginner caters for beginners of all level. This article is in the Themes category, and this is for beginner theme designers. The article clearly says that you need to have HTML / CSS knowledge before you can do this.

      We do have a beginners guide category – https://www.wpbeginner.com/category/beginners-guide/

      Instead of being really sarcastic, sending 2 separate emails and leaving a comment, you should consider being more polite. We do not get paid to write these tutorials. It is a kind gesture for the community, and many folks have learned from our site. It would be one thing to be pissed off, if you paid for something, and you didn’t receive it. This site is entirely FREE. We try to help as many folks as we can without charging a dime.

      -Syed
      Founder of WPBeginner

      Administrateur

      • eduardo says

        thaaaaannnksssssssss im a front end developer and i consider myself a wp beginner i found this article really helpful

  28. Markus Freeman says

    I’ve tried this and it worked like a charm, but the there’s one problem. The Posts didnt show, only the sidebar. what could be the problem?

    Thanks,
    Markus

    • Karla Porter Archer says

      I just tried it in the main theme and it finally showed. So I’m assuming the answer is ‘main theme’ and that I haven’t broken it :)

      • Editorial Staff says

        No this file has to be added in the child theme directory. While it would work in the main genesis folder, it is best practice to never modify anything in the parent theme.

        Administrateur

        • Karla Porter Archer says

          ah – thanks — that was my original presumption, but it didn’t show the template as an option for the page, so I second-guessed myself. I obviously didn’t add it correctly then, so off to try again!

  29. LJSkool says

    Completely newbie here. I was fine right up until you got to « begin creating a custom page by opening a blank file in your text editor ». Um, yeah…. Would that be the « editor » link under « Appearances » within my site? How do I « open » this? My purpose to have a page with all my blog posts on one page. My theme does not do this. Thanks!

  30. Ruth says

    this is the first help page that’s helped me without creating another set of problems.
    It worked! I never built a php page before and I pasted everything in exactly
    Thank you!

  31. Taika says

    « Since you have already written down all the text and settings in the php file, simply name the page and leave the content area blank »

    How to do that ? My WP does not allow me to leave the content blank, it requires to type something on title before it lets create/edit page name, then if I type something, name the page and remove the text leaving it blank and publish it publishes whatever I typed on title before I removed the text…any advice ? Thanks,

    Taika

  32. withloveash31 says

    I was following your guide and everything went well until this- « upload it in your theme directory (/wp-content/themes/yourthemedirectory/) where files like single.phpand index.php are located. » This might stupid but how do i upload the file to my theme directory? I did find a page under the name « Editor » where single.php, index.php etc are located, i just don’t know how to upload the file i created. Please help :S

  33. nola says

    Excellent! I thought this would be a hard process. You explained it simply. I still need to work out a few things with how my theme displays the custom template, but now I’ve learned something new. Thank you!

  34. scarab says

    great post. This information was just what I was looking for. It took me about 40 minutes but I built a ‘squeeze’ page just like I wanted.

    I still need to do some of the header work but is minor in my opinion.

    Thanks

  35. Marc Shaw says

    Hey, I read a lot of blogs on a daily basis and for the most part, people lack substance but, I just wanted to make a quick comment to say GREAT blog!…..I »ll be checking in on a regularly now….Keep up the good work! :)

    – Marc Shaw

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.