WordPressでタイトルや本文テキスト、抜粋テキストといった文字列を全て表示するのではなく、指定した文字数文だけ表示したい時があります。 ここでは、文字数制限したテキストを抜粋して表示する方法について見ていきます。 指定した文字数のテキストを抜き出す「mb_substr」関数 PHPには、ある文字列の中から開始...

single.phpやpage.phpといった投稿を取得するPHPテンプレートで使われるのが「have_posts()」関数です。 「have_post()」でループを発生させ、現在の投稿である「the_post()」が来た時にループ内の処理を実行することによって、現在の記事情報を表示させることができます。 get_...

WordPressは複雑なプログラムが相互に働きあって１つのサイトを形成しています。 そのため、トラブルが起きた時には色々なデータの取得が必要になったり、専門技術を持った人への依頼が必要になり、どうしても運用コストが上がりがちになってしまいます。 ここでは、普段からトラブル時に向けた備えを行うことで、いざという時の運...

WordPressサイトを自由にカスタマイズする際、WordPressの重要な構造に触れる部分を間違えると画面が真っ白になったり、エラーが表示されてログインできなくなったりします。 ちょうど、このような感じの画面ですね。 慣れている方なら、冷静にエラーの内容を読んだりもできるのですが、多くの方は「えっ！なんか変な...

サイトを運営する上で、常に不測の事態に備えておくことが重要です。 備えとしてのサイト運用保守の内容は様々ですが、その中でも「バックアップ」は全てのサイトに共通して必須となる保守内容です。 サイトカスタマイズに失敗してサイトが壊れた時、何らかの理由でサーバーデータが消えてしまった時、不正アクセスでデータが書き換えられて...

WordPressでインデックスページ、アーカーブページといった記事一覧を表示する際、ページャーが必要になります。 その際、プラグインを使って実現する方法と実際にPHPでページャーを自作する方法があります。 しかし、プラグインは、たくさん使うと競合の危険性があり、不要なファイル読み出し等による負荷増大のリスクがありま...

WEB改善を行う際、「」を知るためには、スクロール量を測定することが有効です。 今回はjQueryスクロール量取得用プラグイン導入済みサイトを対象に、Googleアナリティクスからページのスクロール量を確認する方法を紹介します。 jQueryスクロール量取得用プラグインの導入方法は、以下のページを参考にしてください...

WEB制作を行っていて、javascriptやjQueryのスクリプトの途中で処理が止まってしまった時は、どの部分で処理が止まってしまったのかを確かめる必要があります。 そんな時は、アラートをブレークポイントの代わりとして使ったデバッグ方法を使うことをお勧めします。 ここでは、アラートの表示方法と、デバッグの基本的...

例えば、マウスオーバー・アウトで自分以外の要素のスタイルを変えたい時、１つの要素にマウスオーバー・アウトした時に複数の要素のスタイルを変えたい時など、cssのhoverクラスではカバーできないスタイルのカスタマイズを可能にするためには、jQueryでスクリプトを組むことで実現可能です。 ここでは、jQueryでマウス...

マウスホバー時に画像を拡大・縮小するエフェクトはCSSのみで実現可能です。 以下に画像を拡大・縮小する時のサンプルを紹介します。 拡大エフェクトをかける HTML CSS ブロックの中で拡大エフェクトかける HTML CSS 縮小エフェクトかける HTML CSS ブロックの中で縮小エフェクトか...