Deseja criar uma página personalizada no WordPress?
Uma página personalizada permite que você use um layout diferente do restante do seu site. Muitos sites do WordPress usam layouts de página personalizados para suas páginas de vendas, páginas de destino, páginas de webinar e muito mais.
Neste artigo, mostraremos a você como criar facilmente uma página personalizada no WordPress.
Por que criar uma página personalizada no WordPress?
Sempre que você cria uma nova página, o tema do WordPress controla a aparência dessa página usando um arquivo de modelo.
Esse modelo page.php afeta todas as páginas únicas que você cria no WordPress. No entanto, talvez você não queira usar o mesmo design todas as vezes.
As páginas de destino geralmente têm conteúdo diferente das páginas normais, como uma imagem de herói grande ou uma chamada para ação (CTA). Isso significa que elas geralmente têm uma aparência completamente diferente do restante do site.
Entretanto, tentar criar designs exclusivos usando o modelo de página padrão pode levar muito tempo. Você também está limitado pelo modelo page.php e talvez não consiga criar o design exato que deseja. Isso pode dificultar a obtenção de bons resultados. Por exemplo, se estiver criando uma página de vendas, talvez não consiga muitas conversões devido ao design inadequado da página.
Dito isso, vamos ver como você pode criar uma página personalizada no WordPress, com o design, o layout e o conteúdo exatos que desejar. Basta usar os links rápidos abaixo para ir direto ao método que você deseja usar.
- Method 1. How to Create a Custom Page in WordPress Using the Block Editor (No Plugin Required)
- Method 2. How to Create a Custom Page Using the Full-Site Editor (Block-Based Themes Only)
- Method 3. Create a Custom Page in WordPress using SeedProd (Recommended)
- Method 4. Using Thrive Architect to Create a Custom Page in WordPress
Método 1. Como criar uma página personalizada no WordPress usando o Block Editor (sem necessidade de plug-in)
O editor de blocos facilita a criação de seus próprios modelos usando as ferramentas com as quais você já está familiarizado.
Essa é uma boa opção se você planeja reutilizar o mesmo design em várias páginas, pois pode simplesmente aplicar o mesmo modelo. Se quiser criar um design totalmente exclusivo, outra opção é criar a página normalmente e, em seguida, editar seu layout usando o editor de site completo, que abordaremos no Método 2.
Esteja ciente de que esses métodos só funcionam com temas baseados em blocos, como o ThemeIsle Hestia Pro ou o Twenty Twenty-Three. Se você não tiver um tema baseado em blocos, recomendamos o uso de um construtor de páginas.
Para começar, basta abrir qualquer página ou postagem. Em seguida, selecione a guia “Página” no menu à direita e clique no texto ao lado de “Modelo”.
As opções que você vê podem variar dependendo do seu tema do WordPress, mas o texto normalmente mostrará “Página”, “Modelo padrão” ou algo semelhante.
Na janela pop-up que aparece, clique no ícone “Add Template” (Adicionar modelo).
Na janela pop-up que aparece, digite um nome para o modelo e clique em “Create” (Criar).
O nome é apenas para sua referência, portanto, você pode usar o que quiser.
Isso inicia o editor de modelos, que funciona de forma semelhante ao editor de conteúdo do WordPress.
Para adicionar blocos ao design da página personalizada, basta clicar no botão azul “+”. Em seguida, você pode arrastar e soltar para adicionar blocos.
Você pode adicionar conteúdo a um bloco ou alterar sua formatação usando as conhecidas ferramentas de edição de posts do WordPress. Por exemplo, você pode digitar texto em um bloco “Título”, aplicar formatação em negrito ou alterar o texto de H2 para H3.
Você também pode criar uma página personalizada usando padrões. Os padrões são coleções de blocos que costumam ser usados juntos, como uma lista de eventos, uma imagem com uma legenda ou uma tabela de preços.
Os padrões que você vê variam de acordo com o seu tema do WordPress, mas você pode ver quais padrões estão disponíveis clicando na guia “Patterns” (Padrões).
Você pode arrastar e soltar um padrão de bloco em seu layout ou clicar no padrão para adicioná-lo à parte inferior do modelo. Quando você estiver satisfeito com a aparência do modelo, clique no botão “Publish” (Publicar) e, em seguida, clique em “Save” (Salvar).
Agora você pode aplicar esse modelo a qualquer página. Basta abrir a página no editor e clicar no texto ao lado de “Modelo”.
Na janela pop-up que aparece, selecione o modelo que você acabou de criar.
Com isso feito, você pode adicionar conteúdo à página, como qualquer outra página do WordPress.
Método 2. Como criar uma página personalizadausando o Full-Site Editor (somente temas baseados em blocos)
Se você estiver usando um tema baseado em blocos, também poderá criar uma página personalizada usando o editor de site completo. Isso permite que você altere o layout de uma página individual, sem criar um modelo personalizado.
Com isso em mente, essa é uma boa opção se você quiser criar um design totalmente exclusivo que não será reutilizado em nenhuma outra página.
Para começar, basta criar a página normalmente, acessando Pages “ Add New. Você pode então digitar um título, adicionar categorias e tags, carregar uma imagem em destaque e fazer quaisquer outras alterações que desejar.
Quando estiver satisfeito com a página básica, salve as alterações e vá para Appearance “ Editor.
Por padrão, o editor de site completo mostra o modelo inicial do seu tema.
No menu do lado esquerdo, clique em “Pages”.
Agora você verá todas as páginas que criou em seu site do WordPress.
Basta localizar a página que você deseja redesenhar e dar um clique.
O WordPress agora mostrará uma visualização do design.
Para prosseguir e editar esse modelo, clique no pequeno ícone de lápis.
Agora você pode editar o layout da página usando as ferramentas do editor de site completo. Por exemplo, você pode clicar no botão azul “+” para adicionar novos blocos ou clicar para selecionar qualquer bloco que queira personalizar.
Quando estiver satisfeito com as alterações feitas, clique no botão “Save” (Salvar).
Agora, se você visitar essa página em seu site, verá o novo design da página em ação.
Método 3. Criar uma página personalizada no WordPress usando o SeedProd (recomendado)
No passado, você criava uma página personalizada escrevendo código, o que não era muito fácil para iniciantes. Se você cometesse um erro no código HTML, CSS ou PHP, isso poderia causar erros comuns do WordPress ou até mesmo quebrar completamente o site.
Com isso em mente, recomendamos o uso de um construtor de páginas.
O SeedProd é o melhor construtor de páginas de arrastar e soltar para WordPress. Ele vem com mais de 350 modelos, permitindo que você crie páginas personalizadas sem escrever nenhum código.
Se você estiver usando uma página personalizada para obter mais conversões, o SeedProd funciona com muitas ferramentas populares de terceiros que você já pode estar usando para obter conversões. Isso inclui os principais serviços de marketing por e-mail, WooCommerce, Google Analytics e muito mais.
Primeiro, você precisa instalar e ativar o SeedProd. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Observação: Há também uma versão gratuita do SeedProd que permite criar páginas personalizadas, independentemente do seu orçamento. No entanto, para este guia, usaremos o SeedProd Pro, pois ele tem muito mais modelos e se integra a todos os melhores serviços de marketing por e-mail.
Após a ativação do plug-in, o SeedProd solicitará sua chave de licença.
Você pode encontrar essas informações em sua conta no site da SeedProd. Depois de inserir a chave, clique no botão “Verify Key” (Verificar chave).
Escolha um modelo de página personalizado
Depois de fazer isso, vá para SeedProd ” Landing Pages e clique no botão “Add New Landing Page” (Adicionar nova página de destino).
Agora você pode escolher um modelo para sua página personalizada.
Os modelos do SeedProd são organizados em diferentes tipos de campanha, como “lead”, “squeeze” e“coming soon“. Você pode clicar nas guias na parte superior da tela para filtrar os modelos com base no tipo de campanha.
Se você quiser começar do zero, o SeedProd também tem um modelo em branco que pode ser usado.
Para examinar mais de perto qualquer design, basta passar o mouse sobre o modelo e clicar no ícone da lupa.
Quando encontrar um design que lhe agrade, clique em “Choose This Template” (Escolha este modelo). Estamos usando o modelo “Course Sales Page” em todas as nossas imagens, mas você pode usar qualquer modelo que desejar.
Em seguida, digite um nome para a página personalizada. O SeedProd criará automaticamente um URL com base no título da página, mas você pode alterar esse URL para o que quiser.
Um URL descritivo também ajudará os mecanismos de pesquisa a entender do que se trata a página para que possam mostrá-la aos usuários certos, o que melhorará o SEO do WordPress.
Para dar à sua página personalizada a melhor chance de aparecer nos resultados de pesquisa relevantes, adicione as palavras-chave que estão faltando no URL. Para obter mais detalhes, consulte nosso guia sobre como fazer pesquisa de palavras-chave.
Quando estiver satisfeito com as informações inseridas, clique no botão “Save and Start Editing the Page” (Salvar e começar a editar a página).
Crie sua página personalizada
O SeedProd abrirá o modelo escolhido em seu editor de arrastar e soltar de fácil utilização. Você verá uma visualização ao vivo de sua página à direita e algumas configurações de bloco à esquerda.
Para personalizar um bloco, basta clicar para selecioná-lo no editor de páginas. A barra de ferramentas do lado esquerdo mostrará todas as configurações desse bloco.
Na imagem a seguir, estamos alterando o texto dentro de um bloco “Headline”.
Você pode formatar o texto, alterar seu alinhamento, adicionar links e muito mais usando as configurações no menu à esquerda.
Também é fácil editar imagens usando o construtor de páginas SeedProd. Basta clicar em qualquer bloco de “Imagem” e usar as configurações para adicionar texto alternativo, carregar uma nova imagem ou fazer outras alterações.
Se você quiser remover um bloco da página personalizada, basta clicar para selecionar esse bloco.
Em seguida, clique no ícone da lixeira na mini barra de ferramentas.
Para adicionar novos blocos ao seu design, basta localizar um bloco no menu à esquerda e arrastá-lo para o editor.
Em seguida, você pode clicar para selecionar o bloco e fazer alterações no menu à esquerda.
O SeedProd também vem com “Seções”, que são modelos de linhas e blocos que podem ajudá-lo a criar uma página personalizada rapidamente. Por exemplo, se você estivesse criando uma página de destino de anúncios do Google, poderia usar as seções Hero, Call To Action ou Features já prontas do SeedProd.
Para ver todas as seções disponíveis, basta clicar na guia “Seções”.
Para ver uma seção mais de perto, passe o mouse sobre ela e clique no ícone da lupa.
Quando encontrar uma seção que deseja adicionar ao seu design, basta mover o mouse sobre ela e clicar no pequeno ícone “+”.
Isso adiciona a seção à parte inferior da página. Você pode mover as seções e os blocos pelo seu design usando o recurso de arrastar e soltar.
Se você cometer um erro ou mudar de ideia, não se preocupe. Você pode reverter sua última alteração clicando no botão “Desfazer” na parte inferior da barra de ferramentas à esquerda.
Aqui, você também encontrará um botão de refazer, histórico de revisão, navegação de layout e configurações globais.
Esses botões extras facilitam a criação de uma página personalizada no WordPress.
Na parte inferior da barra de ferramentas, você também encontrará um botão de visualização móvel que permite visualizar a versão móvel da página personalizada.
Isso pode ajudá-lo a projetar uma página personalizada que tenha uma aparência tão boa em dispositivos móveis quanto em seu computador.
Quando estiver satisfeito com a página personalizada, é hora de publicá-la, clicando na seta suspensa ao lado de “Save” (Salvar) e selecionando a opção “Publish” (Publicar).
Sua página personalizada será ativada em seu blog do WordPress.
Se você quiser editar a página personalizada a qualquer momento, basta acessar SeedProd ” Landing Pages no painel do WordPress. Você pode encontrar a página que deseja alterar e clicar no link “Edit” (Editar).
Isso abrirá o design no editor do SeedProd, pronto para que você faça suas alterações.
Método 4. Usando o Thrive Architect para criar uma página personalizada no WordPress
Você também pode criar uma página personalizada usando o Thrive Architect. O Thrive Architect é outro construtor de páginas de arrastar e soltar popular para WordPress.
Ele vem com mais de 300 modelos projetados profissionalmente para ajudá-lo a obter mais conversões.
Primeiro, você precisa instalar e ativar o plug-in Thrive Architect. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Após a ativação, vá para Pages ” Add New (Páginas ” Adicionar novo ) no painel de administração do WordPress para criar uma página personalizada. Em seguida, clique no botão “Launch Thrive Architect”.
Em seguida, você pode escolher se deseja criar uma página normal ou uma página de destino pré-criada.
Recomendamos clicar em “Pre-built Landing Page” (Página de destino pré-construída), pois isso lhe dá acesso a todos os modelos de página de destino do Thrive. Esses modelos são totalmente personalizáveis, portanto, você pode ajustá-los para que se adaptem ao seu site WordPress.
Quando você encontrar um conjunto de que goste, basta clicar para selecioná-lo.
Na imagem a seguir, estamos selecionando “Smart Landing Page Sets”.
Na próxima tela, você precisa escolher um modelo específico do conjunto.
Selecione um modelo clicando nele e, em seguida, pressionando o botão “Apply Template” (Aplicar modelo).
Isso abrirá o modelo no Thrive Architect Editor. A partir daqui, você pode personalizar facilmente o modelo de página para corresponder ao seu blog, site ou loja on-line.
Por exemplo, você pode alterar o “Título” clicando nele e digitando sua própria mensagem personalizada.
Agora você verá todas as opções de personalização no menu do lado esquerdo. Aqui, você pode alterar a tipografia, o tamanho da fonte, a cor, a formatação e muito mais.
No painel esquerdo, você também pode ajustar outras configurações da sua página personalizada, como layout, estilo do plano de fundo, bordas, animações e comportamento de rolagem, só para citar algumas.
Semelhante aos blocos do SeedProd, o Thrive Architect vem com muitos elementos pré-criados que você pode adicionar à sua página personalizada.
Para adicionar um novo elemento à página, clique no botão “Adicionar elemento (+)” no lado direito da tela.
Agora você pode escolher entre elementos como imagens, botões, formulários de geração de leads, tabelas de preços, cronômetros de contagem regressiva e muito mais.
Para adicionar um elemento, basta arrastá-lo do menu à direita e soltá-lo em sua página.
Novamente, você pode editar qualquer um dos novos elementos adicionados à sua página clicando neles.
Quando você estiver satisfeito com a aparência da página, clique no botão de seta (^) ao lado do botão “Save Work” (Salvar trabalho). Em seguida, clique na opção “Salvar e retornar ao Post Editor”.
Em seguida, você pode salvar a página como rascunho ou publicá-la para que seja exibida em seu site do WordPress.
Depois que sua página personalizada for publicada, você poderá visitar seu site para vê-la em ação.
Esperamos que este artigo tenha ajudado você a aprender como criar uma página personalizada no WordPress. Talvez você também queira ver nosso guia sobre como aumentar o tráfego do seu blog e nossas escolhas de especialistas dos melhores plugins de formulário de contato para WordPress.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
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!
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
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
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!
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.
Rob says
Thanks – once again – how to remove header/footer/sidebar?
Thanks
Editorial Staff says
Remove get_sidebar(), get_footer(), and get_header().
This will break all the styling because your stylesheet won’t load. So you need to make sure that wp_head() and wp_footer() are added in your template.
Fore more customization help, you may want to look here:
https://codex.wordpress.org/Theme_Development
Administrador
Jeff says
thanks great help
Deepan says
Thanks for this tutorial,this tutorial help me to understand the concept easily.Good Work keep continuing like this.
-Deepan
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.
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.
Amit Prasad says
Great Article. Exactly what I was looking for. Keep up the good work pal!
Osvaldo says
This article, pure and simple, works like charm to me!!!
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
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…
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…
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
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?
WPBeginner Support says
Yes, it applies on latest WordPress and will keep all attributes of the theme you are using.
Administrador
Musarrof says
Please give details more and write it easily with screenshot. new word-press user cant understand your reading tutorial.
WPBeginner Support says
Thanks for your feedback. Please let us know which part you did not understand and we will try to explain it.
Administrador
Carol H. says
I didn’t understand this part…
Once you have completed editing this file save it and upload it in your theme directory (/wp-content/themes/yourthemedirectory/) where files like single.php and index.php are located.
How does one upload to one’s theme directory? (I have a wordpress.com site; does this have anything to do with this?)
WPBeginner Support says
Yes, you cannot upload files on WordPress.com sites. Please take a look at our guide on the difference between WordPress.com and Self hosted WordPress.org sites.
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
terance perera says
go to appearance -> editor -> then you can see page templete or page.php
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.
kuldeep says
how to create a simple template in wordpress
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.
Samsher says
Hey plz upload snap shot..
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
WPBeginner Staff says
Check out our guide on how to create SEO friendly URL Structure in WordPress.
Asim says
Checkout Permalinks at the very beginning of the page.
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.
Administrador
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.
Administrador
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
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.
Administrador
Sean says
Thanks for this – who knew it could be so simple!
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!
WPBeginner Support says
It seems like you are trying to design a page in Dreamweaver and trying to import it in WordPress. This will not work. Because your page already has a structure and style defined by your WordPress theme.
Administrador
Troy says
thanks for the reply. Can I just take the html body from dreamweaver and paste it into the theme?
WPBeginner Support says
No it will still have the similar effect.
Surya says
You can do that but try pasting the code in notepad first and then copying it again to WordPress. This usually eliminates some unwanted things like DOM.
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.
Administrador
Andrea says
Thanks for the post – this was exactly what I was looking for, and so helpful!
Stuart Alsop says
Thank you sooooo much for this tutorial. solved a big headache for me! Keep up the good work!
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!
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 !!!! : )
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
Administrador
eduardo says
thaaaaannnksssssssss im a front end developer and i consider myself a wp beginner i found this article really helpful
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
Editorial Staff says
That means that there is something wrong with the code in your template.
Administrador
James says
I tried this too and like above only the sidebar shows. What could be wrong with the code in my template?
Joe says
Try copying the WordPress hook ( if statement) from the page.php file. Then paste it into the new file.
Karla Porter Archer says
Thanks for this tutorial.
I’m trying to do this in order to create the author page (https://www.wpbeginner.com/wp-tutorials/how-to-display-an-author-list-with-avatars-in-wordpress-contributors-page/).
I’m using a child theme. Does this file get added to the main theme file directory or the child theme?
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.
Administrador
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!
Max Garcia Jr says
WITHLOVEASH31 posted a question on 10/24/2011. Could one of the Editor’s please respond. I’d really like to know. I could really use this feature. Thanks in advance!
Editorial Staff says
We didn’t reply because they also commented right after that they figured it out. You have to use FTP to login and upload a new theme file.
Administrador
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!
Editorial Staff says
Hey Jackie,
Yes this article does require prior HTML/CSS knowledge. Text Editor can be Notepad, Dreamweaver, Notepad++ etc.
Administrador
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!
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
withloveash31 says
Oh never mind. I figured it out
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
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!
saro.verhees says
Really awesome, exactly what i was looking for. Thanks
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
Nina says
Brilliant!
Alex Batista says
How to create a custom page in WordPress and put it how default?
Editorial Staff says
https://www.wpbeginner.com/wp-themes/how-to-create-a-custom-homepage-in-wordpress/
Use the page link above.
Administrador
Frank says
freakin phantastic blog! This may be the best project site on the web…
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
Missy says
Hi,
I’m on here now trying to do this. Let me see if I can pull it off.
MOMO says
Excellent tutorial. cheers guys.
Momo