Hur man skapar en anpassad sida i WordPress

Adding custom page template in WordPress

Vill du skapa en anpassad sida i WordPress? Du kanske mÀrker att mÄnga WordPress-webbplatser har olika layouter för olika sidor. En anpassad sida gör att du kan se annorlunda ut som de vanliga sidorna i WordPress. I den hÀr artikeln visar vi dig hur du skapar en anpassad sida i WordPress.

Vad Àr en anpassad sida i WordPress

Som standard lÄter WordPress dig skapa inlÀgg och sidor. Ditt WordPress-tema styr utseendet pÄ dina sidor genom att anvÀnda en mallfil som heter page.php.

Denna mallfil pÄverkar alla enskilda sidor som du skapar i WordPress. Men inte alla sidor Àr desamma. SmÄ förÀndringar i layout och utseende kan göra dem unika och mycket mer anvÀndbara.

Att skapa en anpassad sidmall i WordPress krÀver en grundlÀggande förstÄelse för HTML, CSS och PHP.

Med detta sagt, lÄt oss hoppa till att skapa din första anpassade sida i WordPress.

Videohandledning

Prenumerera pÄ WPBeginner

Om du inte gillar videon eller behöver fler instruktioner, fortsÀtt lÀsa.

Skapa en anpassad sida i WordPress

Först mÄste du öppna en vanlig textredigerare som Anteckningar pÄ din dator. I den tomma filen lÀgg till denna kodrad högst upp:


<?php /* Template Name: CustomPageT1 */ ?>

Den hÀr koden sÀger helt enkelt till WordPress att det hÀr Àr en mallfil och att den ska kÀnnas igen som CustomPageT1. Du kan namnge din mall vad du vill sÄ lÀnge det Àr vettigt för dig.

NÀr du har lagt till koden sparar du filen pÄ skrivbordet som, custompaget1.php.

Du kan spara filen med vilket namn som helst, se bara till att den slutar med .php-tillÀgget.

För nÀsta steg mÄste du ansluta till din webbplats med en FTP-klient.

NÀr du Àr ansluten gÄr du till ditt nuvarande tema eller underordnad temamapp. Du hittar den i / wp-content / themes / katalog. Ladda sedan upp din anpassade sidmallfil till ditt tema.

Nu mÄste du logga in pÄ ditt WordPress-adminomrÄde för att skapa en ny sida eller redigera en befintlig.

PĂ„ sidredigeringsskĂ€rmen blĂ€ddrar du ner till avsnittet “Sidattribut” och du hittar en rullgardinsmeny för mall. Genom att klicka pĂ„ den kan du vĂ€lja den mall du just skapade.

VĂ€lja din anpassade sidmall

Nu om du byter mall och besöker den hÀr sidan fÄr du se en tom sida. Det beror pÄ att din mall Àr tom och inte berÀttar för WordPress vad den ska visas.

Oroa dig inte, vi visar hur du enkelt redigerar din anpassade sidmall.

Redigera din anpassade sidmall

Din anpassade sidmall Àr som alla andra temafiler pÄ WordPress. Du kan lÀgga till valfri HTML, malltaggar eller PHP-kod i den hÀr filen.

Det enklaste sÀttet att komma igÄng med din anpassade sida Àr att kopiera den befintliga sidmallen frÄn ditt tema.

Öppna din FTP-klient och gĂ„ till din temamapp. DĂ€r hittar du en fil som heter page.php. Du mĂ„ste ladda ner den hĂ€r filen till din dator.

HĂ€mtar sidmallfilen

Öppna page.php-filen i en vanlig textredigerare som Anteckningsblock och kopiera allt innehĂ„ll utom rubrikdelen.

Mallrubrik för en typisk page.php-fil i ett WordPress-tema

Rubrikdelen Àr den kommenterade delen högst upp i filen. Vi kopierar inte den, eftersom vÄr anpassade sidmall redan har en.

Nu mÄste du öppna din anpassade sidmallfil och klistra in den i slutet.

Din anpassade sidfil ser nu ut sÄ hÀr:



<?php /* Template Name: CustomPageT1 */ ?>

<?php get_header(); ?>

<div id="primary" class="content-area">
	<main id="main" class="site-main" role="main">
		<?php
		// Start the loop.
		while ( have_posts() ) : the_post();

			// Include the page content template.
			get_template_part( 'template-parts/content', 'page' );

			// If comments are open or we have at least one comment, load up the comment template.
			if ( comments_open() || get_comments_number() ) {
				comments_template();
			}

			// End of the loop.
		endwhile;
		?>

	</main><!-- .site-main -->

	<?php get_sidebar( 'content-bottom' ); ?>

</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>



Spara din anpassade sidmallfil och ladda upp den tillbaka till din temamapp med FTP.

Du kan nu besöka sidan du skapade med en anpassad sidmall. Det ser nu ut precis som dina andra sidor i WordPress.

Du kan nu fortsÀtta redigera din anpassade sidmallfil. Du kan anpassa det pÄ vilket sÀtt du vill. Du kan till exempel ta bort sidofÀltet, lÀgga till anpassad PHP-kod, lÀgga till vilken annan HTML du vill.

Du kan lÀgga till innehÄllet genom att redigera sidan pÄ WordPress-sidredigeringsskÀrmen. Du kan ocksÄ lÀmna innehÄllsomrÄdet i sidredigeraren helt tomt och lÀgga till anpassat innehÄll direkt i din sidmall.

Vi hoppas att den hÀr artikeln hjÀlpte dig att lÀgga till en anpassad sida i WordPress. Du kanske ocksÄ vill se vÄr lista över de bÀsta dra-och-slÀpp-sidbyggare-plugin-programmen för WordPress.

Om du gillade den hÀr artikeln, prenumerera sedan pÄ vÄr YouTube-kanal för WordPress-sjÀlvstudier. Du hittar oss ocksÄ pÄ Twitter och Facebook.