• トップページ
• blog
• WordPress
• WordPressにnoteで書くボタンを実装してみた

WordPressにnoteで書くボタンを実装してみた

2019/05/22attrip

こういうのはとりあえず実装したくなるよね！

これがきっかけでコミュニケーションが活発になるといいなー。

noteで書くボタンをWordPressに実装

WordPressでこの記事を書いているけど・・社内でnote流行っているのでぼくもnote書きたいなーとおもってるよ。

これを見てやりたいなーとおもったので実装したよ。

 <a href="https://note.mu/intent/social_button" class="note-social-button" data-url="<?php the_permalink(); ?>"></a>
<script async src="https://cdn.st-note.com/js/social_button.min.js"></script>

ぼくは、ｐタグで囲ってPC側だけ大きさを調整したよ。

こんな感じで。

大きくするのは、囲っているPタグにこのCSSを当てればOK

noteで書くボタンをでかくするCSS

noteでかく！！！

noteというクラスをつけた場合。

p.note {
    text-align: center;
    transform: scale(2.4);
    -webkit-transform: scale(2.4);
    -moz-transform: scale(2.4);
}

ここら辺は将来的にnote側で大きさ選べるといいかなー。

前の記事

Instant Images – One Click Unsplash Uploads – WordPress プラグインがあれば画像入れるのが楽

次の記事

今村さんがおすすめしていたAdvanced Gutenberg　WordPressプラグインを後で入れて試す。

「WordPress」をもっと詳しく

• 

  WordPressのパターンディレクトリからコピペでかんたんにデザインができる機能が便利

• 

  OnePress Image Elevator、 WordPressに直接ペーストで貼り付けるプラグイン

• 

  WordPressの管理画面でGA、タグマネ、サーチコンソール、アドセンスなどを見られるようにするSite Kit by Google – WordPress plugin

• 

  Instant Images – One Click Unsplash Uploads – WordPress プラグインがあれば画像入れるのが楽

• 

  WordPressにnoteで書くボタンを実装してみた

WordPress

についてもっと見る

コメント大歓迎