Skip to content
Bufferthemes

Persona Theme Guide

If you are looking for general Bufferthemes Guides, you can find instructions for shared functionality here:

For more specific documentation about this theme, see below.

Customize Sections

You can find the configuration for the sections in the /src/config/sections.ts file defined in the sections variable. Those are the sections that will be shown on the main page. The configuration items consist of:

  • title: The title used in the navigation and as a main section headline
  • icon: The icon used next to the title in the navigation and content. You can learn more about how to use Icons in the Icon Guide.
  • name: This is the identifier for the section, used for referencing the anchor element.
  • component: The section component that will be used in the main area.

You can see all available components/sections at /components.

Customizing Social Media Icons

The social media icons are defined in /src/config/social.ts as an array of objects. Each object represents a social media platform with:

  • name: The platform name.
  • url: The link to the social media profile.
  • icon: The identifier for the icon (learn more about Icons in Bufferthemes here).

Example

export const socialMedia = [
  {
    name: "GitHub",
    url: "https://github.com/yourprofile",
    icon: "ph:github-logo-fill",
  },
  {
    name: "Twitter",
    url: "https://twitter.com/yourprofile",
    icon: "ph:twitter-logo-fill",
  },
  {
    name: "LinkedIn",
    url: "https://linkedin.com/in/yourprofile",
    icon: "ph:linkedin-logo-fill",
  },
];