Argent

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.

Getting Started

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:

  1. Create or edit a Page
  2. Assign the page the Front Page Template
    Front Page template highlighted
  3. 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:

  1. Visit wordpress.com/customize and select the site you’re working on, if prompted.
  2. Open the Theme Options section.
  3. Check “Show Portfolio Section” (you will see a No Projects Found” message if you have not added any portfolio projects yet).
  4. 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.
  5. 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’s background can be set by visiting wordpress.com/customize and opening the Colors & Backgrounds section.

Portfolio

Argent takes advantage of the Portfolio feature on WordPress.com. To add a project, go to My Site → Portfolio → Add.

add-portfolio

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:

  1. Create a new Portfolio project or edit an existing project.
  2. 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.
  3. If desired, continue adding content to your project — you can add more images, pull quotes, videos, etc.
  4. 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).
  5. Publish your project.

Portfolio Archives Page

Your projects will be displayed on the Portfolio archive page in a grid layout. This page can be added to a Custom Menu as a Link item.

Where is the Portfolio archive page?

Let’s say you have a WordPress.com site at:
https://argentdemo.wordpress.com/

The URL of the Portfolio archive page will be:
https://argentdemo.wordpress.com/portfolio/

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.

Custom Menu

Argent includes one Custom Menu in the header, which can be configured by visiting wordpress.com/customize and opening the Menus section.

If no custom menu is assigned, this area will display a list of your pages.

Footer Widgets

Screen Shot 2016-05-03 at 11.04.22 AM

Argent includes 3 footer widget areas. You can add widgets to the footer by visiting wordpress.com/customize, opening the Widgets section, adding widgets, and saving your changes.

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 alignleft, alignright, or 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)

  1. The main column width is 660, except in single posts, where it’s 490.
  2. A widget in the Footer Widget Area is 300.
  3. Featured Images for posts should be at least 660 wide.