{"id":44314,"date":"2023-03-06T13:18:35","date_gmt":"2023-03-06T13:18:35","guid":{"rendered":"https:\/\/codeless.co\/?p=44314"},"modified":"2026-02-05T03:47:12","modified_gmt":"2026-02-05T03:47:12","slug":"create-wordpress-portfolio-website","status":"publish","type":"post","link":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/","title":{"rendered":"How to Create WordPress Portfolio Website in 2026"},"content":{"rendered":"\n<p>Wondering how to create a WordPress portfolio website?<\/p>\n\n\n\n<p>Portfolio websites are used by solopreneurs and agencies to showcase their work, skills, and accomplishments to potential clients, employers, or collaborators.<\/p>\n\n\n\n<p>A portfolio site can also help build credibility, establish your brand, and make it easier for interested parties to contact you.&nbsp;<\/p>\n\n\n\n<p>In today's digital age, a portfolio website is a powerful tool for anyone looking to demonstrate their capabilities and display their work online.&nbsp;<\/p>\n\n\n\n<p>In this article, we will show you how to create a portfolio website with WordPress using a dedicated portfolio theme called <a href=\"http:\/\/codeless.co\/remake\" target=\"_blank\" rel=\"noreferrer noopener\">Remake<\/a>.\u00a0 If you aren't so familiar with WordPress you can take a look at the <a href=\"https:\/\/codeless.co\/best-portfolio-website-builders\/\">Best Website Builders for Portfolio<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"496\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-251-Erzen-\u2013-Remake-WordPress-Theme-preview.codeless.co_-1024x496.jpg\" alt=\"portfolio website\" class=\"wp-image-44337\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-251-Erzen-\u2013-Remake-WordPress-Theme-preview.codeless.co_-1024x496.jpg 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-251-Erzen-\u2013-Remake-WordPress-Theme-preview.codeless.co_-300x145.jpg 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-251-Erzen-\u2013-Remake-WordPress-Theme-preview.codeless.co_-768x372.jpg 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-251-Erzen-\u2013-Remake-WordPress-Theme-preview.codeless.co_-1536x745.jpg 1536w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-251-Erzen-\u2013-Remake-WordPress-Theme-preview.codeless.co_-2048x993.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Let\u2019s get started.&nbsp;<\/p>\n\n\n\n<h2 id=\"h-how-much-does-it-cost-to-build-a-portfolio-website\">How Much Does It Cost to Build a Portfolio Website?<\/h2>\n\n\n\n<p>To build a portfolio website you need 5 things: domain name, hosting plan, SSL certificate, premium theme, and plugins.&nbsp;<\/p>\n\n\n\n<p><strong>Let\u2019s take a look at the average cost for each of these items:<\/strong><\/p>\n\n\n\n<ul>\n<li>Domain name: $10<\/li>\n\n\n\n<li>Shared hosting plan: $80<\/li>\n\n\n\n<li>SSL certificate: Free\/$8<\/li>\n\n\n\n<li>Premium theme: $59<\/li>\n\n\n\n<li>Plugins: Free<\/li>\n<\/ul>\n\n\n\n<p>So to get your portfolio website up and running you need to spend $159 in total.&nbsp;<\/p>\n\n\n\n<p><strong>There are 3 things worth noting here:<\/strong><\/p>\n\n\n\n<p>The first thing you need to know is, these are not monthly but annual expenses. This means that after getting the site up, you won\u2019t have to spend a dime for at least a year.&nbsp;<\/p>\n\n\n\n<p>The second thing you need to know is that most hosting providers offer a free SSL certificate for the first year. So your expense is likely to come down to $150.&nbsp;<\/p>\n\n\n\n<p>And lastly, most domain sellers offer a discount during registration. So next year, renewing your domain name could cost $15-20.<\/p>\n\n\n\n<p>Now that you know the cost of building a portfolio website, let\u2019s dive into the tutorial.&nbsp;<\/p>\n\n\n\n<h2 id=\"h-how-to-create-a-portfolio-website\">How to Create a Portfolio Website?<\/h2>\n\n\n\n<p><em>To create a portfolio website you need to take the following steps:<\/em><\/p>\n\n\n\n<ul>\n<li>Step 1: Buy a domain name and hosting plan&nbsp;<\/li>\n\n\n\n<li>Step 2: Buy an SSL certificate&nbsp;<\/li>\n\n\n\n<li>Step 3: Install WordPress&nbsp;<\/li>\n\n\n\n<li>Step 4: Configure WordPress settings&nbsp;<\/li>\n\n\n\n<li>Step 5: Install a dedicated portfolio theme&nbsp;<\/li>\n\n\n\n<li>Step 6: Modify the about and contact pages&nbsp;<\/li>\n\n\n\n<li>Step 7: Install plugins&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>We are going to dive into each step and show you what you need to do. By the end of step 7, you will have a portfolio website up and running.&nbsp;<\/p>\n\n\n\n<h3 id=\"h-step-1-buy-a-domain-name-hosting-plan\">Step 1: Buy a Domain Name & Hosting Plan&nbsp;<\/h3>\n\n\n\n<p>The name of a website (i.e. codeless) along with the TLD (i.e. com) is called the domain name.&nbsp;<\/p>\n\n\n\n<p>A domain name has to be picked carefully because it can\u2019t be changed after it is registered with a domain name seller.&nbsp;<\/p>\n\n\n\n<h4 id=\"h-how-to-pick-a-domain-name\">How to Pick a Domain Name<\/h4>\n\n\n\n<p>You can use your own name as your domain name (like https:\/\/sufiabanu.com) or use the name of your registered business (like https:\/\/codeless.co). Just keep the name short and easy to remember.&nbsp;<\/p>\n\n\n\n<p>You can generate your domain name by using AI through our tool here: <a href=\"https:\/\/codeless.co\/domain-name-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">AI Domain generator<\/a>.<\/p>\n\n\n\n<p>After you pick a domain name, you need to select a TLD, short for top-level domain. TLD refers to the last part of a domain name. The \u201c.co\u201d is the TLD of our domain name, codeless.co.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1898\" height=\"942\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2022\/06\/bluehost-domain-pricing.png\" alt=\"Bluehost domain pricing\" class=\"wp-image-34408\"\/><\/figure>\n\n\n\n<p>There are two types of TLDs \u2013 country-specific TLDs and generic TLDs.<\/p>\n\n\n\n<p>Country-specific TLDs are used to indicate the location of the domain. For instance, businesses located in Europe use .eu, .fr for France, .nl for Norway, .de for Germany, .co.uk for the United Kingdom, and so on.&nbsp;<\/p>\n\n\n\n<p>You can use a country-specific TLD if your portfolio site targets clients from a specific country.<\/p>\n\n\n\n<p>But if you are targeting clients located anywhere in the world then use generic TLDs like .art, .blog, .business, .club, .dog, .life, .design, .events, .tech, .reviews, .cafe, .fun, etc.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/codeless.co\/domain-name-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"473\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-248-Free-AI-Domain-Name-Generator-GPT-3-Codeless-codeless.co_-1024x473.jpg\" alt=\"ai domain name generator\" class=\"wp-image-44333\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-248-Free-AI-Domain-Name-Generator-GPT-3-Codeless-codeless.co_-1024x473.jpg 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-248-Free-AI-Domain-Name-Generator-GPT-3-Codeless-codeless.co_-300x139.jpg 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-248-Free-AI-Domain-Name-Generator-GPT-3-Codeless-codeless.co_-768x355.jpg 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-248-Free-AI-Domain-Name-Generator-GPT-3-Codeless-codeless.co_.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>The most popular generic TLDs are .com, .net, and .org (meant for only organizations). We strongly recommend that you <strong>select either .com, .net, or .org <\/strong>because these are trusted more than any other TLDs.<\/p>\n\n\n\n<p>So far you have learned how to pick a domain name and a TLD. Next, you will learn how to purchase them both. And while there are <a href=\"https:\/\/codeless.co\/best-domain-registrars\/\" target=\"_blank\" rel=\"noreferrer noopener\">several domain registrars<\/a> to choose from, we recommend getting the domain name from a hosting provider as it reduces hassle. More on this in the next section.&nbsp;<\/p>\n\n\n\n<h4 id=\"h-how-to-pick-a-hosting-provider\">How to Pick a Hosting Provider<\/h4>\n\n\n\n<p>A portfolio website is made of files and folders. You need a space to store these files and folders online.&nbsp;<\/p>\n\n\n\n<p>A hosting provider offers a service where you can rent a space for storing your files or folders (i.e. your website).&nbsp;<\/p>\n\n\n\n<p>There are numerous hosting providers to choose from. The popular ones are:&nbsp;<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/codeless.co\/out\/bluehost\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"external\">Bluehost<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/codeless.co\/out\/host-gator\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"external\">HostGator<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/codeless.co\/out\/hostinger-offer\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"external\">Hostinger<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/codeless.co\/out\/dreamhost\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"external\">DreamHost<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/codeless.co\/out\/siteground\" class=\"external\" rel=\"nofollow\">SiteGround<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/codeless.co\/out\/a2host\" class=\"external\" rel=\"nofollow\">A2 Hosting<\/a>, etc.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Most hosting providers offer 4 types of hosting plans: <a href=\"https:\/\/codeless.co\/cheap-web-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">shared<\/a>, <a href=\"https:\/\/codeless.co\/best-managed-wordpress-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">managed<\/a>, <a href=\"https:\/\/codeless.co\/dedicated-server-hosting-providers\/\" target=\"_blank\" rel=\"noreferrer noopener\">dedicated<\/a>, and <a href=\"https:\/\/codeless.co\/cheap-vps-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">VPS hosting<\/a>.&nbsp;<\/p>\n\n\n\n<p>Managed, dedicated, and VPS hosting is the most expensive hosting plan. These plans offer plenty of resources and significant control over your hosting server. To operate them, you need to have advanced skills.&nbsp;<\/p>\n\n\n\n<p>Shared hosting is the cheapest plan because the storage space is shared with other websites. These hosting plans are completely safe and the resources are equally divided. New websites should opt for <a href=\"https:\/\/codeless.co\/cheap-web-hosting\/\">shared hosting plans<\/a> because it is cheap and can be operated by a newbie.&nbsp;<\/p>\n\n\n\n<p>In case you are using the AI name generator after selecting the domain you will redirect to <a href=\"https:\/\/codeless.co\/out\/bluehost\" class=\"external\" rel=\"nofollow\">Bluehost<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"497\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-249-Exclusive-Offer-for-Codeless.co-Fans-Get-Web-Hosting-Domain-Names_-www.bluehost.com_-1024x497.jpg\" alt=\"bluehost as hosting provider\" class=\"wp-image-44334\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-249-Exclusive-Offer-for-Codeless.co-Fans-Get-Web-Hosting-Domain-Names_-www.bluehost.com_-1024x497.jpg 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-249-Exclusive-Offer-for-Codeless.co-Fans-Get-Web-Hosting-Domain-Names_-www.bluehost.com_-300x146.jpg 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-249-Exclusive-Offer-for-Codeless.co-Fans-Get-Web-Hosting-Domain-Names_-www.bluehost.com_-768x372.jpg 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-249-Exclusive-Offer-for-Codeless.co-Fans-Get-Web-Hosting-Domain-Names_-www.bluehost.com_.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>All the hosting providers we mentioned above offer shared hosting plans. Be sure to purchase a hosting plan along with a domain name and an SSL certificate. More on the SSL certificate in the next section.&nbsp;<\/p>\n\n\n\n<h3 id=\"h-step-2-buy-an-ssl-certificate\">Step 2: Buy an SSL Certificate&nbsp;<\/h3>\n\n\n\n<p>An SSL certificate is a digital certificate that help authenticates a website's identity as a legitimate blog or business.&nbsp;<\/p>\n\n\n\n<p>The certificate appears at the beginning of your domain name in the form of a lock and the \u201chttps\u201d protocol.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"195\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-2-1024x195.png\" alt=\"SSL\" class=\"wp-image-44318\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-2-1024x195.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-2-300x57.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-2-768x147.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-2.png 1210w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Installing an SSL certificate is mandatory. Websites without an SSL certificate are marked as insecure by web browsers. A visibly insecure website does not encourage trust and it could impact your potential clients negatively.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"758\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-3-1024x758.png\" alt=\"not SSL\" class=\"wp-image-44319\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-3-1024x758.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-3-300x222.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-3-768x569.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-3.png 1257w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>There are several SSL certificates sold by hosting services and <a href=\"https:\/\/www.pcmag.com\/news\/top-ssl-certificates-buyers-guide\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"external\">dedicated SSL certificate providers<\/a>. You need a basic certificate which you can get from your hosting provider for free for the first year. Be sure to purchase the certificate along with the domain name and hosting plan.&nbsp;<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f7f8fc\"><strong>NOTE:<\/strong> If you will use Bluehost the SSL certificate comes free with hosting and the domain. So I recommend choosing hosting providers that come with free SSL certificates.<\/p>\n\n\n\n<p>To install the certificate look for help docs from your hosting provider or seek help from your hosting support.&nbsp;<\/p>\n\n\n\n<h3 id=\"h-step-3-install-wordpress\">Step 3: Install WordPress<\/h3>\n\n\n\n<p>WordPress is a website-building platform. Just like the domain name, hosting plan, and SSL certificate, a website-building platform (also called CMS) is a mandatory part of your site.&nbsp;<\/p>\n\n\n\n<p>While there are a number of CMS\u2019 to choose from, WordPress is the most popular one.&nbsp;<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f7f8fc\"><strong>Note:<\/strong> You can also choose to build your website with dedicated <a href=\"https:\/\/codeless.co\/best-portfolio-website-builders\/\" target=\"_blank\" rel=\"noreferrer noopener\">portfolio website builders<\/a>.<\/p>\n\n\n\n<p>We will show you how to install WordPress on your website. This can be done via the cPanel on your hosting account. Locate the cPanel and then go to <strong>Softaculous Apps Installer <\/strong>and select <strong>WordPress<\/strong>.<\/p>\n\n\n\n<p>Here you can find the <a href=\"https:\/\/codeless.co\/best-cpanel-web-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">best cPanel web hosting providers<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"753\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-4-1024x753.png\" alt=\"cPanel \" class=\"wp-image-44320\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-4-1024x753.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-4-300x221.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-4-768x565.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-4.png 1247w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You will be taken to the Softaculous dashboard where you can install WordPress to your website. All you need to do is <strong>choose the protocol<\/strong>, <strong>specify the domain name<\/strong>, and hit the <strong>Quick Install <\/strong>button.&nbsp;<\/p>\n\n\n\n<p>The installation should take a couple of seconds.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"693\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-5-1024x693.png\" alt=\"install WordPress\" class=\"wp-image-44321\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-5-1024x693.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-5-300x203.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-5-768x520.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-5.png 1354w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After the installation is complete, Softaculous will give you the <strong>URL of your site\u2019s login page <\/strong>along with a <strong>username <\/strong>and <strong>password<\/strong>. Note this information down somewhere because you\u2019ll need them in the next step.&nbsp;<\/p>\n\n\n\n<h3 id=\"h-step-4-configure-wordpress-settings\">Step 4: Configure WordPress Settings&nbsp;<\/h3>\n\n\n\n<p>After installing WordPress, you must configure it properly before doing anything else.&nbsp;<\/p>\n\n\n\n<p>You will need to <strong>log into your WordPress website <\/strong>using the login URL, username, and password.&nbsp;<\/p>\n\n\n\n<p>After logging in, you will be taken to the wp-admin page, also called the WordPress dashboard. On the left side of the dashboard, you will notice a menu with several options. Go to the <strong>Settings <\/strong>option and it will reveal 7 pages. You will visit each page and configure them according to your needs. <\/p>\n\n\n\n<p><strong>The following guides will help you do just that:<\/strong><\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-general-screen\/\" target=\"_blank\" rel=\"noreferrer noopener\">General<\/a>&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-writing-screen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Writing<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-reading-screen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Reading<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-discussion-screen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Discussion<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-media-screen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Media<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-permalinks-screen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Permalinks<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-privacy-screen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Privacy<\/a><\/li>\n<\/ul>\n\n\n\n<h3 id=\"h-step-5-install-a-dedicated-portfolio-theme\">Step 5: Install a Dedicated Portfolio Theme<\/h3>\n\n\n\n<p><a href=\"https:\/\/codeless.co\/remake\" target=\"_blank\" rel=\"noreferrer noopener\">Remake<\/a> is a dedicated <a href=\"https:\/\/codeless.co\/best-portfolio-wordpress-themes\/\">portfolio WordPress theme<\/a> built in-house by Codeless. The theme has a <strong>minimal design <\/strong>and focuses on a smooth and easy user experience.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"647\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-250-Remake-WordPress-Theme-codeless.co_-1024x647.jpg\" alt=\"Remake WordPress theme\" class=\"wp-image-44335\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-250-Remake-WordPress-Theme-codeless.co_-1024x647.jpg 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-250-Remake-WordPress-Theme-codeless.co_-300x189.jpg 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-250-Remake-WordPress-Theme-codeless.co_-768x485.jpg 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-250-Remake-WordPress-Theme-codeless.co_-1536x970.jpg 1536w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/FireShot-Capture-250-Remake-WordPress-Theme-codeless.co_-2048x1293.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Users love Remake because it gives them a fully customizable prebuilt website with options to modify the design of the site.&nbsp;<\/p>\n\n\n\n<p>There are 10 different <strong>prebuilt minimalist static or video-style skins (also called demo sites) <\/strong>and a couple of <strong>different blog layouts <\/strong>to choose from.&nbsp;<\/p>\n\n\n\n<p>The theme fully integrates with <strong>Elementor<\/strong>, a drag-and-drop visual page builder, that comes with premade design blocks to help create responsive designs. It also offers the ability to live edit and preview your work among other things.&nbsp;<\/p>\n\n\n\n<p>Since Remake is built for both individuals and agencies who want to showcase their work to clients, you have prebuilt sections dedicated to showing off <strong>portfolio items, client testimonials, and staff details<\/strong>.<\/p>\n\n\n\n<p>The theme will also <a href=\"https:\/\/codeless.co\/create-ecommerce-website\/\">create an <strong>eCommerce store<\/strong><\/a> where you can sell your merchandise and even add coupons to offer discounts to your site visitors.&nbsp;<\/p>\n\n\n\n<p>In case you want to check another portfolio WordPress Theme please check our article <a href=\"https:\/\/codeless.co\/best-portfolio-wordpress-themes\/\">here<\/a>.<\/p>\n\n\n\n<p>We will show you how to access these features but first, you will need to <a href=\"https:\/\/codeless.co\/how-to-install-a-wordpress-theme\/\">install the theme<\/a> on your WordPress website. We will show you how to do just that.&nbsp;<\/p>\n\n\n\n<h4 id=\"h-installing-remake-theme\">Installing Remake Theme&nbsp;<\/h4>\n\n\n\n<p>Remake is a <a href=\"https:\/\/codeless.co\/remake\/\" target=\"_blank\" rel=\"noreferrer noopener\">premium theme<\/a> and comes for an annual fee of $59. You will need to purchase the theme and <strong>download it <\/strong>on your local computer.&nbsp;<\/p>\n\n\n\n<p>Next, open your <strong>WordPress dashboard <\/strong>and go to <strong>Appearance &gt; Themes &gt; Add Theme<\/strong>, and select the <strong>Upload Theme <\/strong>button.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"912\" height=\"431\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2022\/11\/upload_theme.png\" alt=\"Upload a theme option\" class=\"wp-image-42309\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2022\/11\/upload_theme.png 912w, https:\/\/codeless.co\/wp-content\/uploads\/2022\/11\/upload_theme-300x142.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2022\/11\/upload_theme-768x363.png 768w\" sizes=\"(max-width: 912px) 100vw, 912px\" \/><\/figure>\n\n\n\n<p>Then upload the theme using the <strong>Choose File <\/strong>option and hit the <strong>Install Now <\/strong>and Activate buttons to install the theme on your site.&nbsp;<\/p>\n\n\n\n<p>That\u2019s it. You have now installed a dedicated portfolio theme on your website. Next, you will need to install a demo site.&nbsp;<\/p>\n\n\n\n<h4 id=\"h-installing-remake-demo-site\">Installing Remake Demo Site<\/h4>\n\n\n\n<p>After installing the theme, you will be taken to the Appearance page where the <strong>Setup Wizard <\/strong>is located. To initiate the setup select the <strong>Setup Now<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"682\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-6-1024x682.png\" alt=\"install Remake with Setup wizard\" class=\"wp-image-44322\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-6-1024x682.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-6-300x200.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-6-768x512.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-6.png 1370w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It will take you to a page where you can select a skin or demo site to install on your site. We recommend previewing the sites before hitting the <strong>Install Demo <\/strong>button.&nbsp;<\/p>\n\n\n\n<p><strong>Note: <\/strong>In case you accidentally closed the tab, you can access the demo site by going to <strong>Appearance &gt; Import Demo Data<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"684\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-7-1024x684.png\" alt=\"import demo\" class=\"wp-image-44323\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-7-1024x684.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-7-300x200.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-7-768x513.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-7.png 1370w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After selecting the Import Demo button, you will be taken to a page where you will be asked whether you want to install these 3 plugins: WPForms, All in One SEO, and MonsterInsights.&nbsp;<\/p>\n\n\n\n<p>You will need WPForms to create a contact form and the All-in-One SEO will help optimize your posts and pages for search engine ranking. We recommend keeping these two.&nbsp;<\/p>\n\n\n\n<p>MonsterInsight gathers data about your site\u2019s visitors and displays them on your dashboard. Since this is a new website there won\u2019t be enough user data and it will just clutter your dashboard. So we recommend stalling the installation of MonsterInsight for now.&nbsp;<\/p>\n\n\n\n<p>Select the first two plugins and then hit the <strong>Continue & Import <\/strong>button.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"945\" height=\"1024\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-8-945x1024.png\" alt=\"\" class=\"wp-image-44324\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-8-945x1024.png 945w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-8-277x300.png 277w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-8-768x832.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-8.png 1394w\" sizes=\"(max-width: 945px) 100vw, 945px\" \/><\/figure>\n\n\n\n<p>It will take a few seconds for the import to complete. When it\u2019s over, your homepage should look something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"674\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-9-1024x674.png\" alt=\"demo installed\" class=\"wp-image-44325\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-9-1024x674.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-9-300x197.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-9-768x505.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-9.png 1382w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id=\"h-configuring-remake-theme\">Configuring Remake Theme<\/h4>\n\n\n\n<p>After installing the Remake theme, if you visit your WordPress dashboard, you will notice new options in the left-hand menu. Let's take a quick look at these options and learn how you can use them.&nbsp;<\/p>\n\n\n\n<p><strong>Portfolio Items <\/strong>contain prebuilt portfolio pages that can be modified any way you want. <strong>Testimonial and Staff items <\/strong>are particularly useful for agencies. They can showcase client testimonials and staff details as a way to gain the trust of potential clients. Preexisting testimonial pages can be modified using the Elementor page builder.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"769\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-10-1024x769.png\" alt=\"configure portfolio WordPress website settings\" class=\"wp-image-44326\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-10-1024x769.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-10-300x225.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-10-768x576.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-10.png 1219w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>As we have mentioned earlier, <strong><a href=\"https:\/\/elementor.com\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"external\">Elementor<\/a> <\/strong>is a drag-and-drop visual page builder that can be used to modify existing content and design. The tool also offers prebuilt design blocks that you can use to add new design elements to an existing page or to create a new page from scratch.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"940\" height=\"529\" src=\"https:\/\/www.youtube.com\/embed\/E15iQEm9KF8?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<p>The <strong>WooCommerce, Products, Analytics, and Marketing <\/strong>options offer an eCommerce space where you can sell your merchandise to promote your brand and nurture your relationship with your clients and customers. Use these <a href=\"https:\/\/woocommerce.com\/documentation\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"external\">help docs<\/a> to configure WooCommerce settings and learn how to add products, coupons, and other things.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"767\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-11-1024x767.png\" alt=\"WooCommerce settings\" class=\"wp-image-44327\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-11-1024x767.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-11-300x225.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-11-768x576.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-11.png 1221w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Codeless Custom Image Sizes<\/strong> found under the Appearance option of your wp-admin help define the image sizes of websites.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"770\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-12-1024x770.png\" alt=\"custom image sizes\" class=\"wp-image-44328\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-12-1024x770.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-12-300x226.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-12-768x577.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-12.png 1217w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>And <strong>Codeless Header\/Footer\/Block<\/strong> contains the header and footer designs of various pages of your website. Needless to say, these designs can be modified using the Elementor page builder.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"771\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-13-1024x771.png\" alt=\"header and footer options\" class=\"wp-image-44329\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-13-1024x771.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-13-300x226.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-13-768x578.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-13.png 1218w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Another feature worth mentioning is the <strong>Kirki Advanced WordPress Customizer<\/strong>. It can be accessed from the Settings option. The customizer will allow you to expand the capabilities of your site\u2019s theme (i.e. Remake). You will need this tool in the near future when you want to add more features to your website.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"769\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-14-1024x769.png\" alt=\"kirki framework\" class=\"wp-image-44330\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-14-1024x769.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-14-300x225.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-14-768x576.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-14.png 1219w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After configuring the Remake theme, your website is nearly ready. All that\u2019s left to do now is to create two important pages. More on that in the next section.&nbsp;<\/p>\n\n\n\n<h3 id=\"h-step-7-modify-the-about-contact-page\">Step 7: Modify the About & Contact Page&nbsp;<\/h3>\n\n\n\n<p>Two of the most important pages of any portfolio website are the about and contact pages.&nbsp;<\/p>\n\n\n\n<p>The about page promotes trust as it lets potential clients see the person (or people) behind the business.&nbsp;<\/p>\n\n\n\n<p>And as you may have guessed already, the contact page allows potential clients to connect with you.&nbsp;<\/p>\n\n\n\n<p>Luckily you don\u2019t have to create these pages from scratch.&nbsp;<\/p>\n\n\n\n<p>Upon installation of the Remake theme, an about page has been created on your website. All you need to do is go to <strong>Pages &gt; All Pages <\/strong>and then edit the Contact page.<\/p>\n\n\n\n<p>If you want a new contact page, you will need to create one. There is a preexisting contact form that can be accessed by going to <strong>Contact &gt; Contact Forms<\/strong>. <strong>Copy the shortcode <\/strong>of the form, <strong>add it <\/strong>to a new page, and <strong>publish <\/strong>the page.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"772\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-15-1024x772.png\" alt=\"contact us page\" class=\"wp-image-44331\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-15-1024x772.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-15-300x226.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-15-768x579.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-15.png 1217w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After you create these two pages, your portfolio website is ready. But before we move on to the conclusion, a word about the installation of new plugins.&nbsp;<\/p>\n\n\n\n<h3 id=\"h-step-6-install-new-plugins\">Step 6: Install New Plugins<\/h3>\n\n\n\n<p>Over time you may need to install more plugins to add more features to your site. For instance, if you want to allow your visitors to sign up for your newsletter, you will need to use an email subscription plugin. <\/p>\n\n\n\n<p>To add new plugins to your site, go to <strong>Plugins &gt; Add New<\/strong>. Type out the name of the plugin in the <strong>search box<\/strong>. When you find it, hit the <strong>Install Now <\/strong>and <strong>Activate <\/strong>buttons.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"770\" src=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-16-1024x770.png\" alt=\"install other plugins\" class=\"wp-image-44332\" srcset=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-16-1024x770.png 1024w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-16-300x225.png 300w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-16-768x577.png 768w, https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/image-16.png 1220w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 id=\"h-conclusion\">Conclusion<\/h2>\n\n\n\n<p>Creating a portfolio website is not difficult but it is a time-consuming task. It should take you a few hours to get your site up and running. All you need to do is follow the steps below:<\/p>\n\n\n\n<ul>\n<li>Purchase a domain name, hosting plan, and SSL certificate&nbsp;<\/li>\n\n\n\n<li>Install SSL certificate and WordPress<\/li>\n\n\n\n<li>Configure WordPress<\/li>\n\n\n\n<li>Install a dedicated portfolio theme&nbsp;<\/li>\n\n\n\n<li>Configure the theme<\/li>\n\n\n\n<li>Modify the preexisting about page&nbsp;<\/li>\n\n\n\n<li>Add the contact form to a page and publish the page&nbsp;<\/li>\n\n\n\n<li>Install the new plugin, if needed<\/li>\n<\/ul>\n\n\n\n<p>That's it for this one folk! If you have any questions, let us know in the comment section below.&nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wondering how to create a WordPress portfolio website? Portfolio websites are used by solopreneurs and agencies to showcase their work, skills, and accomplishments to potential clients, employers, or collaborators. A portfolio site can also help build credibility, establish your brand, and make it easier for interested parties to [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":44349,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_eb_attr":"","ub_ctt_via":"","spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[3982,1811],"tags":[3970],"featured_image_src":"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/Yelllow-and-Blue-Modern-Geometric-How-To-Design-Youtube-Thumbnail-7.jpg","author_info":{"display_name":"Sufia Banu","author_link":"https:\/\/codeless.co\/author\/getsufia\/"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.1 (Yoast SEO v20.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create WordPress Portfolio Website in 2026 - Codeless<\/title>\n<meta name=\"description\" content=\"How to create a portfolio website in WordPress in a few steps and codeless. Even you are a beginner you can create your portfolio website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeless.co\/create-wordpress-portfolio-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create WordPress Portfolio Website in 2026\" \/>\n<meta property=\"og:description\" content=\"How to create a portfolio website in WordPress in a few steps and codeless. Even you are a beginner you can create your portfolio website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeless.co\/create-wordpress-portfolio-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeless\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codeless-Solutions-590477977725566\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-06T13:18:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-05T03:47:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/Yelllow-and-Blue-Modern-Geometric-How-To-Design-Youtube-Thumbnail-7.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sufia Banu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codelessthemes\" \/>\n<meta name=\"twitter:site\" content=\"@codelessthemes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sufia Banu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codeless.co\/create-wordpress-portfolio-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codeless.co\/create-wordpress-portfolio-website\/\"},\"author\":{\"name\":\"Sufia Banu\",\"@id\":\"https:\/\/codeless.co\/#\/schema\/person\/f3db2d267b50fc108adf5704b6251ba2\"},\"headline\":\"How to Create WordPress Portfolio Website in 2026\",\"datePublished\":\"2023-03-06T13:18:35+00:00\",\"dateModified\":\"2026-02-05T03:47:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codeless.co\/create-wordpress-portfolio-website\/\"},\"wordCount\":2700,\"publisher\":{\"@id\":\"https:\/\/codeless.co\/#organization\"},\"articleSection\":[\"Build a Website\",\"WordPress Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codeless.co\/create-wordpress-portfolio-website\/\",\"url\":\"https:\/\/codeless.co\/create-wordpress-portfolio-website\/\",\"name\":\"How to Create WordPress Portfolio Website in 2026 - Codeless\",\"isPartOf\":{\"@id\":\"https:\/\/codeless.co\/#website\"},\"datePublished\":\"2023-03-06T13:18:35+00:00\",\"dateModified\":\"2026-02-05T03:47:12+00:00\",\"description\":\"How to create a portfolio website in WordPress in a few steps and codeless. Even you are a beginner you can create your portfolio website.\",\"breadcrumb\":{\"@id\":\"https:\/\/codeless.co\/create-wordpress-portfolio-website\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codeless.co\/create-wordpress-portfolio-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codeless.co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create WordPress Portfolio Website in 2023\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codeless.co\/#website\",\"url\":\"https:\/\/codeless.co\/\",\"name\":\"Codeless\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/codeless.co\/#organization\"},\"alternateName\":\"Codeless Themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codeless.co\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codeless.co\/#organization\",\"name\":\"Codeless\",\"alternateName\":[\"Codeless Themes\",\"Code-less\",\"Code less\",\"Codeless.co\"],\"url\":\"https:\/\/codeless.co\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeless.co\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codeless.co\/wp-content\/uploads\/2020\/11\/logo-codeless.png\",\"contentUrl\":\"https:\/\/codeless.co\/wp-content\/uploads\/2020\/11\/logo-codeless.png\",\"width\":200,\"height\":231,\"caption\":\"Codeless\"},\"image\":{\"@id\":\"https:\/\/codeless.co\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codeless-Solutions-590477977725566\/\",\"https:\/\/twitter.com\/codelessthemes\",\"https:\/\/www.youtube.com\/c\/CodelessThemes\",\"https:\/\/themeforest.net\/user\/code-less\",\"https:\/\/profiles.wordpress.org\/codelessthemes\/\",\"https:\/\/github.com\/codelessteam\",\"https:\/\/elements.envato.com\/user\/code-less\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codeless.co\/#\/schema\/person\/f3db2d267b50fc108adf5704b6251ba2\",\"name\":\"Sufia Banu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeless.co\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8a80184b9c4cc143243b6624137c5475?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8a80184b9c4cc143243b6624137c5475?s=96&d=mm&r=g\",\"caption\":\"Sufia Banu\"},\"url\":\"https:\/\/codeless.co\/author\/getsufia\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create WordPress Portfolio Website in 2026 - Codeless","description":"How to create a portfolio website in WordPress in a few steps and codeless. Even you are a beginner you can create your portfolio website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Create WordPress Portfolio Website in 2026","og_description":"How to create a portfolio website in WordPress in a few steps and codeless. Even you are a beginner you can create your portfolio website.","og_url":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/","og_site_name":"Codeless","article_publisher":"https:\/\/www.facebook.com\/Codeless-Solutions-590477977725566\/","article_published_time":"2023-03-06T13:18:35+00:00","article_modified_time":"2026-02-05T03:47:12+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/Yelllow-and-Blue-Modern-Geometric-How-To-Design-Youtube-Thumbnail-7.jpg","type":"image\/jpeg"}],"author":"Sufia Banu","twitter_card":"summary_large_image","twitter_creator":"@codelessthemes","twitter_site":"@codelessthemes","twitter_misc":{"Written by":"Sufia Banu","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/#article","isPartOf":{"@id":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/"},"author":{"name":"Sufia Banu","@id":"https:\/\/codeless.co\/#\/schema\/person\/f3db2d267b50fc108adf5704b6251ba2"},"headline":"How to Create WordPress Portfolio Website in 2026","datePublished":"2023-03-06T13:18:35+00:00","dateModified":"2026-02-05T03:47:12+00:00","mainEntityOfPage":{"@id":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/"},"wordCount":2700,"publisher":{"@id":"https:\/\/codeless.co\/#organization"},"articleSection":["Build a Website","WordPress Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/","url":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/","name":"How to Create WordPress Portfolio Website in 2026 - Codeless","isPartOf":{"@id":"https:\/\/codeless.co\/#website"},"datePublished":"2023-03-06T13:18:35+00:00","dateModified":"2026-02-05T03:47:12+00:00","description":"How to create a portfolio website in WordPress in a few steps and codeless. Even you are a beginner you can create your portfolio website.","breadcrumb":{"@id":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/#breadcrumb"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https:\/\/codeless.co\/create-wordpress-portfolio-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeless.co\/"},{"@type":"ListItem","position":2,"name":"How to Create WordPress Portfolio Website in 2023"}]},{"@type":"WebSite","@id":"https:\/\/codeless.co\/#website","url":"https:\/\/codeless.co\/","name":"Codeless","description":"","publisher":{"@id":"https:\/\/codeless.co\/#organization"},"alternateName":"Codeless Themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeless.co\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeless.co\/#organization","name":"Codeless","alternateName":["Codeless Themes","Code-less","Code less","Codeless.co"],"url":"https:\/\/codeless.co\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeless.co\/#\/schema\/logo\/image\/","url":"https:\/\/codeless.co\/wp-content\/uploads\/2020\/11\/logo-codeless.png","contentUrl":"https:\/\/codeless.co\/wp-content\/uploads\/2020\/11\/logo-codeless.png","width":200,"height":231,"caption":"Codeless"},"image":{"@id":"https:\/\/codeless.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codeless-Solutions-590477977725566\/","https:\/\/twitter.com\/codelessthemes","https:\/\/www.youtube.com\/c\/CodelessThemes","https:\/\/themeforest.net\/user\/code-less","https:\/\/profiles.wordpress.org\/codelessthemes\/","https:\/\/github.com\/codelessteam","https:\/\/elements.envato.com\/user\/code-less"]},{"@type":"Person","@id":"https:\/\/codeless.co\/#\/schema\/person\/f3db2d267b50fc108adf5704b6251ba2","name":"Sufia Banu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeless.co\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8a80184b9c4cc143243b6624137c5475?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8a80184b9c4cc143243b6624137c5475?s=96&d=mm&r=g","caption":"Sufia Banu"},"url":"https:\/\/codeless.co\/author\/getsufia\/"}]}},"jetpack_featured_media_url":"https:\/\/codeless.co\/wp-content\/uploads\/2023\/03\/Yelllow-and-Blue-Modern-Geometric-How-To-Design-Youtube-Thumbnail-7.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pa0kUa-bwK","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"jetpack-related-posts":[{"id":536,"url":"https:\/\/codeless.co\/best-portfolio-wordpress-themes\/","url_meta":{"origin":44314,"position":0},"title":"49 Best Portfolio WordPress Themes 2026 [UPDATED]","date":"January 31, 2023","format":false,"excerpt":"Finding out WordPress portfolio themes today it's easy, but finding the right one with needed elements and features it's difficult. You need a WordPress theme to showcase your portfolio in a clear way with some amazing typography touches. We have done deep work researching the best portfolio WordPress theme that\u2026","rel":"","context":"In &quot;WordPress Themes&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2023\/01\/portfolio-wp-theme.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":43966,"url":"https:\/\/codeless.co\/best-portfolio-website-builders\/","url_meta":{"origin":44314,"position":1},"title":"7 Best Portfolio Website Builders (Compared) 2026","date":"February 20, 2023","format":false,"excerpt":"Webflow is the best portfolio website builder on the market based on my research. Anyway, we have listed below all the other options based on cheaper plans, features, and templates. Here is a short list of the best portfolio website builders: Webflow - Best portfolio website builder Squarespace - Best\u2026","rel":"","context":"In &quot;Build a Website&quot;","img":{"alt_text":"best portfolio website builders","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2023\/02\/best-portfolio-website-builders.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":46602,"url":"https:\/\/codeless.co\/midjourney-prompts-for-website-design\/","url_meta":{"origin":44314,"position":2},"title":"20 Midjourney Prompts for Website Design 2026","date":"June 13, 2023","format":false,"excerpt":"In this article, we'll focus on listing Midjourney Prompts for website design. The explosion of AI technology, and in particular, through ChatGPT, has ushered us into a new era in the field of automation development. I believe we should generally embrace these advancements with positivity, as they now provide us\u2026","rel":"","context":"In &quot;Build a Website&quot;","img":{"alt_text":"how to use midjourney for website design","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2023\/06\/how-to-use-midjourney-for-website-design.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":10075,"url":"https:\/\/codeless.co\/webflow-portfolio-templates\/","url_meta":{"origin":44314,"position":3},"title":"17 Best Webflow Portfolio Templates of 2026","date":"February 27, 2023","format":false,"excerpt":"Browse the Webflow portfolio templates below for a responsive HTML5 portfolio. With this code-free design software you can easily customize any of our portfolio website templates, then link your new portfolio website to our Webflow CMS, and launch it today. The Top 17 Best Webflow Portfolio Templates 2023 1. Genus\u2026","rel":"","context":"In &quot;Build a Website&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2020\/05\/Polaris-\u2013-Portfolio-Website-Template.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":3605,"url":"https:\/\/codeless.co\/minimal-portfolio-wordpress-themes\/","url_meta":{"origin":44314,"position":4},"title":"25+ Best Minimal Portfolio WordPress Themes 2026 [Free+Paid]","date":"March 6, 2017","format":false,"excerpt":"When Minimalism meets Portfolio themes, there is perfection on a single package! What other attributes can showcase your portfolio works and focus on their content beautifully, then the simplicity by itself. Here we go with some of the best minimal portfolio WordPress themes, that will help you grow with your\u2026","rel":"","context":"In &quot;WordPress Themes&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2017\/03\/remake-compressed.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":7391,"url":"https:\/\/codeless.co\/wordpress-photo-gallery-themes\/","url_meta":{"origin":44314,"position":5},"title":"15 Best WordPress Photo Gallery Themes (2026)","date":"October 15, 2018","format":false,"excerpt":"In this post, we will list the best WordPress gallery themes on the market that are perfect for photo gallery websites and for photography. The major part of the themes is perfectly also for wedding websites. In this post, you will find any kind of website layout. I think that\u2026","rel":"","context":"In &quot;WordPress Themes&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2018\/10\/Photoedge.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/posts\/44314"}],"collection":[{"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/comments?post=44314"}],"version-history":[{"count":10,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/posts\/44314\/revisions"}],"predecessor-version":[{"id":45692,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/posts\/44314\/revisions\/45692"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/media\/44349"}],"wp:attachment":[{"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/media?parent=44314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/categories?post=44314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/tags?post=44314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}