TWU E-Portfolios

Menu

Skip to content
  • Get Started
    • What is a Portfolio?
    • A Portfolio to Dream Of
    • Artifacts 101
    • Reflection
  • Resources
    • What and Why of Digital Literacy
    • Publish Artifacts Like a Portfolio Champ
    • Academic Context
    • Accessible Design
    • Personal Branding
    • Career Ready Primer

Customizing the Hearts Theme

You can modify the title of your portfolio and change other design aspects of it via the WordPress Customizer. This interface allows you to see a preview of your portfolio as you change settings.

Access it via the Customize link at the top of your black WordPress admin bar while viewing your site or from inside your dashboard via Appearance -> Customize.

Each panel on the left side provides tools to change the appearance of your site. Let’s start with the first one, Site Identity.

editing the text form in the left under Site Title changes the appearance in the preview on the right

Change the site title and the tagline in the Customizer.

As you change the text in the left side editing fields, you will see the changes previewed on the right. We might start by creating a more personal title.

changing the site title in the interface to 'Pats Heartfelt Portfolio'

Start by changing the title of the portfolio site.

No changes are made to your site until you click the Publish button at the top, so we can do a few more things.

Let’s change the image shown at the top of the site. Open the Customizer panel for Header Image.

interface for adding a new header image

Click ‘Add Image’ to upload your own photo to use in the header of your site.

Now this site is looking different than the default template!

a new image is set for the header image

Your own image will now be on every page of your portfolio.

Perhaps the new background image does not look good with the white of the text title. Open the Colours panel of the Customizer, and use the left side selected to choose a new colour for the Header Text Colour. As you change the selector, you will see the changes on the right side.

You can also choose to have a different background color for the text page; make sure you use one that has sufficient contrast with the black text.

Customizer interface for changing colours

Choosing new colors for the Header Text and the page background.

The Customizer for this theme provides a set of tools to modify the appearance of the Hearts theme’s front page display of most recent portfolio artifacts. These tools are in the TWU Portfolios panel of the Customizer.

Customozer interface for changing the front screen, with arrows show where fields are that change the title, subtitle, and a menu to choose how many artifacts to show.

In this panel, you can change the text of the title and subtitle (“tagline”) that appear above the display of your most recent artifacts. Use the drop down menu to select how many artifacts it should show on the front page.

Now explore other things you can change here. If all these changes look good to you, click the Publish button to make them active.

Learn More About the WordPress Customizer

  • Beginner’s Guide: How To Use The WordPress Customizer (WP Lift)

Tips for Using the Hearts Theme

  • Special Dashboard Features
  • The Front Page
  • Customizing the Hearts Theme
  • Creating Artifacts
  • Shortcodes
  • Navigation Menu
  • Footer Widgets
  • Changing to Another Theme
Widgets

This guide is designed for students of Trinity Western University to assist them in the crafting of their Electronic Portfolios hosted on TWU Create.

Find It

Contents

  • Get Started
    • What is a Portfolio?
    • A Portfolio to Dream Of
    • Artifacts 101
    • Reflection
  • Resources
    • What and Why of Digital Literacy
    • Publish Artifacts Like a Portfolio Champ
    • Academic Context
    • Accessible Design
    • Personal Branding
    • Career Ready Primer
Proudly powered by WordPress | Theme: Illustratr by WordPress.com.