{"id":3539,"date":"2015-03-30T20:46:38","date_gmt":"2015-03-30T20:46:38","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2015\/03\/30\/how-to-build-a-simple-photo-portfolio-website\/"},"modified":"2021-08-16T22:55:47","modified_gmt":"2021-08-17T02:55:47","slug":"how-to-build-a-simple-photo-portfolio-website","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/","title":{"rendered":"How to Build a Simple Photo Portfolio Website"},"content":{"rendered":"<p>For many people, the best way to learn something is quite simple to jump in and start doing it. We\u2019re going to show you how to create a simple Photo Portfolio website using WordPress. The instructions for all of these steps exist as separate articles in this <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-wordpress-to-create-a-photography-website\/\">WordPress education channel<\/a>. This tutorial combines the educational channel articles and some quick instructions on how to build a basic portfolio website to display your images.<\/p>\n<h2>Step 1 \u2013 <a href=\"\/support\/edu\/wordpress\/manual-wp-install\/\">Install WordPress<\/a><\/h2>\n<p>When you install WordPress, if you are an <a href=\"https:\/\/www.inmotionhosting.com\/\">InMotion Hosting customer<\/a>, then you can use <a href=\"\/support\/edu\/wordpress\/install-wordpress-using-softaculous\/\">Softaculous to install WordPress<\/a>. You can also <a href=\"\/support\/edu\/wordpress\/manual-wp-install\/\">Manually install the WordPress website<\/a>.<\/p>\n<p><a href=\"\/support\/images\/stories\/wpphoto\/install-wp.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: center; margin: 15px 15px 15px 15px;\" src=\"\/support\/images\/stories\/wpphoto\/install-wp.png\" alt=\"Wordpress.org download\" width=\"400\" align=\"middle\"><\/a><\/p>\n<div style=\"clear: both;\"><\/div>\n<h2>Step 2- <a href=\"\/support\/edu\/wordpress\/change-header-image\/\">Create the Header Image for your Photo Website<\/a><\/h2>\n<p>Now that you have WordPress installed, you need to build the identity of your website or your business. Remember that the content and images for the header image and home page are the first pages your visitors see. \u201cFirst impressions are important!\u201d So, you want to be sure that these images are done correctly and look good. The following steps walk you through creating a header image, modifying your theme colors, and creating a static page.<\/p>\n<p>When you create your header image, you will want to use an image that represents your work as it goes across the top of your website page. The header image should inform a viewer who you are and what you do. So, for example, I thought that this picture represented the work of the photographer:<\/p>\n<p><a href=\"\/support\/images\/stories\/wpphoto\/baby-pic.jpg\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: center; margin: 15px 15px 15px 15px;\" src=\"\/support\/images\/stories\/wpphoto\/baby-pic.jpg\" alt=\"Posing baby picture\" width=\"200\" align=\"middle\"><\/a><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>When you go through the steps to create the header image, it will look like this:<\/p>\n<p><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: center; margin: 15px 15px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg\" alt=\"header image completed\" width=\"200\" align=\"middle\"><\/a><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>Once you have the header image created, set it by using the option under <b>Appearance<\/b> &gt; <b>Customize<\/b>. You\u2019ll see that website now looks like this:<\/p>\n<p><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_photo-site-landing.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: center; margin: 15px 15px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_photo-site-landing.png\" alt=\"header image with static page\" width=\"200\" align=\"middle\"><\/a><\/p>\n<div style=\"clear: both;\"><\/div>\n<h2>Step \u2013 3 <a href=\"\/support\/edu\/wordpress\/themes\/changing-theme-colors\/\">Modifying your Theme Colors<\/a><\/h2>\n<p>The colors for the website shown in the screenshot above were based on the colors that the customer had used in her original Facebook page. I made it simple and used one color for both the <b>Contrast<\/b> and the <b>Background<\/b> color. In order to change the colors, simply go to the <b>Appearance<\/b> menu, click on <b>Customize<\/b> and then click on the <b>Colors<\/b> option for the theme.<\/p>\n<h2>Step \u2013 4 <a href=\"\/support\/edu\/wordpress\/create-edit-pages-posts-wordpress\/\">Creating the Static Page for Home page of your Photo site<\/a><\/h2>\n<p>Create a static page for the front page of your site \u2013 after the header image had been created, we decided to use a <i>static page<\/i> with a gallery of pictures that showcase the pictures on the website. The static page is a simple non-interactive page that we use to present information or highlight a specific image. In this case we have created a page with a simple gallery by doing the following:<\/p>\n<ol class=\"article_list\">\n<li>Click on <b>Pages<\/b> in the WordPress Administrator<\/li>\n<li>Click on <b>Add New<\/b><\/li>\n<li>Title the page as <i>Home<\/i> because it will be the first page of your website<\/li>\n<li><a href=\"\/support\/edu\/wordpress\/create-simple-wp-gallery\/\">Add a Simple Gallery to the page<\/a><\/li>\n<li>When you have completed adding the gallery, add some text describing the pictures as needed<\/li>\n<li>When you have completed adding your descriptions or narrative, it will look like this:<a href=\"\/support\/images\/stories\/wpphoto\/add-static-page.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: center; margin: 15px 15px 15px 15px;\" src=\"\/support\/images\/stories\/wpphoto\/add-static-page.png\" alt=\"Add static page\" width=\"200\" align=\"middle\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li>Save and Publish the static page by clicking on the <b>Publish<\/b> button<\/li>\n<li>The last step is to make sure that your theme is using the page that you just created. Click on <b>Appearance<\/b>, then click on <b>Customize<\/b>. In the <b>Customize<\/b> menus, you will see <b>Static Front Page<\/b>. Click on the radial button labeled \u201cA static page.\u201d Then click on the drop-down arrow for the field labeled <b>Front page<\/b>. This may not be necessary if you have only one page. Select <b>Home<\/b>.<\/li>\n<li>At the top of the menu column, click on <b>SAVE and PUBLISH <\/b><\/li>\n<\/ol>\n<h2>Step \u2013 5 Create the Content for your WordPress Photo Portfolio website<\/h2>\n<p>After you have identified yourself through a header and title page, you will need to think about the content that will fill your website. If you are a photographer, and you need to show a client pictures, you can quickly build pages with galleries. If you want to tell a story around a single picture, you can create posts and add text to narrate your image. You can also configure pages to allow or disallow feedback from viewers.<\/p>\n<h3><a href=\"\/support\/edu\/wordpress\/create-edit-pages-posts-wordpress\/\">Create a post or page for your WordPress Portfolio site<\/a><\/h3>\n<p>WordPress allows you to create posts that can be used to highlight a single picture. Follow these instruction to create a quick post.<\/p>\n<ol class=\"article_list\">\n<li><a href=\"\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\" target=\"_blank\" rel=\"noopener\">Login to the WordPress Administrator Dashboard<\/a>, if you have not already done so<\/li>\n<li><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_add-post.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_add-post.png\" alt=\"Add Post\" width=\"399\" height=\"283\" align=\"right\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<p>In the menu at left, click on <b>Posts<\/b>, then click on <b>Add New<\/b>. For this example, let\u2019s also make sure that we set the image that is added to this post uses the <b>Featured Image<\/b> option.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_set-featured-image.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_set-featured-image.png\" alt=\"Set featured image\" width=\"1535\" height=\"774\" align=\"right\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<p>To set the <b>Featured Image<\/b>, look in the far right column of the page, then scroll down until you see <b>Set Featured Image<\/b>. Select an image from your media library, or upload an image. Once you have an image selected, click on <b>Set featured image<\/b> in the bottom right hand corner<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_feature-image-set.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_feature-image-set.png\" alt=\"Featured image set\" width=\"272\" height=\"240\" align=\"right\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<p>When the image feature is set, it will look like the image at right. Next, you will need to add text in the editor describing your image. When the image is completed, click on <b>Publish<\/b> or click on <b>Save Draft<\/b> if you want to publish it later. Note that although there is not a category labeled \u201cfeatured\u201d. WordPress identifies \u201cfeatured\u201d as a category. This will be important for the slider option that we will set a little later in this tutorial.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li>Creating a <b>Page<\/b> is literally identical to creating a post, except that you would click on <b>Pages<\/b> then <b>Add new<\/b> in the menu to create a new page. A page also cannot be assigned to category or have a featured image or selected format (available in the right hand menus when creating posts).<\/li>\n<li><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_comment-location.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_comment-location.png\" alt=\"Featured image set\" width=\"433\" height=\"686\" align=\"right\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<p>Each page and post also allows for interactivity via a comment option at the bottom of each page or post. Check out the <a href=\"\/support\/edu\/wordpress\/remove-comments-2\/\">Remove comments from a WordPress Page or Post<\/a> tutorial to see how to quickly remove the option for comments. If you\u2019re using your WordPress site as a Photography portfolio, you will often not want to have the comments enabled as it can distract from the pictures being displayed.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_add-gallery-post-page.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_add-gallery-post-page.png\" alt=\"Add gallery to page or post\" width=\"489\" height=\"399\" align=\"right\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<p>As per the static page that we created above, you can create galleries in either pages or posts. For detailed instructions, click on <a href=\"\/support\/edu\/wordpress\/create-simple-wp-gallery\/\">How to Create a Gallery in WordPress without a plugin<\/a>.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<\/ol>\n<h3>Set the Slider for the Home Page<\/h3>\n<p><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_slider-feature.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_slider-feature.png\" alt=\"Featured image set\" width=\"835\" height=\"589\" align=\"right\"><\/a><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>A feature of the Twenty-Fourteen theme is an image slider. This option set by going into the theme and customizing it. It can be set to a slider or grid pattern that features a category of images. This option requires that you have pages and posts that have been created before you can make use of the slider feature.<\/p>\n<div style=\"clear: both;\"><\/div>\n<p>If you want to setup the slider options, check out the instructions below:<\/p>\n<ol class=\"article_list\">\n<li><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_slider-option.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_slider-option.png\" alt=\"Slider option\" width=\"541\" height=\"614\" align=\"right\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<div style=\"clear: both;\"><\/div>\n<p>Click on <b>Appearance<\/b>, then click on <b>Customize<\/b><\/p><\/li>\n<li>Scroll down then click on the option called <b>Featured Content<\/b><\/li>\n<li>Click on the option labeled <b>Layout<\/b> and then select <i>Slider<\/i><\/li>\n<li>The field that follows is labeled \u201cTag Name\u201d. You can select a category or \u201cfeatured\u2019 if your posts have been defined with either tag. Posts that use the \u201cFeatured image\u201d option are automatically labeled as \u201cfeatured\u201d. Select the tag name you are using (or \u201cfeatured\u201d)<\/li>\n<li>Once your slider settings are set, click on the <b>Save and publish<\/b> button at the top<\/li>\n<\/ol>\n<h2>Step \u2013 6 Adding Menus and footers to your WordPress Portfolio Website<\/h2>\n<p>Use menus to help your viewers navigate to content buried in your site. Footers can also help, or they can be used as section of the website where information can be displayed. You will need to wait until pages and posts have been created before you can create menus as they are based on the content. For a tutorial on creating menus, check out <a href=\"\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/\">Creating a Menu for your WordPress Photography Site<\/a>. Menus consist of pages, links or categories. In the example below you can see menu to the right which is based on pages, and a menu in the left column that is based on categories. The position of the menus will depend on the theme. In this case, I am using the Twenty-Fourteen theme because of the default position of its menus. They do not interfere with images that are displayed on the website.<\/p>\n<p><a href=\"\/support\/images\/stories\/wpphoto\/menu-positions.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: center; margin: 15px 15px 15px 15px;\" src=\"\/support\/images\/stories\/wpphoto\/menu-positions.png\" alt=\"Menu locations\" width=\"400\" align=\"middle\"><\/a><\/p>\n<div style=\"clear: both;\"><\/div>\n<h3>Adding Menus<\/h3>\n<ol class=\"article_list\">\n<li>In the WordPress Administrator, click on <b>Appearance<\/b><\/li>\n<li>Next click on <b>Menus<\/b><\/li>\n<li>Build a menu using pages. Fill in the field option labeled \u201cMenu name\u201d. However you create your menus, if you use Pages, Links, or Categories, you will need to have content before you can create the menu. Select one of these options to create your menu. You will need to select more than one in order to make the menu useful.<\/li>\n<li>When you have more than one item in the menu list, you can use drag-and-drop to re-position the order of your menu.<\/li>\n<li>After you have your order set, click on <b>SAVE MENU<\/b>.<\/li>\n<li>By default, there are two locations that can be used menus in the twenty-fourteen theme. At the top of the page, click on the tab labeled <b>Manage Locations<\/b>.<\/li>\n<li>Select the location for your menus<\/li>\n<li>Click on <b>Save Changes<\/b> to complete your menus<\/li>\n<\/ol>\n<h3>Adding Footers<\/h3>\n<p>Footers are found within the <b>Widgets<\/b> section of WordPress. They are often used to provide information at the bottom of the page. In this case, we will create a simple footer to provide contact information. To create the contact info footer, you will need to first create a page called \u201cContact Info\u201d. On the page, you can add an image, and text containing your contact info. Please see <a href=\"\/support\/edu\/wordpress\/create-wp-footer\/\">Create a Footer for WordPress<\/a> for the complete tutorial.<\/p>\n<ol class=\"article_list\">\n<li>In the WordPress Administrator, click on <b>Appearance<\/b>, then <b>Widgets<\/b><\/li>\n<li>In the right side of the screen you will see three areas: <b>Primary Sidebar<\/b>, <b>Content Sidebar<\/b>, and the <b>Footer Widget Area<\/b>. We will be concerned only with the footer area. Each area is like a container. You can select a widget at left and then drag-and-drop the widget into the area. Drag-and-drop the <b>Pages<\/b> widget into the <b>Footer Widget<\/b>.<\/li>\n<li><a href=\"\/support\/wp-content\/uploads\/2015\/03\/wpphoto_slider-option.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_slider-option.png\" alt=\"Slider option\" width=\"541\" height=\"614\" align=\"right\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<div style=\"clear: both;\"><\/div>\n<p>Click on the <b>Pages<\/b> widget and then click on the title and type in \u201cContact Info\u201d. If you have several pages and you want to exclude those pages from the Pages widget, you will need to get the <i>Page IDs<\/i> of each page in the Pages section and add them to the <b>Exclude<\/b> field.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li>Click on <b>SAVE<\/b> in order to save your Footer widget.<\/li>\n<\/ol>\n<p>WordPress is a very capable software for your photography portfolio website needs. It lets <i>you<\/i> control and modify what you want to display for your viewers with a minimum amount of effort. It also has powerful controls to allow you to communicate with your viewers through comments and posts. There are also thousands of themes and plugins that you can use to grow your website.<\/p>\n<p><a href=\"\/support\/images\/stories\/wpphoto\/photo-site-final.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: center;\" src=\"\/support\/images\/stories\/wpphoto\/photo-site-final.png\" alt=\"Photo Site page\" width=\"480\" align=\"middle\"><\/a><\/p>\n<p>Now that you know the basics, learn how to how <a href=\"https:\/\/www.inmotionhosting.com\/blog\/portfolio-page\/\">Set Up an Impressive Portfolio Page<\/a>.<\/p>\n<div style=\"clear: both;\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>For many people, the best way to learn something is quite simple to jump in and start doing it. We\u2019re going to show you how to create a simple Photo Portfolio website using WordPress. The instructions for all of these steps exist as separate articles in this WordPress education channel. This tutorial combines the educational<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4288],"tags":[],"class_list":["post-3539","post","type-post","status-publish","format-standard","hentry","category-website"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Build a Simple Photo Portfolio Website | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Need to build a quick Wordpress website that shows your photos? This tutorial will show you how to build a portfolio website,using the default Wordpress theme and no plugins. We will cover, posts, pages, static pages, header images, menus, footers, and how to remove comments from pages\/posts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-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 Build a Simple Photo Portfolio Website | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Need to build a quick Wordpress website that shows your photos? This tutorial will show you how to build a portfolio website,using the default Wordpress theme and no plugins. We will cover, posts, pages, static pages, header images, menus, footers, and how to remove comments from pages\/posts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-30T20:46:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T02:55:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"How to Build a Simple Photo Portfolio Website\",\"datePublished\":\"2015-03-30T20:46:38+00:00\",\"dateModified\":\"2021-08-17T02:55:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/\"},\"wordCount\":1835,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg\",\"articleSection\":[\"Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/\",\"name\":\"How to Build a Simple Photo Portfolio Website | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg\",\"datePublished\":\"2015-03-30T20:46:38+00:00\",\"dateModified\":\"2021-08-17T02:55:47+00:00\",\"description\":\"Need to build a quick Wordpress website that shows your photos? This tutorial will show you how to build a portfolio website,using the default Wordpress theme and no plugins. We will cover, posts, pages, static pages, header images, menus, footers, and how to remove comments from pages\/posts.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg\",\"width\":1260,\"height\":240,\"caption\":\"elements of the header image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Build a Simple Photo Portfolio Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Build a Simple Photo Portfolio Website | InMotion Hosting","description":"Need to build a quick Wordpress website that shows your photos? This tutorial will show you how to build a portfolio website,using the default Wordpress theme and no plugins. We will cover, posts, pages, static pages, header images, menus, footers, and how to remove comments from pages\/posts.","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:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Build a Simple Photo Portfolio Website | InMotion Hosting","og_description":"Need to build a quick Wordpress website that shows your photos? This tutorial will show you how to build a portfolio website,using the default Wordpress theme and no plugins. We will cover, posts, pages, static pages, header images, menus, footers, and how to remove comments from pages\/posts.","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2015-03-30T20:46:38+00:00","article_modified_time":"2021-08-17T02:55:47+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"How to Build a Simple Photo Portfolio Website","datePublished":"2015-03-30T20:46:38+00:00","dateModified":"2021-08-17T02:55:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/"},"wordCount":1835,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg","articleSection":["Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/","name":"How to Build a Simple Photo Portfolio Website | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg","datePublished":"2015-03-30T20:46:38+00:00","dateModified":"2021-08-17T02:55:47+00:00","description":"Need to build a quick Wordpress website that shows your photos? This tutorial will show you how to build a portfolio website,using the default Wordpress theme and no plugins. We will cover, posts, pages, static pages, header images, menus, footers, and how to remove comments from pages\/posts.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2015\/03\/wpphoto_header-image-final.jpg","width":1260,"height":240,"caption":"elements of the header image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/how-to-build-a-simple-photo-portfolio-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Build a Simple Photo Portfolio Website"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4288,"name":"Website","slug":"website","link":"https:\/\/www.inmotionhosting.com\/support\/website\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=3539"}],"version-history":[{"count":3,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3539\/revisions"}],"predecessor-version":[{"id":84120,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3539\/revisions\/84120"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=3539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=3539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=3539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}