Pressで簡単にクールなコメント欄を設置する方法。Pressで簡単にクールなコメント欄を設置する方法。Pressでテーマを弄っていて面倒な作業の一つがコメント欄の設置。ボタンからコメントに対する返信のデザイン、更にサニタイズまでやるのは非常に時間もかかる。始めたばかりのウェブサイトでは時間をかけて作ったコメント欄に書き込まれるコメントの殆どがスパム。Pressデフォルトのコメント機能は言っちゃ悪いが良い事なし。いう場合の対処方法をいくつか紹介します。Facebookソーシャルプラグインを使うFacebookのソーシャルプラグインを使えば炎上やスパムが起き難いコメント欄を設置することが出来る。こんな感じのやつです。現在ネットをやっている人の多くがFacebookアカウントを持っているしブログに積極的にコメントを残してくれるユーザーならなお更。Facebookのディベロッパー(開発者)用ページに登録。開発者」とググればすぐに見つかる。タイムラインが伸びてフッターが見えませんなんてアホな人は居ないとおもいますけれど念のため言っておくと「設定」等のタイムラインの無いページに飛べばフッターは簡単に見えます。Developerへ。Codeでコードを取得します。固定ページに設置したい場合にはそのURLを入力すればOKですが、今回はブログのコメント欄の代わりとして使用したいのでURLは後に編集します。コードが2種類表示されますが、1つ目は表示する為のJavascriptなので表示したいページで表示される領域のBody内でしたら何処に貼り付けてもOK2つ目をコメント欄を設置したい場所に貼り付けます。2つ目のコードの中身をphpを使って編集して、現在ページのURLを取得します。既存のコメント欄がある場合には削除or無効化します。Pluginを使用したコメント欄は完成です。同じような要領でシェアボタンやいいね!ボタンも設置できるので必要な方はやってみましょう。その際コード取得の際のJavascriptの読み込みは1度で大丈夫です。Zenbackを使用するFacebookのコメント欄の設置の仕方を紹介した直後に書くのも難ですが、Zenbackという無料サービスを使用すると各種ソーシャルボタンの他、Facebookコメント欄もコード1つで簡単に設置が出来ます。月間数十万PVのブロガーさん達でも使っている方は沢山いて簡単ソーシャルボタン設置サービスに関して言えばNinjaツールズかこれ。設置方法はZenbackのHPで簡単な登録を済ませてコードを取得、設置したいところに貼り付ければ完了です。当ブログでも使用していますし、他のWebクリエイターの方のブログを拝見しても使っている方は多い。Bizというサービスもあるのでお金払ってでも広告を消したい方はこちらをオススメします。世の中には個人情報を晒してまでコメントを残したくないという方も沢山います。ブログのターゲット層がFacebookのアカウントをあまり持っていない場合もあります。いった場合にはこのFacebookコメントはオススメできません。Disqusを使うしかし世の中にはまだまだ便利なものが沢山あってセキュアかつ匿名性もある上にSNSのような機能を持つコメントサービスが存在します。いうかこれが書きたくて記事を書きました。中央集権型のコメント機能を提供するオンラインサービスDisqus。スクロールするまで読み込みも始まらないのでページ読み込み速度も気になりません。Pressとの親和性もありWPプラグインをインストールするだけで使用できます。Web等の大手ITニュースサイトも使用している。Japanが使用しており信頼性も抜群。使い方は以下の通り1.Disqusでユーザー登録します。System」をインストール&有効化3.先ほど登録したユーザーネームとパスワードを入力すれば完了。comments_template();の部分を読み込んでいるのでデフォルトのコメント欄を削除している場合は以下のコードを設置したい場所に貼り付けてください。?>するとこのようなコメント欄が簡単に設置できます。ユーザー登録している方がコメントした場合、そのユーザーの過去のコメント一覧(別のHPで残したコメントも含む。)やプロフィールが閲覧可能。SNSのような信頼性もありセキュアなやり取りが可能になります。BLOGOSのコメントサービスの部分だけ切り取ったような感じでしょうか。一方で匿名での書き込みも可能なため、個人情報に敏感な人でも安心して使用できます。当ブログではZenbackのFacebookコメント欄とDisqusのコメント欄の両方を設けてあります。まとめやりたいようにやればいい。結局かなり細かい部分までカスタマイズして凄いカッコイイコメント欄を自力で作れる人は尊敬に値するけれど時間の節約も大事。ひとこと日本メダルスノーボード銀銅メダル獲得おめでとう!ナショナルチームのメンタルコーチをしている知人がいて、国際放送にバッチリ写ってた。してセッションを受けた際に最初は正直胡散臭いと思っていたけれど思った以上に凄かった。メンタルのコーチングは知ってる人は知っているという感じでジワジワきてはいるけど、これからもっとくると思う。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。Experienceが立ち上がる件。素人でもすぐに分かる!アイスホッケールールまとめ。47ビューRBGからRGBA(白背景)に変換する方法。28ビューjQuery(JavaScript)でスクロールに合わせて少しずつ背景画像を動かす方法。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。