{"id":16,"date":"2021-12-01T05:52:22","date_gmt":"2021-12-01T05:52:22","guid":{"rendered":"https:\/\/blog.breezelabs.co.uk\/?p=16"},"modified":"2021-12-30T04:47:40","modified_gmt":"2021-12-30T04:47:40","slug":"create-a-photography-portfolio-in-wordpress","status":"publish","type":"post","link":"https:\/\/blog.breezelabs.co.uk\/index.php\/2021\/12\/01\/create-a-photography-portfolio-in-wordpress\/","title":{"rendered":"Create A Photography Portfolio In WordPress"},"content":{"rendered":"\n

Difficulty Level: Beginner <\/p>\n\n\n\n

In this guide we will be using our hosting platform BreezeLabs Hosting<\/a>.<\/p>\n\n\n\n

All first time customers can get their first month of hosting for free with code “BREEZE22”.<\/p>\n\n\n\n

What we will create<\/strong><\/p>\n\n\n\n

In this guide we are going to be creating a photography portfolio, photo album, using WordPress. In our example we will be creating a portfolio of dog pictures. You can view this example website at doggos.breezelabshosting.co.uk<\/a>.<\/p>\n\n\n\n

Step 1:<\/strong> Purchase a hosting plan<\/p>\n\n\n\n

For this site, any hosting plan will do. The only limitation you need to consider is the storage needed. <\/p>\n\n\n\n

\n
\n
\n
\n
\"\"
1. Select “Add a hosting plan”.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
2. Click on a plan and select “Checkout”<\/figcaption><\/figure>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"
3. Complete the payment form. <\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
4. If your payment is successful you should see this page. Click “My Hosting” to go back to your “My Hosting” page.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Step 2:<\/strong> Register your domain and set up your DNS<\/p>\n\n\n\n

Once you have purchased a plan, you can select “Click To Manage Plan” which will take you to your plan management page. On this page you will be able to view detailed information about your plan, website and DNS. <\/p>\n\n\n\n

To set or create your domain, click “Set Domain Name” under the “DNS” section. From there, you can either use your domain name, follow section A, or create a free subdomain, follow section B, from our list of BreezeLabs Hosting domain names.<\/p>\n\n\n\n

\n
\n

A. <\/strong>Use your own domain:<\/strong> <\/p>\n\n\n\n

Make sure “Use your own domain name” is selected. You can then enter your domain name into the input box below. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Click “Add Domain Name” and then you will be able to see your Name Servers in the “DNS” section, this may take a second.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Enter your Name Servers on your domain name registrar’s DNS Name Servers section. Make sure to copy exactly what is shown in your “DNS” section as this is specific to your site. Your domain name registrar should have plenty of information on how to do this. If you need assistance, don’t hesitate to reach out to our support team on the help page. <\/p>\n\n\n\n

Your Name Servers can take up to 48 hours to update, however it is usually a lot quicker. Once they have updated you should be able to see a BreezeLabs Hosting parking page, or a website if you have gone ahead and installed one, if you go to your domain on a web browser. <\/p>\n\n\n\n

Your domain name should be SSL certified shortly after it becomes visible, within the next hour. You can check your SSL status under the DNS section. Your site may act unexpectedly until it is certified. <\/p>\n<\/div>\n<\/div>\n\n\n\n

B. <\/strong>Use a free BreezeLabs Hosting subdomain:<\/strong><\/p>\n\n\n\n

Make sure “Create a free breezelabshosting domain name” is selected. You can then enter desired subdomain name into the input box below. Make sure to select the full domain type you want (we will be adding more domains for you to create subdomains with soon). If the subdomain is taken try a different full domain or different subdomain.<\/p>\n\n\n\n

In our example we enter the subdomain “doggos” and select the “.breezelabshosting.co.uk” full domain to create a domain name of “doggos.breezelabshosting.co.uk”.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Click “Add Domain Name” and your new subdomain will be created on your plan, this may take a second. <\/p>\n\n\n\n

As you are using one of BreezeLabs Hosting’s subdomains, you do not need to worry about any more DNS settings.<\/p>\n\n\n\n

Your new subdomain should now be visible within the next hour, however it is usually a lot quicker. Once visible, you should be able to see a BreezeLabs Hosting parking page, or a website if you have gone ahead and installed one, if you go to your domain on a web browser. <\/p>\n\n\n\n

Your domain name should be SSL certified shortly after it becomes visible, within the next hour. You can check your SSL status under the DNS section. Your site may act unexpectedly until it is certified.<\/p>\n\n\n\n

Step 3:<\/strong> Install WordPress<\/p>\n\n\n\n

This is, without a doubt, the easiest step. Simply click “Install” on “WordPress” under the “Website Installer section” towards the bottom of the page.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4: <\/strong>Create your websites admin account<\/p>\n\n\n\n

Either click on the “WordPress admin pannel” link in your “Website Details” section or go to your domain + “\/wp-admin”. In our example we go to “doggos.breezelabshosting.co.uk\/wp-admin”.<\/p>\n\n\n\n

\n
\n

You should then see a language selection panel. Select your preferred language. <\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Fill out the Information needed to set up your WordPress Site and Admin Account. Make sure you choose a strong password and keep this secure. We recommend leaving “Discourage search engines from indexing this site” unchecked if for most cases. Check out our example, certain boxes are blanked out for obvious reasons. <\/p>\n\n\n\n

\"\"
Click “Install WordPress”. You should then receive a email from your website confirming your setup, this may take a few minutes (check your spam folder if you dont see it). <\/figcaption><\/figure>\n\n\n\n

You can then click “Log In” or go to your admin link again. In our example this was “doggos.breezelabshosting.co.uk\/wp-admin”.<\/p>\n\n\n\n

Step 5: <\/strong>Install a theme<\/p>\n\n\n\n

A theme specifies gives you a template of how your site should roughly look while giving you the opportunity to easily customize there look to your desire. Their are countless themes out there, both paid and free, however most people will be able to use WordPress without ever spending any money on themes or plugins. <\/p>\n\n\n\n

You can install themes through the theme library or by uploading one. For this example we will be getting one from the library. To upload one you can simply click “Upload Theme” on the Appearance Add Now button.<\/p>\n\n\n\n

\n
\n
\"\"
1. Click on “Appearance” to go to your themes section. You will see all themes currently installed.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
2. Click “Add Now”. <\/figcaption><\/figure>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"
3. You can then search the theme library by entering what sort of theme you want. For this example we enter “photograph” in the search bar. You can click on any of the themes to view more info and see some images.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
4. FabMasonry looks like a good theme for what we have in mind for our website. This is a few rows down, if you cant see it you can always search FabMasonry in the search bar. We Can install it by clicking “Install”. This may take a few minutes. <\/figcaption><\/figure>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

You then need to activate the theme. This can be done two ways:<\/p>\n\n\n\n

\n
\n
\"\"
1. Click “Activate” on the themes detail page in the library results.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
2. Click “Activate” on the themes detail page on the themes detail page in your installed themes section. If you want to trial new themes in the future, you can click “Live Preview” to see how your site will look without making and changes publicly.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Step 5: <\/strong>Customizing the theme<\/p>\n\n\n\n

\n
\n

Click “Customize” in the Appearance tab. This will take you to a page that shows you the customization parts of the theme. <\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

There are a few essentials that need to be changed in the theme customisation page:<\/p>\n\n\n\n

  • Site Identity -> Logo<\/li>
  • Site Identity -> Tagline<\/li>
  • Site Identity -> Site Icon<\/li><\/ul>\n\n\n\n

    There are some less essential customization options that allow you to make the site truly yours:<\/p>\n\n\n\n

    • Colours -> Header Text Colour<\/li>
    • Colours -> Background Colour<\/li>
    • Background Image -> Background Image<\/li>
    • Header Image<\/li>
    • Theme Options -> Footer Section -> Copyright Text<\/li><\/ul>\n\n\n\n
      \n
      \n

      This is how we customised our site.<\/p>\n<\/div>\n\n\n\n

      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

      We can add a menu to enable to enable us to have viewable pages such as an “about” page:<\/p>\n\n\n\n

      1. Click “Menus”.<\/li>
      2. Click “Create New Menu”.<\/li>
      3. Select “Primary Menu” under “Menu Location”.<\/li>
      4. Give your menu a name and then click “Next”. This isn’t seen publicly.<\/li>
      5. Click “Add Items”.<\/li>
      6. We will add the home page by clicking the plus symbol.<\/li>
      7. We will then add an about page by entering “About” into the input labelled “Add New Page” and then click the “Add” button.<\/li><\/ol>\n\n\n\n

        This is how our menu now looks.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n

        After you’ve finished customizing click “Publish”.<\/p>\n\n\n\n

        Step 6: <\/strong>Customise the About page.<\/p>\n\n\n\n

        \n
        \n
        \"\"
        1. Click “Pages”. <\/figcaption><\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"
        2. Click “About”.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
        \n
        \n
        \"\"
        3. Edit the page and click “Update” or “Switch to draft” or “Preview”. We will click “Update”.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"<\/figure>\n\n\n\n

        4. Navigate to the about page to view your first page.<\/p>\n<\/div>\n<\/div>\n\n\n\n

        Step 7: <\/strong>Add some pictures<\/p>\n\n\n\n

        We add pictures within the post section. If youve been looking carefully, youll notice that our homepage already has a post saying “Hello World”. Lets start by navigating to posts to delete this post.<\/p>\n\n\n\n

        \n
        \n
        \"\"
        1. Click the “Posts” section.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"
        2.Hover over the “Hello World” post and click the “Bin” button.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Finally, we can start to add our pictures. This is done by:<\/p>\n\n\n\n

        \n
        \n
        \"\"
        1. Click “Add New”.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"
        2. Enter a title and optionally some content. This will be shown if someone clicks on the image.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
        \n
        \n
        \"\"
        3. Make sure you are on the post tab on the right hand side and click “Set featured image” towards the bottom.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"
        4. Either upload a file or select a image that is already in your sites media library and then click “Set featured image”.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
        \n
        \n
        \"\"
        5. Click “Publish” if you are ready for the picture to be publicly viewable, “Save draft” to save or “Preview” to preview the page. We will click “Publish”. <\/figcaption><\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"<\/figure>\n\n\n\n

        6. This is what the website looks like now. If you hover over the image you can view details and if you click it then it will take you to that pictures page to display more information.<\/p>\n<\/div>\n<\/div>\n\n\n\n

        Finally. lets add some more images and look at the final result. <\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n

        Congratulations! You’ve just created a photography portfolio in WordPress. <\/p>\n\n\n\n

        In the future you can customise it more and enhance its functionality with more pages, more posts, categorising the posts to allow people to search your site through categories and so much more!<\/p>\n","protected":false},"excerpt":{"rendered":"

        Difficulty Level: Beginner In this guide we will be using our hosting platform BreezeLabs Hosting. All first time customers can get their first month of hosting for free with code “BREEZE22”. What we will...<\/p>\n","protected":false},"author":1,"featured_media":96,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-16","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hosting","category-wordpress"],"_links":{"self":[{"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":32,"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/16\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/16\/revisions\/99"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/media\/96"}],"wp:attachment":[{"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/categories?post=16"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.breezelabs.co.uk\/index.php\/wp-json\/wp\/v2\/tags?post=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}