Wait a moment...

外部のWordPressブログに、nemlogの投げ銭ツールを設置してみたよ!

nem0.85xem (1)
1463
1
2018-09-12 16:15:52
外部のWordPressブログに、nemlogの投げ銭ツールを設置してみたよ!

こんにちは。キツツキです。

 

nemlogが出来たということで、さっそく試してみました!

まず手始めに、私のブログ(https://kitsutsuki.tokyo/)に投げ銭機能をつけてみたので、簡単にやったことを記録してみます。

 

現在、本業がクソ忙しいため、かなりざっくりとした説明です。

(ほんとはスクショに「ここをクリック!」みたいな説明入れたかったんだけど…)

 

前提

まず前提として、nemlogへの登録と、ウォレット開設(秘密鍵等のバックアップを絶対に忘れずに!)、キーファイルのダウンロードまでが終わっている状態からスタートです。

 

その辺のやり方は、こちらから。

 

http://nemlog.nem.social/how_to_use

 

コードの取得

まずは、外部ブログに投げ銭ツールを表示するためのコード取得からです。

最初に上部メニューの「profile編集」をクリック(タップ)します。

 

すると、こんな画面↓が表示されるので、右側の「外部サイトに投げnemボタンを設置する」をクリックします。

 

 

画面が切り替わったら、少し下にスクロールすると、コード取得ができます。

ボックスタイプやボタンタイプから好きなデザインを選んで、対象のコードをコピーしましょう。

 

 

 

外部サイトへの表示

コードを取得したら、各自、自分のサイトの中で、投げ銭ツールを表示したい部分に、取得したコードを張りつけましょう。

 

私の場合はwordpressを使っているので、テンプレートファイルにコードを張りつけました。

(このあたりは、各自の環境によって違ってくるので、どこに張り付けて良いのかわからない場合は、ご利用のサービス提供元に確認してみてください。)

 

とりあえず、真ん中に寄せて、適当に上下左右にスペースをいれて、っと…。

 

 

ん…?

 

html内にcssを記載するな!?!?

 

なんの話ですかそれ?

 

起こった問題(9/14 23:48現在問題は解決しています。詳細は後ほどの追記で!)

さあ、これで表示だ!

ってなるかと思ったら、そうもいかなかった…。

 

 

不自然に表示される、白い枠…

 

いろいろ確認してみましたが、結論だけ書いてしまうと、httpsページで表示しようとすると、こうなってしまうようです。

(生意気にも、ワシの超弱小ブログはhttps化されているのです!!)

 

 

ブラウザのURL欄でhttpsからsを削って、httpで接続すると…

 

ででーん!!無事表示されました!

 

 

おそらく、次のリンクのうち、上からアクセスると表示されて、下からアクセスると表示できないと思います。一応、等ブログへの接続はhttpsが推奨ですが、別にhttpでも構わないよ!って人はアクセスしてみてください。

 

「http」接続

http://kitsutsuki.tokyo/proximax-ikanishitejitsugen/

 

「https」接続

https://kitsutsuki.tokyo/proximax-ikanishitejitsugen/

 

このあたりは、nemlogさん側のhttps対応待ちなんですかね?

もし、今からでも対応できる方法がわかる方が居たら教えてください!

 

nemlogさん側の対応待ちの場合は、対応後にまた試してみますね!

→ とてつもない超スピードで、nemlogさんがhttps対応してくれました!上のhttpsのリンクから飛んでも投げ銭ボックスが表示されるので確認してみてください。(9/14夜追記)

 

というわけで、超絶手抜き記事ですが、テスト投稿兼ねて投稿してみます!

 

追記(9/14昼ごろ追記)

暫定対処策として、このようなツイートを頂きましたので追記させて頂きます!ps://twitter.com/PRADiA_jp/status/1039794578407141376https://twitter.com/PRADiA_jp/status/1039794578407141376https://twitterm/PRADiA_jp/status/1039794578407141376


なお、公式にhttps対応を勧めてくださっているので、運営さんのプレッシャーにならない程度に楽しみに待ちましょう!

 

 

さらに追記ですが、教えてもらった方法でhttpsページに投げ銭ツールは表示されますが、残高が正しく表示されない(0で表示される)ので、httpsページでの表示は正式対応まで見送ろうと思います。

 

正しい表示(http接続)

 

正しくない表示(https接続)

 

 

 

 

前後の記事
Comment
この記事を書いた人
よろしくお願いします!(o?o)ノ♪?