Skip to content
No ideas πŸ€– But i have ideas πŸ˜… - Membership Site on Ghost
HTML CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows
assets
partials
.gitignore
LICENSE
README.md
author.hbs
default.hbs
error.hbs
gulpfile.js
home.hbs
index.hbs
login.hbs
package.json
page.hbs
post.hbs
robots.txt
tag.hbs
yarn.lock

README.md

Hello San ✌

devDependencies Status Github Workflow

No ideas πŸ€– But i have ideas πŸ˜…

Experimenting βš— the Ghost Membership Feature, Dynamic URLs & Dynamic Routing

A Simple and Responsive Ghost Blog theme

πŸ“¦ Goal: Build Memebership Site on Ghost with Static Home page

  • Static Home Page
  • Registration Form on Home page
  • Custom Login Page
  • Form Validation
  • User Dasboard
  • Blog Page
  • Email NewsLetters
  • Paid Membership Feature

Development πŸ› 

  • Download or install via git on your Ghost theme Directory /content/themes/
git clone https://github.com/mskian/hello-san.git
  • Install Modules via yarn
yarn
  • Workflow βš™
## Development (Run build & watch for changes)
yarn dev
## Build
yarn buld
## Gscan
yarn test
## Bundle the theme to zip for Production use
yarn zip
  • Enable Static Home page and Blog Post page
  • Login to your Ghost Admin Dashboard and Upload this routes file on Lab Section

routes.yaml

routes:
  /:
    data: page.home
    template: home
  /login/:
    template: login

collections:
  /blog/:
    permalink: /blog/{slug}/
    template: index
    filter: slug:-home

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/
  • Open post Editor and Goto Pages - Create a New Page with permalink home
  • Add some text Contents
  • Next Add this Below Registration Code in the HTML Block
<div class="card-content content user-form login">

<ul class="has-text-weight-medium">
<li>Enter your Email - Accecpt the Terms and policy by Checking the checkbox</li>
<li>After Successful Signup, you will Recieve the Account Activation Link on your Email</li>
</ul>
 <br>
 <form id="sigupData" data-members-form="signup">
 <div class="field">
<label class="label has-text-centered has-text-weight-medium has-text-grey-dark">Your email address*</label>
 <div class="control">
 <input class="input is-info column is-half input-box" type="text" data-members-email name="email" id="email" placeholder="Email address">
 </div>
 </div>

<div class="subtitle has-text-centered">
<label class="checkbox">
<input id="check" name="check" type="checkbox" style="display:inline;" onchange="RegisterAgreement()">
</label>
<p class="has-text-danger has-text-weight-medium" style="font-size:14px; margin:2px; vertical-align:middle; display:inline;">
Yes, I Accept this website Privacy and Cookie Policy to Continue My Registration
</p>
</div>

<div class="control">
<button id="pushdata" type="submit" class="button is-success sign-button" disabled>πŸ“ Register</button>
</div>
<br>
<div class="has-text-centered" id="registernotice"></div>
</form>
<br>
<p class="has-text-weight-bold has-text-centered"><small>Already Having an Account &rarr; <a href="http://localhost:2368/login/">Log in</a></small></p>

</div>

LICENSE πŸ“œ

MIT

You can’t perform that action at this time.