Astra Theme

米蠍屋筆記

Astra Theme

April 12, 2018

1/9 – Setup with Astra Pro

  • Plugin- Astra Hooks
  • Plugin- Custom Typekit Fonts by Brainstorm Force
  • Plugin- Custom Fonts by Brainstorm Force

2/9 – Setup Headers with Astra 

3/9 – Astra Sites

Portfolio Grid

Custom fonts

 

Online Course LMS Theme

Add Custom Fonts to Elementor

Plugin – Advanced Reset WP by 3y3ik

Gravity Forms

米蠍屋筆記

Gravity Forms

April 6, 2018

做捐款或是Booking都要用到的Gravity Forms.

  • Notes:  1. Stripe Add-on

Setup the Form

  • From Advanced Fields – Add Name, Email, Address, etc
  • From Pricing Fields – Add Product
  • From Pricing Fields – Add a Credit Card
  • Save the form
  • Setup Stripe

Setup Stripe

  • Connect the Stripe Add-On to the Stripe account via the Stripe’s API
  • Go WP Datashboard > Forms > Settings > Stripe
  • Enter Test or Live Secret Key and Publishable Key for the Stripe account
  • Enable Webhooks 
  • Setup Stripe Feeds

Setup Stripe Feeds

  • WP Datashboard > Forms > Select the form > Settings  > Stripe
  • Name each Stripe Feed
  • Select the Stripe Transaction Type: either Products and Services or Subscription
About the Credit Card Field
  • The Credit Card Field is in the Pricing Fields
  • This field doesn’t actually store the Credit Card data, neither our site , server or database. The payment gateway, Stipe Add-On does.
  • If the page is unsecured, the Credit Card Field will be highlighted with a red warning.  However, with a valid SSL certificate, the warning won’t be displayed.

Stripe Subscription Cancellations

  • The only way to cancel a Stripe Subscription is thru WordPress Dashboard or the Stripe admin.

Stripe Add-On Hooks: https://docs.gravityforms.com/category/stripe/

Add-On Framework Hooks: the Stripe Add-On is built using the Add-on Framework.

 

Revolution Slider Tutorials – Ken Burns

米蠍屋筆記

Revolution Slider Tutorials - Ken Burns

April 5, 2018

Muhammad Qasim – 2017.03.19

Scale: (in %) From 150 to 100, Don’t use % less than 100

2 . WP Tuts – 2016.02.17

這位老師解釋的很清楚,多看幾次!

3.   Elegant Marketplace – 2016.1.13

Import Demo – Classic Carousel Slider, delete other sliders only leave Ken Burner slide

  • Minimum 3000 px wide (upto 5000 px) and very high quality image
  • 3個觀念要懂的:
    1. Scale (%) From ___ To ___
    2. Horizontal Offset (px) From ____ To ____ (以中心點用正負px來設定起點和終點)
    3. Vertical Offset (px) From ____ To ____ (以中心點用正負px來設定起點和終點)

Shopping Mall Themes

Learning Woo Commerce

Featured Image - WooCommerce

Learning WooCommerce

1/32 Installing WooCommerce – Setup Wizard

 

3/32 General Settings-

  • Sell to Canada & U.S.
  • Geolocate
  • Enable Taxes / CAD $
 
 
 
 

5/32 Tax Settings

2/32 WooCommerce.com Subscriptions

  • Connect with WordPress.com account

4/32 Products Settings

  • Product Images: Catalog Image /  Single Product Image / Product Thumbnails
  • Astra Theme > Customize > WooCommerce > Product Images
  • Astra Theme > Main Image Width: 600 > Thumbnail Width: 300 > 1:1 or Custom Cropped
  • Tutorial: Fixing Blurry Product Image https://youtu.be/9wte-83NSnI
  • Tutorial: https://youtu.be/j9REmMPJt2U

Non Profit Donation Plugins

Featured Image - Computer

Photo by malawiheiko on Pixaby

Non Profit Donation Plugins

March 21, 2018

貨比三家真的是沒錯,原本以為網站捐款就是用WP Give這個Plugin就可以了,但是若需要將捐款像慈際那樣公開的話,需要的好像不一樣。雖然找功課很耗時,今天算是有點頭緒。

先來看看Give的功能和成本:

Pro: 

    • Keep our own data
    • PayPal or Stripe fee: 2.9% +$0.30 vs GoFundMe 3% – 5% 
    • CanadaHelps.org charges 4.0% for One Time Donations & 3.5% for Monthly Donations
    • Free Plugin – able to do Multi-Level Donations
Con:
    • Need Add-On for PDF Receipt, MailChimp, Stripe (Basic $15/month)
    • Need Add-On for Recurring Donations, Form Field Manager, Currency Switcher (Plus $25/month)
 

Elementor 2.0 is Coming Soon

Elementor 2.0 is coming soon

WPCrafter

Darrel Wilson

Blocks = Templates

Elementor 2.0 will come out in March 2018 (soon)

  • Customize 404 pages
  • WooCommerce shops
  • Advanced Custom Fields

WooCommerce theme – Flatsome

Other Elementor Tutorials

May 22, 2018

How to Add YouTube Subscribe Button in WordPress

Featured Image - Flower Bucket

How to Add YouTube Subscribe Button in Word Press

  1. Today I learned from wpbeginner’s blog – How to Add YouTube Subscribe Button in WordPress

Method 1: 

  1. Go to Google Developer’s website to the the Channel ID and the embed code.
  2. In WordPress Dashboard -> Appearance >Widgets, drag and drop a text widget to the widget area and paste the code inside the widget (under Text, not Visual)
  3. Save 
Method 2:
  1. Use the Plugin- YouTube Subscribe Bar.    This plugin is supposed to automatically display the YouTube Subscribe bar below every YouTube video on the site.  But it didn’t work on my YouTube video 

eCommerce Website Research

FI- Midnight

eCommerce Websites Research

February 12, 2018

1. WP Crafter: How to Make an Online eCommerce Store Website

1. Choose Hosting: 

  • InMotion Hosting
  • A2 Hosting
  • SiteGround Hosting

2. Setup SSL: only use https
3. PHP 7.0 will be faster
4. Create email account: G Suite?

5. WordPress: 

  • Content Management System
  • Pages/Posts/Other Types
  • Header/Footer/Menus
  • Content area / Sidebar
  • Themes and Plugins
  • WordPress Dashboard
  • WordPress General Settings
  • Permalink Settings: Choose Post Name
  • User Accounts (Plugin: username change)
  • Themes and Plugins
6. Theme: Astra
7. Plugin:
  • Astra Starter Sites
  • Really Simple SSL 
  • iTheme Security by iThemes (not activated)
  • UpdraftPlus WordPress Backup by UpdraftPlus.com, David Anderson
  • Yoast SEO by Team Yoast
  • WP Mail SMTP by WPForms
8. Appearance- Astra Sites
  • Choose DNK Template
  • Install Elementor
  • Install WooCommerce
  • Import This Site
  • Done View Site
9. Choosing a Color Palette

10. Choose a Font Pair

2. Darrel Wilson: WooCommerce Tutorial 2018

Short Version 1:44:33 Published on 2018.3.8 (Flatsome Theme & SiteGround Hosting)

Long Version 3:57:21 Published on 2018.2.23 (Flatsome Theme & SiteGround Hosting)

3. WooCommerce Product Vendors Plugin Tutorial: Multi Vendor Marketplace – Website Like Amazon

Plugin: Product Vendor – Allow multiple vendors to sell via your site and in return take a commission on sales to cover the costs of managing the site while you focus your efforts on building a community.

4. Payment Gateway

  1. Stripe – Using the Stripe Dashboard (https://youtu.be/AwklziE5HKo)
  2. WooCommerce – Setup Stripe (https://youtu.be/5rMDGdkmSGU) Free
  3. WooCommerce – PayPal Standard (https://youtu.be/FwHT5UDdkdY) Free
  4. PCI-DSS: Payment Card Industry Data Security Standard

5. eCommerce Websites I like

6. Future eCommerce Reading