Suivez votre progression
Accueil Trailhead
Accueil Trailhead

Customize Your Site

In the previous step, you created a basic community site that you can use to build out your personal portfolio. Speaking of personal, one of the most important tips for Trailblazers joining the Salesforce ecosystem is to be yourself! The best way to do that is to customize your home page. It is the first thing everyone sees when they visit your public site.

To prepare, create an image that represents you, your values, or your interests. Be sure to pick something that shows off your personality, but keep it professional. Use your favorite image or photo editing app to do this. 

Follow these guidelines. 

  • Use a personal photo or a creative graphic that you create.
  • Properly format the image. If you include text in your image, like your name, ensure that the text stands out from the background.
  • Be sure that you have permission to use an image that isn’t yours.
  • The image should be 1,800 pixels wide by 200 pixels tall if you want it to span across the whole page, or you can use a combination of a picture and text, which is what you use in our example.
  • Name it portfolio_header.jpg.
Note

Note

You can download and use this image if you don’t want to create your own. 

Create a Heading for Your Portfolio

If you’re not already on the All Communities page in Setup, enter Communities in the Quick Find box, select All Communities, then select your community from the list. 

  1. Click Builder.  The Experience Builder launches in a new tab.
  2. Hover over the existing image on the page, and click in the Rich Content Editor on the image.
  3. Click Edit Content in the popup window
  4. Highlight the image and press the Delete key.
  5. Click the image icon in the rich text editor's menu bar and upload the image named portfolio_header.jpg.
  6. Click Add.
  7. If your image doesn’t span across the whole page, also add some text such as: My Online Portfolio.

Great! Your cool new banner displays on the page. If you want to see how it looks, click Preview. When you’re done admiring your work, click Back to Builder.

Website header image

Choose Your Colors

Next, update the theme to your favorite color scheme. Colors stand out and help define brands. Think about how you want your portfolio to look. Do the colors complement your header image?

  1. In Experience Builder, open the Theme panel and click Colors.

    Colors panel
  2. Change the colors for Action Color, Detail Text Color, and Page Background Color.

Note

Note

Action Color changes the color of your Tile Menu tabs. You create these later in this module and can come back and change the colors if you’d like.

Review the Language Options

Are you creating a site in your native language? Let’s ensure that your site’s language is set to support your chosen language.

  1. Open the Settings panel and click Languages.
    Settings panel with Languages highlighted

  2. For this project, leave English (US) as the default language.
Note

Note

You can import languages and control how users can select parts of your community to translate using webpage translation tools.

Preview Your Portfolio

Before you publish your content, check and make sure that it looks nice and everything displays the way you want it to.

  1. Click Preview (depending on your browser window, it might be displayed as an icon). 
  2. When you’re done previewing, click Back to Builder.

Publish Your Changes

Changes are always saved, but you can determine when to publish them. Ready to introduce yourself to the world? 

  1. Click Publish (depending on your browser window, it might be displayed as an icon). 
  2. Click Publish again.
  3. Click Got It.