Skip to content

Instantly share code, notes, and snippets.

@norilog4

norilog4/shiny-button.html

Created March 9, 2020 08:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save norilog4/4bdad022c78c4d9a6c02981ba46ecc07 to your computer and use it in GitHub Desktop.
Save norilog4/4bdad022c78c4d9a6c02981ba46ecc07 to your computer and use it in GitHub Desktop.
Download ZIP
光るボタンのソースコード
Raw
shiny-button.html
赤色のボタン
[redshiny]<a href="●" target="_blank" rel="noopener noreferrer"><i class="fas fa-download"></i> ヘッダー画像テンプレートダウンロード</a>[/redshiny]
黄色のボタン
[yellowshiny]<a href="●" target="_blank" rel="noopener noreferrer"><i class="fas fa-cart-arrow-down"></i> 商品をカートへ追加</a>[/yellowshiny]
青色のボタン
[blueshiny]<a href="●" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook-messenger"></i> メッセンジャーでメッセージを送る</a>[/blueshiny]
緑色のボタン
[greenshiny]<a href="●" target="_blank" rel="noopener noreferrer"><i class="fas fa-tree"></i> 植樹を行う（緑の募金サイト）</a>[/greenshiny]
@norilog4
Copy link
Author

norilog4 commented Mar 9, 2020

⬇️このコードの使い方を紹介しているブログ記事はこちら
https://noripon.blog/2020/03/09/how-to-make-wordpress-shortcode-css-shiny-button/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment