情報アイランドNode.js情報アイランド「情報を制する者は世界を制す」をモットーに様々な情報を提供することを目指すブログです。現在はプログラミング関連情報が多めですが、投資関連情報も取り扱っていきたいです。ボタン設置方法Push7とはPush7Push7は、Webから直接ユーザの端末へお知らせを送れるWebプッシュ通知サービスです。面倒なSSL証明書の取得や専用システムの組み込みは不要。簡単にサイトからのお知らせをリアルタイムでユーザに届けることが可能です。登録方法https://push7.jp/にアクセスします。「新規登録」をクリックします。「メールアドレス」を入力します。「仮登録」をクリックします。メールのリンクをクリックします。「メールアドレス」、「パスワード」、「パスワード(確認)」を入力します。「始める」をクリックします。「アプリケーション登録」の「サイト名」、「サイトURL」を入力します。「ファイルを選択」をクリックし、「サイトアイコン」を選択し、「開く」をクリックします。「サイトアイコン」の範囲を指定します。「アプリケーションURL」を入力します。「登録」をクリックします。後で使うので「アプリケーションURL」を控えておきます。「アプリケーション設定」をクリックします。「自動プッシュ設定」をクリックします。「RSS」をクリックします。「サイトのRSSリンク」を入力します。「保存」をクリックします。これで登録は終わりです。ボタン設置方法サイドバーに設置する方法です。ボタンの画像を用意してください。ブログの管理画面に移動します。「外観」→「テーマの編集」をクリックします。「テンプレート」の「サイドバー」をクリックします。sidebar.phpの適切な場所に下のようなコードを挿入します。</a></div>imgタグのsrc属性には画像のURLを指定し、aタグのhref属性には上で控えた「アプリケーションURL」を指定します。「ファイルを更新」をクリックします。スタイルを設定したい場合には「スタイルシート」をクリックします。style.cssにコードを挿入します。4px;}「ファイルを更新」をクリックします。これでブログのサイドバーにボタンが設置されます。このボタンをクリックすると、下のような画面に移動します。この時に対応しているブラウザを使用している場合にはメッセージが表示されるはずなので「許可」のようなボタンをクリックするとブログからのプッシュ通知を受け取るようになります。通知を受け取った場合、Firefoxの場合は下のようなボックスが画面の右下に表示されます。このブログをフォローしたい方は下のボタンからどうぞ!pizyumiプログラミング歴19年のベテランプログラマー。業務システム全般何でも作れます。現在はWeb系の技術を勉強中。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。関連記事Stringerは完成度が高い!~ブログ運営記録2016年5月1~ブログのテーマを「Stringer7」に変更しました。話題のPush7!ボタンをWordPressブログに設置しよう!~ブログ運営記録2016年5月2~「情報を制する者は世界を制す」をモットーに様々な情報を提供することを目指すブログです。現在はプログラミング関連情報が多めですが、投資関連情報も取り扱っていきたいです。