How to Make a Portfolio Section for WordPress
Whether you have a free WordPress.com blog or a self-hosted WordPress website, adding a portfolio section where you can display your latest works doesn't require a lot of technical expertise, advanced code or special plug-ins. Using WordPress pages, you can create a page for each type of work you have done and then create a main portfolio page to link them together.
1 Creating a Portfolio Page
2 Decide you
Decide how you want to organize your portfolio. You can have multiple pages containing different types of work, arranged by theme or medium. For example, if you are a photographer, you may want to create three pages: Landscapes, Portraits and Experimental. After creating each of these pages, you will create a main portfolio page to link them together.
Log in to your WordPress account and navigate to your dashboard. Select "Add New" from the Pages menu. Type a title for your first group of works in the first text field. Click the main text field. You can type an introduction to your work if you would like.
4 Click the Add Media button Add Media below the page title
Click the "Add Media" button below the page title. Launch File Explorer on your computer and locate your first image. Drag this image onto the Insert Media page where it says "Drop files anywhere to upload." After it loads, a thumbnail appears on the bottom of the page. Click the "Edit" link beside the thumbnail.
Type the image's title in the "Title" field and a short description in the "Caption" field. Enter the title again in the "Alt Text" field and, if desired, a longer description in the "Description" field.
6 Select a desired alignment and size
Select a desired alignment and size in the Attachment Display Settings options. If you have a lot of images, you may want to select "Thumbnail" from the "Size" menu. If you have only three or four images, select "Medium" or "Large." By default, if someone clicks on the image, the link will take them to the full-size version of your image, so it's not necessary to use the "Full Size" option. Click the "Insert Into Page" button.
7 Add additional images to the page from your computer
Add additional images to the page from your computer by repeating this same process. Use the same size for every image to maintain consistency on the page. Click the page's "Publish" button when you have uploaded all of the images. Create a new page for other categories of your work and upload images to those pages until all of your images are on a WordPress page.
8 Structuring Your Portfolio Section
9 Add a new page from your WordPress dashboard
Add a new page from your WordPress dashboard and type "Portfolio" in the title field. Click on the main text field, click the "Add Media" button, then click the "Media Library" tab.
10 Open a new tab
Open a new tab on your browser and navigate to your first page of work -- for example, the "Portraits" page. Decide on the image that best represents this page. Highlight the URL in the browser's address bar and press "Ctrl-C" on the keyboard to copy it.
11 Click the Portfolio tab on your browser
Click the Portfolio tab on your browser, then find the image you decided to use in the Media Library. Click the image. Highlight the text in the "Title" field and type the name of your first page of work, which is "Portraits" in this example. Type the title again in the "Caption" and "Alt Text" fields.
12 Click the Link
Click the "Link To" field and select "Custom URL." Highlight the "http://" text and press "Ctrl-V" to copy your page's URL into this field. Select "Large" from the Size menu and then click the "Insert Into Page" button.
13 Open your second page
Open your second page of images in a new browser, select an image to represent it and then repeat the process again to insert the image in your Portfolio page, with a link to that page. Click the "Publish" button when you are finished. You should now have a main Portfolio page with clickable images that lead to each page showing your work.
14 Adding a Sidebar Link
15 Navigate to your WordPress dashboard
Navigate to your WordPress dashboard. Select "Upload Media" from the Media section of the left menu. Drag any image you used in your portfolio from your computer onto this page. Because you are editing this image, you need to upload a new version of the image. Select "Edit" beneath the image thumbnail and then click the "Edit Image" button below the image.
16 Select Scale Image and type 100
Select "Scale Image" and type "100" in the first "Scale" text box. This changes the width to 100 pixels. The height changes automatically to keep the aspect ratio the same. Click the "Scale" button, then the "Update" button. Note that the thumbnail's URL is in the "File URL" field on this page.
17 Open the WordPress dashboard in a new browser tab
Open the WordPress dashboard in a new browser tab. Select "Appearance" in the left menu of the Dashboard and select "Widgets." Drag the "Text" widget into the right sidebar and place it where you want your Portfolio thumbnail link to appear.
Type "SE My Portfolio" in the "Title" text field. Copy and paste the following code in the Text widget:
<a href="URL"><img src="thumbnail"></a>
Replace "thumbnail" in the pasted code with your thumbnail image's URL. Replace "URL" with your Portfolio page's URL. In both cases, make sure quotation marks appear on either side of the URLs.
Click "Save." Your WordPress blog now contains a Portfolio section. The image in the sidebar links to the main Portfolio page, which links to your pages containing images for each type of work you have done.
- To transform your entire WordPress website into a portfolio, take a look at some of the free portfolio themes available (see Resources).