Persona
DemoSupport
  • 👋Introduction
  • 🆕Changelog
  • 🏁Getting Started
    • 🔽Uploading a Theme
  • 📜MAIN TEMPLATES
    • 📰Post Template
    • 📃Page Template
    • 📑Categories (Tags) Template
    • 👨‍🎨Authors Template
    • ♾️Archive (All posts) Template
    • 💡Case Template
    • 🧰Cases Template
    • 📩Contact Template
  • ⚙️CUSTOM SETTINGS
    • ✳️Header Type
    • 🎨Colors
    • 🧮Border Radius
    • 🏠Homepage Sections Order
    • 📢Subscribe CTA
    • 🌠Projects Section
    • 💬Publications Section
    • 👨‍💼Experience Section
    • ⏺️Recommendations Section
  • 🤝Membership
    • 🎬Setting Up
    • 🔽Sign In Page
    • 🔼Sign Up Page
    • 👤Account Page
    • 💰Membership Page
  • 🔧OTHER SETTINGS
    • ⏬Submenus
    • 💬Comments
    • 📸Add Your Social Link (Icon)
  • ☑️TERMS & CONDITIONS
    • 🔁Refund Policy
Powered by GitBook
On this page
  • Adding a Projects Page:
  • To add Project:
  1. CUSTOM SETTINGS

Experience Section

PreviousPublications SectionNextRecommendations Section

Last updated 4 months ago

Persona provide the oppotrunity to add a section with experience

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 Experience (this title will be used as the title for the section on the home page).

  3. Then, find the Tags setting and add the #experience tag.

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

To add Project:

  • Add html block with code and insert code

<div class="experience">
    <div class="experience-card">
        <div class="experience-card__content">
            <h3 class="experience-card__title">ADD_NAME</h3>
            <a class="experience-card__link" href="ADD_LINK">
                <span class="experience-card__link-text">ADD_WEBSITE</span>
                <span class="experience-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>
            </a>
            <p class="experience-card__description">ADD_DESCRIPTION</p>
        </div>
        <div class="experience-card__date">
            ADD_DATE
        </div>
    </div>
</div>
  • Then, change ADD_NAME ADD_LINK ADD_WEBSITE ADD_DESCRIPTION ADD_DATE to your experience card, like this:

  • Click Update to save your work

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

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

⚙️
👨‍💼
HTML block in editor