先日、 クライアントWordPressのサイトで、 サイト自体は表示されるし、管理画面も表示はされるのだけども、 記事の「更新」ボタンをクリックすると500エラーとうい画面が表示されて、正常な更新がで...

上のキャプチャのような、デザイン性の高い「いいね！ボタン」を作ることができれば、WEBサイトをよりスタイリッシュに魅せることができます。 ここでは、記事のアイキャッチ画像を背景としたオリジナルデザインの「いいね！ボタン」が実現できるサンプルプログラムを紹介していきます。 Facebook埋め込み用コードを取得する ま...

WEBサイトとSNSの連動が推進される今日、自分のブログやホームページの記事下にFacebookの「いいね！ボタン」を配置したいという需要が増えています。 ここでは、記事下に「いいね！ボタン」を配置するための一番簡単な方法について紹介していきます。 【STEP1】FacebookページのURLを確認する まずは、WE...

上のキャプチャのような、トグルで質問への回答の表示・非表示を切り替えるサンプルプログラムを紹介します。 HTMLで質問と回答の内容を記述する まずは、HTMLでQ&Aを作っていきましょう。 HTML トグルに対応させる（jQuery） 先ほど作ったQ&Aにトグルを対応させましょう。トグルの基本については以下の記事を参...