投稿ページや固定ページにSNSシェアボタンを追加する場合、下記のようなプラグインを使用すれば比較的簡単に追加できます。AddToAnyShareaholicAddThisしかし、位置やボタンのデザインなど、用意された設定だけで満足できなかったり、もしくは何でもかんでもプラグインに頼りたくないという場合は、自作で追加することが可能です。今回は、実際にこのブログで使用している下記のSNSシェアボタンの追加方法とそのコードを紹介します。参考サイトSNSシェアボタン用ソースコード好きな場所にSNSボタンを呼び出せるように、個別のファイルを作成してテーマフォルダに配置します。Cache」というプラグインを利用して取得した数字を読み込む部分ですので、カウントが不要な場合は削除してください。結局ここでプラグイン使うのかYO!って感じですが、カウントの部分はある意味仕方ないのです・・・。そもそもカウント自体なくても良い気がするので、僕は将来的には外すことも考えています。SNSボタンを表示させたい場所に下記のコード追加します。?>そして、SNSボタンのデザインとして、下記のコードをCSSファイルに追記します。バージョンによってアイコンの指定が少し異なりますのでご注意を。ダウンロード版が用意されています。</head>内に追加すれば即使用できます。URLを取得してください。内に記述する場合は下記など。今回のサンプルでは一番右に配置した、ボタンをクリックするとページのURLがクリップボードどにコピーされる機能が動作するようにします。この機能を動作させるため、今回は「clipboard.js」というスクリプトを利用します。これは、jQueryなどのフレームワークなしで単体で動作する、コピーの機能だけを提供する3kbの軽いスクリプトです。標準で組み込まれているため、function.phpに下記を追加するだけで使用できます。下記/js/に置いた場合のサンプル。内に記述する場合は下記など。下記のようなコードを追加して、インスタンスを生成します。Cache」というプラグインを使用します。具体的なセットアップ方法は、詳細記事が多数ありますのでそれらを参照ください。本記事下にもリンクを貼っておきます。内の下記の部分がカウント数の取得、表示を実現してくれます。場合は非表示で、“1”以上から表示するようにしています。?></span>もしうまく動かない、間違いなどあれば是非コメントで教えてください。最新記事hidepooh日本では主にUNIXサーバーの構築、運用などに携わり、2006年に仕事を辞めてカナダに来てそのまま永住。モーショングラフィックなど、新しい分野のスキルアップに励んでいます。僕が過去の経験の中で学んだことを、特定の分野に限定せず公開していくことを目的としています。これが意味不明か・・・。me]を見てください。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。サイトのデモサイト作成、ディレクトリ移動など、WordPressを丸ごと複製したい場合が稀にあります。大きなアップデートを行う前に、サイトの最新の状態を丸ごと複製し、そこで試してから本番に反映するなど。僕もこのサイトではありませんが、失敗できない他のサイトで動作確認をするときなどに、今回紹介する方法を使ってデモサイトを作成して試しています。JSファイルを更新しても、ブラウザのキャッシュが読み込まれてしまい、更新後の新しい状態が確認できないということがあります。スーパーリロードすれば済むことですが、そうでない場合、閲覧者のブラウザ環境によっては古い状態が表示され続けてしまうなんてこともあり得ます。コレ、顧客先のWebサイトの更新で、担当者がPC初心者担当者だったりすると結構大変・・。テーマ「NUMERO」の紹介記事を書きましたが、構築していく上でネット上にカスタマイズの情報が少なかったので、ここでは僕がカスタマイズした内容をメモ代わりに紹介していきます。BC州がスモールビジネス復旧のためにバラまいた援助金。受け取ったからにはプラン通りに使わないとならず、その一環として新規のWebサイトの制作が必要となったため、初の試みでもある日本のWordPress有料テーマを購入してみました。今回の目的は、バンクーバーの日系企業向けに写真や動画制作に関するサービスを提供する写真/ビデオプロダクションスタジオのWebサイト制作。WordPressをインストールしたい、などの場合はマニュアルでインストールする必要があります。その場合、WordPress公式サイトから圧縮ファイルを一度PCにダウンロードし、それをレンタルサーバーにアップロードしインストールするというのが一般的な方法です。