ブログカスタマイズ

javascriptを使っていると、「$(window)」と「$(document」というコードがよく出てくるのですが、今回はこれらのコードの違いについて紹介します。...

cssでアニメーションを行うことによって、要素をゆっくり移動させたり色を変えたりすることができるようになります。 使用するコードは「animation-delay」 cssのアニメーションは遅らせて...

先日、ブログのSEO強化について調べていたところ、グローバルナビゲーションに配置するボタンをドロップダウン型にしない方が良いという情報を見ました。 どうやら、場合によってはドロップダウン系はSEO的...

今回はhtmlを使って配置したボタンをcssで動くようにカスタマイズしてみました。 そこで「マウスカーソル」がボタンの上に乗ったらというような処理の方法を紹介します。...

javascriptで動きを付ける際に「jQuery」という機能を使う事によって、より理想的な動きができるようになります。 ですが、jQueryをコードから使うためには準備が必要になりますので、今回...

先日は、同じ要素を順番にアニメーションする方法を紹介しました。 ですが、アニメーションのような動作をさせる場合、必ずしも同じ要素で実行させるとは限りませんよね。 そこで今回は別の要素でアニメーション...

前回、アニメーションが完了した後に処理を呼び出す方法を紹介しました。 前回の記事では「complete」を使ったのですが、連想配列を使うことでアニメーションを順番に実行させることもできるので紹介しま...

先日紹介したjQueryを使ったアニメーションですが、場合によってはアニメーションが終了してから次の処理を開始したいというようなときがありますよね。 そのようなときはanimateの「complet...

jQueryを使ってアニメーションを再生するときは、$(‘ ’).animate({})を使用しますよね。 animateのdurationというコードを指定してあげることでアニメーションが完了するま...

このブログでも前に紹介した「WordPress PopularPosts」ですが、私のブログで使用したところデフォルトの状態では、サムネイルとタイトルの表示位置がずれてしまっていました。 そこで、今...

はてなブログで書いた記事を見ると、記事内のリンクにサムネイルやタイトルが綺麗にまとめられていて、見やすいリンクになっていると思います。 今回はそのようなブログカードを、WordPressでも挿入できる...

先日、新しくアプリをリリースしたので、ブログのアプリ紹介項目をカスタマイズしました。 そこで今回はスライダーを使って、スペースをとらずに画像を複数表示できるようにするWordPressプラグイン「Sm...

先日、SearchConsoleの「ブロックされたリソース」項目を確認していたところ、190件以上のブロックされたリソースが表示されていました。 Googleがサイトを読み込めないときに発生するらし...

先日、WordPress内のSNSボタンをカスタマイズしている時に、TwitterやFacebookみたいな「いいねボタン」を設置したいと思ってプラグインを探していました。 今回紹介するプラグインは...