💼Case Studies (All case studies) Template
Last updated
Last updated
Principle has a template for the Case Studies (All case studies) page, which shows all of the case study of your publication. Case Studies page is not required, but you can add it if you want.
To add an Case Studies Page to your publication, you'll need configure and upload routes.yaml file.
In your Ghost admin area, go to Pages and click on the New Page button in the top right corner.
Title your page. You can choose any title you like for the Case Studies.
In the Page URL section, ensure the slug is set to case-studies. This links the page to the route you've set up in your routes.yaml file.
Optionally, you can add an excerpt and feature an image to make the page more engaging.
Once you're done, click on Publish to make your Projects Page live.
To add a company logo, the logo must first be added to the theme folder. Locate the "assets" folder and add the logo to the "images" folder. If there is no "images" folder in "assets," you need to create one. Then, specify the required path in the code. After adding a logo to the theme, reload the theme
Check the case study slug. You can do that in Post settings in the admin panel.
Combine the slug with case-study-card to build a CSS class. For example, if the slug is 'spectra', the CSS class will be .case-study-card__spectra.
Go to Settings -> Code Injection from Admin Panel
Add the following code in the Site Footer section:
For example:
Copy and add your params:
Paste the URL of the image or emoji to the background-image: url(HERE).
Click Save
Principle offers a contact form in sidebar on case studies page. For an easy way for your readers to reach you, add a contact page using Formspree.
Go to the 'Design & branding' settings in the Ghost Admin.
On the right you’ll see the tab 'Homepage' – expand this settings list and go to the Formspree endpoint.
Please provide your Formspree endpoint, e.g https://formspree.io/f/xhyplkej
Finally, click Save to activate.
Customize the title and text for your contact form.
Go to the 'Design & branding' settings in the Ghost Admin.
On the right you’ll see the tab 'Site wide' – expand this settings list and go to the "Sidebar contact form title".
Add title.
Click Save to display.
Go to the 'Design & branding' settings in the Ghost Admin.
On the right you’ll see the tab 'Site wide' – expand this settings list and go to the "Sidebar contact form text".
Add title.
Click Save to display.
Click icon in the top right corner to open the Page settings
