ボタン表示を含めないデザイン日々独学さんのわかりやすい解説とコードで順調に進みつつありますが、自分の環境と大きく異なるところがあります。自分のサイトでは、スクリプトのコードと、それを表示するコードを分けているのです。表示するコードを独立させて管理していますから、この場ではスクリプトだけを対象にしたいところです。'ここにボタン表示の指令'+'ここにスクリプト';簡単に書くとこういう仕組みらしいですから、前半のボタン表示のところを+記号もろとも消し去ります。そもそもは’1行のスクリプト’であるべきところをわざわざ分割して+で繋げているだけでありましょうから、表示部分を消しても問題ないと思われます。ボタンを表示するための場所はdivでくくったものがすでに用意されています。ことのついでに、そのdivに「id=snsbox」と名付けました。お手本に合わせていきます。後から読み込むコードにもともとあるボタン表示がちゃんとついて、動作の確認を取ることができました。Facebookのコード次はFacebookです。うちのコードとぜんぜん違います。それは、iframeとhtml5の違いです。お手本のはiframeによるコードで、うちで使っているのはhtml5によるコードです。facebookのサイトから取得するコード、今ではiframeが没にされてhtml5のコードしか発行してくれていません。そこで、コードをまるごと差し替えます。デザイン日々独学さんのサイトではこうなっています。allowTransparency="true"></iframe></div>';iframe用のこのコード部分を、html5のコードにそっくり置き換えます。facebookのサイトで発行されるhtml5用のコードはこんなのですね。]]></script>これをお手本を見ながら当てはめます。IDのところの数字はちゃんと自分のIDにします。何度か失敗しつつ、このように落ち着きました。"facebook-jssdk"));<\/script>';これはいったい何をしているのかというと、発行されたコードを以下のように変更して放り込んだだけです。改行を消して1行に繋げます。シングルクォーテーションがある箇所があります。これをダブルクォーテーションに変えます。最後の</script>を<\/script>に変えます。「1行に繋げなければならない」ところで嵌まってしばらく停滞しました。何度も失敗しながらでしたが、できてしまえばなんてことありません。何度も失敗したのは、何をどう頑張ってもエラーになるからでした。正解のコードが書けてもエラーが出続け、それで嵌まってしまったんです。エラーの原因はコード自体ではなく、jQueryにありました。デザイン日々独学さんのお手本の最初のほうに注目です。src="js/libs/jquery-1.7.2.min.js"></script>')</script>これの意味がわかりませんでした。最初は「.」に意味などないだろうと思って消したんですが、そうするとエラーが出るので、この点が大事な点なのか、と変に納得していたんですがそうではなく、問題はjQueryを読み込んでいるところにありました。WordPressにはjQueryが内蔵されています。ヘッダで呼び出しも済んでいるはずなんです。ここでふたたびjQueryを読み込んでしまうとダブってしまうので駄目なんですね。Wordpressで使っているプラグインもjQueryを使っていて、そいつとの相性問題も出ました。ここで停滞して、あれやこれやと検索して読みあさりますと、答えがわかりました。WordPressのjQueryは特別仕様なので、「$」を使ってはならないということだったんですね。