• Submit Ticket
  • My Tickets
Themeix Support Portal
  • Submit Ticket
  • My Tickets

Docs: Shane Jekyll Theme

/Jekyll Themes / Shane Jekyll Theme /
  • Shane – Personal Portfolio Jekyll Theme Introduction
  • How to update the testimonial section in shane jekyll theme?
  • How to update the hero section in Shane Jekyll Theme?
  • How to create navigation in shane jekyll theme?
  • How to update portfolio content in Shane Jekyll theme?
  • Shane Jekyll Portfolio Theme Changelog
  • Jekyll Theme Deployment

Shane – Personal Portfolio Jekyll Theme Introduction

Shane – Personal Portfolio Jekyll Theme is for any purpose. It’s a creative, minimal, and clean design. It has all of the features of the business website. It’s suitable for any startup business, companies, agencies, and freelancers who need a professional way to showcase their projects and services with a 100% super responsive experience.

Key Features

  • Fully Responsive HTML5
  • CSS3 Animations
  • SEO optimized
  • Mobile Navigations
  • Fully Responsive to all devices
  • Developer Friendly Coding
  • Sticky Navigation
  • Very Well Documented
  • Free Updates


Open in New Tab

How to update the testimonial section in shane jekyll theme?

To update the hero section in Shane Jekyll Theme, open _data/site_data.yml file.
You will find the following code there,

testimonials:
  shane_section: Testimonials
  title: What clients say about my portfolio template
  carousel:
    - name: Justin Bieber
      designation: Photographer
      img_src: "/assets/img/about/1.jpg"
      testimonial:
        "We were looking for a logo with a touch of modernism. Arlo grasped our needs
        and produced a stunning design. Awesome to work with Arlo. Incredibly
        organized, easy to communicate with, responsive with next iterations."

    - name: Teodor Federico
      designation: Freelancer
      img_src: "/assets/img/about/2.jpg"
      testimonial:
        "I purchased the theme a few weeks ago. I had some issues with the theme, I
        asked customer support to help me with and they were helpful and kind to
        help me with all my problems. I definitely recommend this theme to everyone."

    - name: Bauen Fernandes
      designation: Web Developer
      img_src: "/assets/img/about/3.jpg"
      testimonial:
        "We were looking for a logo with a touch of modernism. Arlo grasped our needs
        and produced a stunning design. Awesome to work with Arlo. Incredibly
        organized, easy to communicate with, responsive with next iterations."

shane_section : That is used for the section title badge
title: That is the section title
name : Testimonial author name
designation : Testimonial author sub heading
img_src : Testimonial author photo
testimonial : Content for the testimonial text


Open in New Tab

How to update the hero section in Shane Jekyll Theme?

To update the hero section in Shane Jekyll Theme, open _data/site_data.yml file.
You will find the following code there,

hero:
  profile_name: '<span>Ave</span> Brook<span class="overlay_effect"></span>'
  designation: Independent Web Developer
  profile_img: "/assets/img/slider/1.jpg"

profile_name : for the heading
designation : for the sub heading
profile_img : for the image


Open in New Tab

How to create navigation in shane jekyll theme?

Shane Jekyll Portfolio Theme has a custom navigation option. You can create navigation easily there.
At first open the the file _data/navigation.yml file

Here following the navigation code structure :


- text: Home
  url: home
- text: About
  url: about
- text: Portfolio
  url: portfolio
- text: News
  url: news
- text: Contact
  url: contact

You can use any custom URL there and also text can be change there.


Open in New Tab

How to update portfolio content in Shane Jekyll theme?

In Shane – Jekyll portfolio theme, there has a nice style portfolio section. You can change the content for that section easily form the _data/portfolio.yml file.

Here following the structure of the portfolio data :

- name: Sweet Fruit
  img_src: /assets/img/portfolio/1.jpg
  project_url: /assets/img/portfolio/1.jpg
  filter_classes: 'design'
  cat: Design

- name: Good Present
  img_src: /assets/img/portfolio/2.jpg
  project_url: https://www.youtube.com/watch?v=Amq-qlqbjYA
  filter_classes: 'branding'
  cat: Branding

- name: Ice Cream
  img_src: /assets/img/portfolio/3.jpg
  project_url: '/assets/img/portfolio/3.jpg'
  filter_classes: 'photography'
  cat: Photography

You can update the name, image URL, project URL, filter class and category name there.

We strongly recommend to use the filter_classes value in 1 word. Example : youtube not you tube. Because that filter_classes will automatically attach as the filterable ID in code.


Open in New Tab

Shane Jekyll Portfolio Theme Changelog

Here following the changelog update for Shane Jekyll Portfolio Theme

v1.0.0 ( 6 Aug, 2021 )
* Initial Release 

Open in New Tab

Jekyll Theme Deployment

To run our jekyll theme locally, navigate to the theme directory from your PC and run bundle install command in git client app. to install the dependencies, then run bundle exec jekyll serve to start the Jekyll server.

Here following some good resources to deploy jekyll :

  • Manual Deployment
  • Automated Deployment (Example: Travis CI, Circle CI, Buddy etc)
  • 3rd Party Deployment  (Example : Aerobatic, CloudCannon, Github Pages, Kickster, Netlify, Static Publisher)


Open in New Tab

©2016 - 2021 Themeix. All Rights Reserved.
Loading...

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.