技術メモ

ウェブ制作の現場で書きためたメモです。2007年から2023年まで「Magicalog」として公開していた記事を、こちらへ移しました。更新は終了しています。

2014.08.06 WordPress

WordPressでcontact form 7のメールフォームに郵便番号から住所を自動入力するjavascriptライブラリを入れる

郵便番号から住所を自動で入力できるようにしたい場合、「ajaxzip3」というJavaScriptライブラリを使用するとラクチンです。 このライブラリは、jQueryプラグインではないのでjqueryやprototype…

2014.06.26 HTML・CSS

作業効率がアップする!シンプルで見映えの良いテーブルCSS11種類

テーブルのデザインを簡単に指定できる、テーブルのCSSテンプレートを作りました。 無料配布するので、ご自由にご利用ください。 全11種類のスタイルが入っています。 色を変えるなど、お好みでカスタマイズしてお使いください。

2014.06.16 まとめ

ビジネスメールを書く際に押さえておきたいマナー

今年度入社しました新人の狩野です。 自分の勉強も兼ねて、ビジネスメールを書く際に押さえておきたい、ポイントをまとめました。

2014.05.29 Web制作

比率を計算できるWebサービス「Get Ratio」

比率を計算できるWebサービス「Get Ratio」を紹介します。 「黄金比」や「白銀比」をデザイン・レイアウトに取り入れたいとき、自分で計算するのは少し面倒。 そんな時に、自動で比率を計算してくれる便利なWebサービス…

2014.05.13 WordPress

WordPressで「Contact Form 7」と「Akismet」を組み合わせてスパム対策

WordPressでお問い合わせフォームを作る場合に定番と言っていいプラグイン「Contact Form 7」ですが、フォームである以上スパムの宿命から逃れることはできません。 そこでスパム対策プラグイン「Akismet…

2014.04.16 WordPress

WordPressでお客さんが大きいサイズの画像を投稿することに対する対処

WordPressで作成したWebサイトをお客さんに納品して、使い方を説明、お仕事終了となったとします。しかし、お客さんがマニュアル通りに動いてくれるはずもなく…。 特にスマホで記事を投稿する方。大半の方は、スマホで撮っ…

2014.04.09 WordPress

WordPressで寄稿者下書き投稿の後、管理者が承認して公開する方法

大人数でWordPressを更新していく際には、投稿された記事のチェックが必須になってくるかと思います。現時点(ver.3.8)ではそうした公開承認機能は標準搭載されていません。 しかし、さすがはWordPress。プラ…

2014.03.13 Web制作

メールアドレスをメールアドレス収集ロボットに拾われにくくする方法

サイトにメールアドレスをそのまま公開していると、大量のスパムメールや迷惑メールが届いてしまう可能性が高まります。インターネット上を巡回している「メールアドレス収集ロボット」にメールアドレスが簡単に収集されてしまうようです…

2014.02.10 雑記

各ブラウザのキャッシュクリアの方法とキャッシュさせない方法

更新したはずのサイトがお客さんのパソコンブラウザからは更新されてない…ということはよくある話です。そのたび、「キャッシュが原因ですのでキャッシュをクリアしてください。」と言ってきました。大体最近は「原因はキャッシュです。…

2014.02.07 Jimdo

Jimdoでブログにページャーをつける方法(独自レイアウト/js外部ファイルバージョン)

Jimdoにはブログ機能があり、最大100件を表示することができます。(言い換えれば100件しか表示することができません。はやいとこ改善されて欲しいですね。) しかし、そのブログ記事100件、1ページにだーーーと出てしま…

2014.02.03 雑記

メールフォームから送信された文章が、途中で一部だけ文字化けする

サイトに設置したメールフォームから送信された文章の一部だけが文字化けするという問題が発生しました。ただの文字化けならば、「どうせ文字コードでしょ?原因は」と予測できるんですが、(文章)〜(文字化け)〜(文章)のように、文…

2014.01.28 WordPress

WordPressで新着記事を「カテゴリー名表示+色分け」で表示したい(カスタム投稿バージョン)

WordPressで新着記事を「カテゴリー名表示+色分け」で表示したいという記事を投稿しましたが、カスタム投稿の場合、またちょっと記述が変わるのでカスタム投稿バージョンをご紹介します。 カスタム投稿タイプで記事を投稿して…

2014.01.27 WordPress

WordPressで新着記事を「カテゴリー名表示+色分け」で表示したい

WordPressで企業サイトを作成するときに、トップページに新着記事を表示することはよくあることかと思います。 この時に、ただ新着記事をズラ~と表示するのではなく、記事のカテゴリー名も併せて表示、さらにカテゴリーごとに…

2014.01.24 Jimdo

Jimdoのサイトマップページのブログ記事一覧を見やすくする方法

Jimdoには、サイトマップページを自動生成してくれる大変便利な機能があります。 このサイトマップページは、新たにページやブログ記事を増やすと、こちらが何も操作しなくても自動的に更新されていきます。基本、放置です。それな…

2014.01.22 Jimdo

Jimdoでナビゲーションに外部リンクと内部のアンカーリンクを設定する方法

Jimdoでは「ナビゲーションの編集」より新規ページを追加します。 この時、通常は作成したページにしかリンクを設定できませんが、ちょっとした小技で外部やページ内部の該当ポイントにリンクすることができます。

2014.01.20 Jimdo

Jimdoで画像やページのバックアップを取る方法

リアルタイムで画面を編集できるのがJimdoの利点ですが、弊害として「もとに戻す」が使えないということが挙げられます。 例えば、コンテンツに挿入した画像は削除してしまうとそれまでです。もとに戻すことはできません。作成した…

2014.01.14 WordPress

WordPressでプラグインのJSとCSSファイルを必要ページ以外で読み込まないようにする方法

今回は「Contact Form 7」と「Skitter Slideshow」の場合をご紹介します。 応用したら他のプラグインでもいけるんじゃないかなーと思います。

2014.01.07 Web制作

CSS3グラデーションボタンジェネレーター「Grad3」

CSS3のグラデーションを利用したボタンを作成する場合、手動で記述するのは少し面倒。そんな場合に便利なのがグラデーション部分のコードを生成してくれるジェネレーターです。今回紹介する「Grad3」は、グラデーション部分だけ…

2013.12.13 WordPress

【WordPressで会員制サイト】ログインフォームを設置し、権限によってリダイレクトするページを変える

WordPressで会員制サイトを作る場合、多くはプラグインのWP-Membersを使うと思います。しかし、そこまで大げさなものでもない場合、 ログインしているかどうかの判断 ログインフォームの設置 ログインした権限 で…

2013.12.06 HTML・CSS

フラットなタブを実装するjQueryコードとCSS

フラットなデザインのタブを実装するjQueryコードとCSSを紹介します。 例によって簡単にタブを作れるjQueryライブラリがありますので、めんどうな方はそちらを使用するとラクチンだと思います。 jQueryライブラリ…