元・地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

【眼から鱗】ブラウザのキャッシュはHTMLで制御できた

過去にはサイトデザインをプリントアウトしてお客様のところへもって行き、デザイン案をみてもらっていた時代もあったがさすがに今はそんなことはやらない。
仮サーバーを用意してそちらにデザインデータをアップ。直接、Web上で見てもらうのが主流。
まあ、どうしてもプリントアウトで見たいというお客様もいるにはいるのだが。。

で、Web上で見てもらうにしてもいろいろと問題点はあって、特に度々問合せが来るのが「更新されていないよ」という問合せ。
実はこれはキャッシュが悪さをしていることが殆ど。
キャッシュとは一度ダウンロードしたWebのデータ(画像、CSS等)を保管しておくスペース及びそのデータ。
同じサイトに再訪問した際、わざわざその度にインターネットからデータをダウンロードせず、一度ローカルに保存したデータを表示するというのが一般的なブラウザの仕様となっている。
そのために、たとえば画像の一部を修正したり、外部CSSの一部を修正したりした際に、更新されていないデータが表示されてしまうことがあるのだ。
で、そんなときはリロード(再読み込み)してくださいとお願いするのだがこれがちょくちょくあるのが悩みの種。

仮に、何とかしようと思っても、これはブラウザ側で設定する以外回避する方法はないのではないかと思っていた。
が、なんと、HTMLやCGI上でこれを回避するための記述があったらしい。

>> 続きを読む

WordPress3.4にアップデートしたらカスタムフィールドで入力した項目が表示されなくなった

つい先日、WordPress(ワードプレス)がアップデートして「3.3.2」から「3.4」になりました。
基本、何も考えずにさっさとアップデートしてしまう僕ですが、今回ばかりはちょっと困ってしまいました。
この、二桁目(小数点第一位?)が変わるアップデートは安易に行ってはいけないかもしれませんね。

>> 続きを読む

カスタムフィールドとカスタム投稿で記事投稿フォームを使いやすく 3 - テンプレート編集の巻 【ワードプレス】 #wp


さて、入力側のインターフェースが整ったところで、今度は出力側の設定をしておきましょう。
カスタム投稿(カスタムポスト)を使って投稿された記事はなにも設定しないと「single.php」(ブログ記事一つのテンプレート)にのっとって表示されます。
これを、専用のテンプレートで表示させるためには、今回作ったカスタム投稿タイプが「shops」なので、「single-shops.php」というテンプレートを用意する必要があります。
つまり「single-カスタム投稿タイプ名(英字).php」というテンプレートを用意すればいいのです。
そしてそこに、カスタムフィールドの要素も付け加えてレイアウトしてあげます。

>> 続きを読む

ブラウザでオンラインゲーム。HTML5+JavaScriptで書かれたRPG

ついにブラウザでRPG(ロールプレイングゲーム)ができる時代になってしまいました。
しかも、オンラインでみんなと楽しめるMMOPRGです。

□ Mozilla、HTML5+JSで書かれたMMO RPG " BrowserQuest " を公開 - Engadget Japanese
■ BrowserQuest

>> 続きを読む

WordPress(ワードプレス)でトップページ以外にブログトップを設置する方法【完全版】 #wp

つぶくまブログの「←古い投稿」リンクが正常に動かなかったので修正することにした。
ちなみにつぶくまブログとはWordPress(ワードプレス)で作られているつぶくまにおけるブログトップページになる。
通常、ワードプレスではトップページがブログトップになるのだがつぶくまの場合トップページは別に用意(現状はindex.phpを編集して直接表示)しているため、別のページに飛んでからブログトップページを表示させるようにしていた。
こちらの方法は以下の記事を参考に。
□ ワードプレス(WordPress)、トップページとは別の場所で記事一覧を表示させる方法 #wp - ちほちゅう
ただし、この方法だけでは2ページ目、3ページ目に流れていった古い記事のページが表示されず、
2ページ目、3ページ目を見ても、1ページ目と全く同じインデックスしか表示されない。

>> 続きを読む

WordPress(ワードプレス)のヘッドライン表示は「query_posts」じゃなくて「get_posts」 #wp

プログラムのプロではないのですがときたまプログラムのようなものは書くことがあって、
今回、「つぶくま」にヘッドライン表示を設置した時に気付いたポイントを紹介しておきます。

>> 続きを読む

WordPressのケータイサイトをカスタマイズ【Ktai Style】 #wp

随分前にWordPress(ワードプレス)ベースの「つぶくま」のケータイサイトをプラグインの「Ktai Style」を使ってサッと作ったのですがいけません。
「つぶくま」はツイッターのリストが重要となってくるのですが実はリストがケータイに対応してなかったんですよねぇ。
で、あらためて今度は「プロット・ファクトリー」のケータイサイトを「Ktai Style」を使って作ったのでその報告と「Ktai Style」を使った時のカスタマイズのポイントを解説します。

WordPress | 日本語
□ WordPress Plugins/JSeries ≫ Ktai Style (携帯対応プラグイン)

>> 続きを読む

ボタンがなくてもツイートできるブックマークレット【ツイッター】

以前、Facebookで「いいね!」ができるブックマークレットを紹介しましたが、ツイッターで「ツイート」のできるブックマークレットもありました。
しかも公式サイトにて配布してましたね。

ちなみにブックマークレットとはJavascript等で書かれたブックマークのことで、選ぶことで今開いているページに対して何らかのアクションを行なってくれる機能です。

□ Share Bookmarklet | Twitter Developers

>> 続きを読む

WordPress(ワードプレス)でテンプレートにテンプレートを読み込む方法(インクルードタグ) #wp

WordPress(ワードプレス)でテーマ内テンプレートを編集する際に便利なのがインクルードタグ。
WordPressには予めいくつかのインクルードタグが用意されていて、これを使うとヘッダやフッダ、サイドメニュー等をテンプレートとして使い回しすることができます。

□ インクルードタグ - WordPress Codex 日本語版 

>> 続きを読む

ワードプレス(WordPress)の記事に簡単に地図や動画を貼り付ける「ショートコード」 #wp

ショートコードって知ってますか?
実は、部下に聞いて初めて知ったのですが、これ便利ですよねぇ。

□ ショートコード API - WordPress Codex 日本語版

簡単に説明すると、YouTubeやGoogleMap等をブログの記事に張り込む時にスクリプトを使いますよね。
これを、簡単な表記にしてしまうのがショートコードです。
>> 続きを読む

WordPress(ワードプレス)を会員制のサイトにする方法2 #wp

先日、紹介した方法では、
  1. 部分的にオープンに出来ない。(全体がクローズドになってしまう。)
  2. 会員登録時に管理者側で検閲することができない。
等の問題がありました。
これを解決する会員制サイト(ブログ)の作り方です。

用意するもの(プラグイン)。
  • Theme My Login
    会員登録に管理者の承認を必要にすることができるプラグイン。
□ WordPress | 日本語
当ブログワードプレス関連の記事
>> 続きを読む

WordPress(ワードプレス)を会員制のサイトにする方法1 #wp

ここではサイト全体を会員制にしてしまう方法を解説します。
サイトの一部を会員制にする方法は別記事にて(要プログラミング)。

用意するもの(プラグイン)。
□ WordPress | 日本語
当ブログワードプレス関連の記事
>> 続きを読む

「いいね」ボタンがなくても「いいね」ができるブックマークレット【Facebook】

Facebook(フェイスブック)がいよいよ盛り上がり始めています。
当ブログへの集客もFacebook経由のものが増えてきました

ところで、Facebookのいいところ数あれど、やはり一番の発明は「いいね」だと思うわけです。
今でこそ、mixiやGREEなども取り入れていますが、Facebookの場合はその波及力が違います。
ただ、残念なことにこれはいい!という情報やサイトを見かけても「いいね」ボタンがなくて「いいね」ができないこともあるんですよね。
今回紹介するのは「いいね」ボタンの設置されていないサイトでも「いいね」ができてしまうブックマークレットです。

□ Facebookの「いいね」ボタンがなくても、勝手に「いいね」するブックマークレット - DISってHONEY♪

なるほど〜♪いいね〜!
>> 続きを読む

jcode.plで半角カタカナを全角カタカナにしてフォーム送信させる

ひょんなことからお客様よりツッコミが入った。
やはり、ケータイユーザーなのだろう。
送信フォームで半角カタカナが使えないという。

さっそく半角カタカナで送信してみる。
ハンカクカタカナノテスト01
>> 続きを読む

ワードプレス(WordPress)で「続きを読む」を実装する方法 #wp

ワードプレス(WordPress)にはもともと「続きを読む」ボタンを付ける機能があります。
ところが、「つぶくまブログ」ではトップページではないところにブログのトップページに当たる最新記事一覧を置いてしまった関係か、その機能が動いてくれません。
ちなみに、記事途中に「Moreタグ」を入れればそこに「続きを読む」が入るという非常に簡単で便利な機能です。
>> 続きを読む




最新コメント