Argent is a clean, modern portfolio theme geared towards creative professionals like designers, artists, and photographers. With its simple homepage template featuring portfolio projects, Argent aims to draw viewers to what matters most: your wonderful work. The responsive layout allows for a seamless user experience and ensures your portfolio looks stunning no matter the device or screen size.
By default, Argent’s homepage will display your latest posts in a traditional blog format.
If you’d like to use Argent’s Front Page Template instead, just follow these steps:
- Create or edit a Page
- Assign the page the Front Page Template
- Set the page as your site’s Static Front Page by following this guide
Argent’s Front Page Template displays the content of the page you’ve created and set as the Static Front Page. Also, it can optionally display a portfolio section below the content as well.
Portfolio Section on Front Page
Argent’s Front Page Template can include recent projects from your portfolio if you choose to display them:
- Visit wordpress.com/customize and select the site you’re working on, if prompted.
- Open the Theme Options section.
- Check “Show Portfolio Section” (you will see a No Projects Found” message if you have not added any portfolio projects yet).
- By default, this section will display no title above the projects. You can add a title by adding text in the Portfolio Section Title field.
- By default, this section displays your three newest portfolio projects. You can choose to display three, six, or nine projects with the Number of Projects to display option.
Custom Header and Background
To add a Custom Header Image, visit wordpress.com/customize, open the Custom Header section, add an image, and save your changes. The portion of the image that is displayed will vary depending on the size of the screen it is being viewed on.
Argent takes advantage of the Portfolio feature on WordPress.com. To add a project, go to My Sites, select the site you’re working on if asked, click Portfolio on the left side, then click Add New in the left column of the page that opens.
Alternatively, you can visit https://yourgroovysite.wordpress.com/wp-admin/post-new.php?post_type=jetpack-portfolio directly, replacing “yourgroovysite.wordpress.com” with your site address.
Project Gallery Carousel
Argent will automatically take the first gallery in your portfolio project and turn it into a full-width carousel. To set it up, follow these steps:
- Create a new Portfolio project or edit an existing project.
- Insert an image gallery from the editor. The position of a gallery inside the project doesn’t matter; the first gallery will always be displayed in a carousel directly below the project title.
- If desired, continue adding content to your project — you can add more images, pull quotes, videos, etc.
- Be sure to add a featured image to your project. Although it won’t be displayed on a single project page, it’s used on the home page and portfolio archives page (explained below).
- Publish your project.
Portfolio Archives Page
The Portfolio archive page can be found at http://yourgroovysite.wordpress.com/portfolio/ — just replace “yourgroovysite.wordpress.com” with the address of your site.
You can customize the Portfolio archive page by changing the title, adding some content, and uploading a featured image. To do so, go to Customize → Portfolio.
If no custom menu is assigned, this area will display a list of your pages.
Pull Quotes and Overhanging Images
Pull quotes are a great way to draw readers to your writing. For pages and portfolio projects, the pull quote overhangs from the main column to maintain the readability of the text wrapping around it.
All you need to do is to add a class of
aligncenter to a
blockquote element and view your site on a large screen.
Here are some examples of how to use this feature from the HTML or text tab in the Editor:
<blockquote class="alignleft">A bolder blockquote that floats into the left margin </blockquote> <blockquote class="alignright">A bolder blockquote that floats into the right margin </blockquote> <blockquote class="aligncenter">A bolder blockquote that extends into both margins </blockquote>
Images that are wider than 780px also overhang the column. Show off your images without being restricted by the column width!
Quick Specs (all measurements in pixels)
- The main column width is
660, except in single posts, where it’s
- A widget in the Footer Widget Area is
- Featured Images for posts should be at least