๐ŸŒ Projects Section

Persona provide the oppotrunity to add a section with projects

Adding a Projects Page:

  1. In your Ghost admin area, go to Pages and click on the New Page button in the top right corner.

  2. You can choose any title you like for the Current Projects (this title will be used as the title for the section on the home page).

  3. Click icon in the top right corner to open the Page settings

  4. Then, find the Tags setting and add the #projects tag.

  5. Once you're done, click on Publish to make your Projects Page live.

To add Project:

  • Add html block with code and insert code

    HTML block in editor
<a class="project-card"  href="ADD_PROJECT_LINK">
   <h3 class="project-card__title">ADD_PROJECT_NAME</h3>
   <span class="project-card__link">
     <span class="project-card__link-text">ADD_PROJECT_WEBSITE</span>
     <span class="project-card__link-icons">
       <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M1.74667 9L1 8.25333L7.18667 2.06667L3.66667 2.06667V1L9 1V6.33333H7.93333V2.81333L1.74667 9Z" fill="white" stroke="white" stroke-width="0.22"/>
       </svg>
       <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M1.74667 9L1 8.25333L7.18667 2.06667L3.66667 2.06667V1L9 1V6.33333H7.93333V2.81333L1.74667 9Z" fill="white" stroke="white" stroke-width="0.22"/>
       </svg>
     </span>
   </span>
   <p class="project-card__description">ADD_PROJECT_DESCRIPTION</p>
  • Add image in editor (this is the project background image)

  • Add html block with code and insert code

</a>
  • Then, change ADD_PROJECT_LINK ADD_PROJECT_NAME ADD_PROJECT_WEBSITE ADD_PROJECT_DESCRIPTION to your project, like this:

  • Click Update to save your work

  • To add the project section, enter the section number '1' in the setting "homepage_sections_order"

Last updated