WEB制作資料

WordPressの埋め込みYoutubeが、Lightboxと重なる不具合を修正

2012-01-04T16:53:00.000+09:00

WordPressには、YoutubeのURLを貼付けるだけで、自動的に埋め込みが可能ですが、Lightboxを同時に使用すると、Chromeなどのブラウザで、ポップアップ画像が、Youtubeの下に重なるという不具合があります。それを修正する方法を考えてみました。というか探しました。 <script type="text/javascript"> jQuery(function($){ $('iframe').each(function(){ $(this).attr('src',$(this).attr('src')+'&wmode=transparent'); }); }); </script> 結果的に、上記のコードをheader.phpに挿入しました。これは、iframeタグすべてに &wmode=transparent を追加せよというjQueryです。

is_mobile 条件分岐タグの作成

2011-11-30T08:52:00.001+09:00

WordPress の条件分岐タグ (Conditional Tag) は、特定の条件によって表示させる内容を決める事ができて、カスタマイズには欠かせないものですが、あったら良いのにと思うものがあります。たとえば、モバイルを判別できるような、is_mobile とか。USER-AGENTで判別するなら意外と簡単に実装できそうです。テーマの function.php に以下を追加するだけです。 /*is_mobile*/ function is_mobile () { $useragents = array( 'iPad', 'iPhone', 'iPod', 'Android', ); $pattern = '/'.implode('|', $useragents).'/i';

WordPressをSSLに対応する

2011-03-18T10:47:00.004+09:00

（通常はこんな感じ）（送信フォームなどを設置したSSLが有効なページ）（ログイン画面でもSSL）（管理画面はすべてSSL）最近のWordPressには、標準で管理画面をSSLで管理するAdministration Over SSLという機能があるようです。（2.6以降はすべてに実装されていたみたいで、知りませんでした。）やり方は、 define('FORCE_SSL_ADMIN', true); という記述を、wp-config.php に書き込んで、管理画面の一般設定にある「WordPress のアドレス (URL)」をhttps://に変更すればOKです。しかし、このままだと強制的なhttp://とhttps://の切り替えがないため、相対パスで遷移した場合、全部https://で遷移されてしまいますので、上記の例では「

facebookページのお知らせ

2011-03-01T10:40:00.000+09:00

最近は新しく個人facebookページを、ブログのように更新しています。よければそちらもご覧ください。 http://www.facebook.com/pages/今井剛/152089194847739

CORESERVERで送信フォームから、Google Apps グループ宛のメールが送信できない

2010-04-28T20:40:00.000+09:00

Google Apps のグループで作成したメールアドレスに、送信フォームからメールが送れないというトラブル事例がありました。たとえば、info@ やsupport@ などの代表メールアドレスなどは、Google Apps ならグループで作成していろんな個々のメールアドレスを登録するというが一般的だと思います。そして、そんな代表メールアドレスは、送信フォームの宛先に設定されることでしょう。 XREA系、CORESERVER は、Google Apps が低価格で便利に使える貴重なサーバーですが、そんな CORESERVER で上記のケースを利用している際、送信フォームからグループ宛のメールだけが送信できない事例がいくつかありました。正確には、内部のメールボックスに取り込んでしまって、外部に送信されない状況です。そんなトラブルには、まずDNSの設定を疑ってみますが、そこを

メールでもわかりやすいサイトマップの書き方

2010-04-10T14:01:00.000+09:00

すべて箇条書きであること記号を適切に使いこなすことインデントを適切につかうことページのタイトルを微妙に変えないこと必要最小限にまとめることプレーンなテキスト形式を使うこと 1. すべて箇条書きであること当然ながらメールには折り返しがある。自分のメーラーでは折り返しはなくても、返信や転送の際にグチャグチャにならないよう短めに改行する。 2. 記号を適切に使いこなすこと全角記号が使いやすい。たとえば... ・／●○└ー｜かっこでは... （）「」【】 3. インデントを適切につかうこと全角スペースで頭を揃える半角スペースはずれる事があるので使わない。 4. ページのタイトルを微妙に変えないこと一度「会社概要」というタイトルを使ったら、次も必ず「会社概要」を使う。まあ意味はわかるけど「会社案内」と書いてはだめ。 5. 必要最小限にまとめること

WordPress携帯サイトにPCと携帯それぞれのコンテンツを

2010-03-23T18:08:00.003+09:00

Ktai Style などを使って、WordPress サイトを構築していると、どう考えてもPC専用のコンテンツを記事に書いている事があって、携帯からアクセスすると、意味が分からない事にもなる。そんな時にはその部分だけを非表示にできればと思うわけです。これまでは、CSSで display:none; になるようclassを忍ばせる方法を取ってきましたが、しかしそれよりもっといい方法を思いついた。ショートコードでPC用と携帯用のコンテンツを用意すれば良いじゃないかと。実際には、すでにプラグインを作成されている方がいらっしゃいましたので、今回はそちらをご紹介させていただきます。 PC Ktai content selecter http://musilog.net/webdesign/wordpress/pc-ktai-content-selecter.php

すべてのWEBサイトをiPhone対応に！

2010-02-08T11:26:00.002+09:00

iPhone対応のWEBサイトを作ろう！といっても、なにも携帯サイトのように特別な仕様を用意しなければならないと言うことではありません。iPhoneでは現在あるすべてのWEBサイトが表示が可能（FLASHを除く）なのは言うまでもありません。しかし最適化されていないWEBページだと画面の余白ができてしまい、小さい画面を有効に使うことができませんよね。そこで、もっとも簡単で有効な最適化方法は、すべてのWEBページの<head>内に、viewport を指定すること。実際PCで表示する最大幅と同じ値を viewport として、指定すればiPhoneでは、無駄な余白を作らず小さな画面いっぱいに表示してくれます。 <meta name="viewport" content="width=800">WEB制作者としてはこれだけやっておけば、iPhone, iPod touch, そしてやがて

GumblarによるFFFTPへの攻撃について

2010-01-30T22:40:00.000+09:00

FTPのアカウントを盗み、サイトを改竄するGumblarウイルスが猛威をふるっております。このGumblarウイルスの亜種が、FFFTPを狙って攻撃していることが報告されております。 http://www2.biglobe.ne.jp/~sota/ffftp-vulnerability.html

あなたは大丈夫？安易なサーバー管理による問題と被害例！

2010-01-28T14:25:00.001+09:00

最近ではレンタルサーバーのコストも下がって、誰でも気軽にWEBサイトの運用できるようになりました。しかし一度、簡単にできたからといって、重要なホームページの管理も安易に引き受けたりしていませんか？もしくは、誰かに押し付けていませんか？少なからず、安易なサーバー管理を行うと、どんな問題があるかを考えてみました。【考えられる問題点】データの消失データの流出改ざん（ウィルスの埋め込み）主にこの３点になるでしょうか。ではもう少し詳しく考えてみましょう。（1）データの消失これは、サーバーに保存されているデータが消失してなくなってしまうこと。たとえばサーバーに何らかのトラブルが発生し、データの一部またはすべてが消失してしまうことがあります。どのサーバー管理者も保守には努めますが、やはり100%ということはあり得ないでしょう。サーバー側で2次的にバックアップされていれば、

ガンブラーウィルス被害を防ぐサーバー別対策方法

2010-01-21T13:27:00.003+09:00

実際に手元にあるレンタルサーバーのみですが、とりあえず今すぐできるガンブラー対策方法をまとめてみた。基本的に、暗号化された通信を行うことと、プロバイダー（IPアドレス）を制限することで、完全ではないにしてもセキュリティはかなり向上すると思われる。さくらのレンタルサーバー（スタンダード） FTPSで接続 ※ftpaccessでIP制限はできない。 CORESERVER、XREA FTPSで接続 ftpaccessを設置してIP制限 ※クライアントが可能なら、SSH（SCP）も使える。 LOLIPOP ftpaccessを設置してIP制限 ※FTPSが使えないので要注意。 CPI（シェアードプラン G1、G10） FTPSで接続管理画面からIP制限 WebARENA SuiteX FTPSで接続管理画面からIP制限

Gumblar（ガンブラー）被害を防ぐ、サイト管理者がとるべき対策

2010-01-08T14:07:00.001+09:00

GENOウィルス、Gumblar（ガンブラー）の被害が増えてますねえ。一般のWEBサイトが感染源となっているということで、我々も手を拱いているわけには行きません。まあ、それだけセキュリティ対策されていないWEBサイトが多いのが原因なんでしょうがねえ。これを機にWEBサイトを公開する側も、その責任をもう少し考えてみませんか。取り急ぎ、だれでもできる対策として、FTP接続が簡単にできないよう工夫してみましょう。たとえば、FTPクライアントにパスワードを記録しないのもその一つ。さらにはFTP接続できるプロバイダーも制限することができます。自分のプロバイダーのIPアドレスが、ほとんど変わらないなら是非次の方法でやっておくべきでしょう。 IPアドレスでFTP接続を制限する方法レンタルサーバー管理画面から簡単にIP制限ができる場合もありますが、それ以外はftpaccessというファイルを

WordPressで送信フォームをSSLにする

2009-12-30T07:52:00.003+09:00

WordPress でビジネスサイトを運営していると、セキュリティにも気を配る必要があるでしょう。たとえば、送信フォームのSSLもそのひとつ。独自SSLが同じディレクトリで動作するサーバーの場合、特に複雑なカスタマイズは必要としなかったので、ご紹介をしましょう。準備として、同じディレクトリで独自SSLが動作するサーバーにWordPressを構築する。次に日本語でも文字化けしない送信フォームとして安心できる「Contact Form 7」と、「Admin SSL」といったプラグインをインストールします。 Admin SSL の設定画面では、「Secure my site with SSL」でチェックボックスを有効にする。「Additional URLs」の URL List に、https://にしたい、ページのURLを書き込む。複数の場合は改行で入力する。その他、自動的に、

WordPress CMS テーマ制作で大切なことは

2009-12-28T11:28:00.003+09:00

WordPressを使ったCMSサイトのテーマ（テンプレート）制作では、もちろんサイトの目的によって異なるものの、最低限注意しなければならないことがあると思っています。 1.複雑なカスタマイズやプラグインの多様はできる限り控えるべき。 2.カテゴリーやサブページの分類は、基本設計の段階でよく検討する。 3.ユーザーのスキルにあわせた、入力フォーマットを決める。ということで、もう少し述べさせて頂きますと... 1. 複雑なカスタマイズやプラグインの多様はできる限り控えるべき。高度なソースコードでテンプレートを作成したり、珍しいプラグインを含めたり、さらにはWordPressのコアファイルを編集することは、開発者にとって腕の見せ所かもしれません。しかし、それでは将来的なバージョンアップに対応できない可能性があったり、保守作業を手間のかかるものにしてしまったり、最悪は不用意な

WordPressで表示ページの親ページに属するサブページ一覧

2009-12-12T17:39:00.000+09:00

WordPressで、サブページを表示する為のカスタマイズ用ソースコードです。親ページもリストに含む形にしたかったので、このようになりました。今、表示中のページ（サブページ）の親ページに属するページ一覧で、サブページが存在しなかったり、ページ以外のコンテンツには非表示となります。 http://ja.forums.wordpress.org/topic/1056 から情報を得て、少しカスタマイズさせて頂きました。 <?php global $notfound; if (is_page() and ($notfound != '1')) { $current_page = $post->ID; while($current_page) { $page_query = $wpdb->get_row("SELECT ID, post_title, post_status,

Macに追加したアプリケーション

2009-12-10T17:12:00.003+09:00

MacBookを新調したので、アプリケーションを一からインストールしました。今回インストールしたアプリーションを利用頻度の高い順にリストアップしてみます。 Dropbox 無料で2Gのバックアップができる。世代で復元もできる。 Firefox 機能拡張アドオンにDelicious Bookmarks, Google Toolbar, User Agent Swicherと必要最小限を追加して、ブックマークツールバーなど使い勝手を良くしています。 Gmail Notifr GmailとGoogleAppsの複数アカウントで、新着メールをGrowlでお知らせしてくれる。 Adobe Photoshop 画像処理からウェブサイトのデザインまで、もっとも幅広く利用している。 Cyberduck いちばんよく使うFTPクライアント。SSHで接続してアーカイブに圧縮したり、サーバー上で解凍

EC-CUBEに情報漏えいの脆弱性

2009-12-07T16:21:00.000+09:00

こんな緊急のお知らせがありました。 http://jvn.jp/jp/JVN79762947/ EC-CUBEは言わずと知れたネットショッピングサイト構築の国産オープンソースですが、WordPress同様に、やはりこの手の脆弱性は存在するものです。人気のツールともなれば、やはり仕方ないのかな。 EC-CUBEの全運営管理者は責任を持ってアップデートの対応をしてもらいたい。と同時に無料だからと安易に導入することは、危険であることを理解してほしい。そんなことどれぐらいのEC-CUBE運営管理者が、理解しているのだろう...。私は仕事で、EC-CUBEをつかったサイト事例はこれまでないけど、もしEC-CUBEを使ったサイトを構築するなら、継続的な保守と、SSLの導入は必須と考えないとだめでしょうね。

WordPressプラグイン[Contact Form 7]で送信完了ページを表示する

2009-09-01T10:51:00.006+09:00

Contact Form 7は言うまでもなく、WordPressでは定番の送信フォームプラグインであるが、送信完了時に「あなたのメッセージは送信されました。ありがとうございました。」というメッセージが表示されるものの、新しいページいわゆるサンクスページに遷移することができない。さて、なんとか出来ないものかと探ってみたところ、英文のフォーラムで情報が見つかったので、ご紹介したい。 http://wordpress.org/support/topic/274838 1. あらかじめ送信完了後に表示させたいページは作成しておく。 2. フォーム作成画面の最下部「その他の設定」欄に、 on_sent_ok: "location.replace('http://www.studiobrain.net/contact/thanks/');" と記述する。これなら、

WordPressで表示中のカテゴリーに属した投稿一覧を表示するコード

2008-07-31T10:54:00.003+09:00

カテゴリーIDが1,3,4の場合。（忘れそうなので個人的なメモです。ご利用は自己の責任で。） <?php if (in_category('1')): ?> <p class="module_title"><a href="<?php echo get_category_link('1'); ?>"> <?php echo get_catname('1'); ?> </a> </p> <ul id="get-posts"> <?php $lastposts = get_posts('numberposts=10&category=1'); foreach($lastposts as $post) : setup_postdata($post); ?> <li><a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>

WordPressのパーマリンク構造をスッキリさせる

2008-07-08T10:58:00.006+09:00

WordPressのURLは、デフォルトだと http://www.example.com/?p=123 のように、「?」や「=」が含まれていて、個人的には好きではない。ブログならともかくCMSならパーマリンク構造にも気を使いたいもの。そこで、オプションで用意されている次のような設定を使ってみたりする。日付と投稿名 : http://www.example.com/2008/07/08/sample-post/ 月と投稿名 : http://www.example.com/2008/07/sample-post/ 数字ベース : http://www.example.com/archives/123 さらには、カテゴリに含まれる投稿のパーマリンクにも気を使ってみると、カテゴリー名の次にファイル名が表示されるほうが、すっきりとして気持ちがいいはず。 http://

MovableTypeのタグ機能で日本語がうまく使えない

2008-07-03T11:06:00.002+09:00

MovableTypeのタグ機能を使っていて、日本語のタグがうまく使えないということはないだろうか。私がこれに気がついたのは MovableType4.1でとあるサイトを制作していて、記事に日本語でタグを入力し、さらに次の記事で同じタグを入力した時だ。本来なら同じタグなので１つのタグに２つの記事が存在する形となるはずが、ここでは同じ名前のタグが２つ並んでいる。英語では本来の機能を果たすのに、日本語では使えない。という現象。よく調べてみたら、MySQLバージョン5での文字コードが原因だった。MovableTypeはUTF-8で作っていたのに、MySQLはEUC-JPだった。ちなみにこれはCORESERVERでの話。CORESERVERではいくつものMySQLを作成できるが作る際に文字コードを設定する。これをなにげなく標準のEUC-JPでいくと一見問題なくMovableTypeが動作

My Link Order, My Category Orderの落とし穴

2008-06-13T11:07:00.001+09:00

WordPress用プラグインで、My Link Order, My Category Orderという、それぞれ、リンクやカテゴリーを任意の順番に並べ替えるプラグインがありますが、何度やってもうまく動作してくれない、プラグインは確かに有効にしているのに、設定した順番に入れ替わらないと悩んでいる人はいないでしょうか？これにはちょっとした落とし穴があります。通常、WordPressのプラグインは、ダウンロードで解凍したファイルを、pluginディレクトリにそのままアップロードし、管理画面で有効にしますが、このプラグインのように一部のプラグインでは、wp-includesディレクトリにもファイルをアップロードする必要があります。上記プラグインの場合は、taxonomy.phpをwp-includesにアップロードします。この落とし穴に気づきにくいポイントとしては、wp-

WordPressのカスタムフィールドを簡単に利用する

2008-05-29T11:08:00.004+09:00

カスタムフィールドは任意のキーに対して、それぞれの値を作成する。今回は簡単に利用するため、Get Custum Field Valuesプラグインを利用します。プラグインをアクティブにしたら、テーマを改造します。挿入したい場所に、下記のコードを書きます。 <?php $values = get_post_custom_values("任意のキー"); if ( !empty($values) ) { echo '' . $values[0]. ''; } else {echo '値が存在しないとき'; }?> 今回は、詳細情報ページが存在するときだけリンクするように、次のように利用しました。 <?php $values = get_post_custom_values("info_url"); if ( !empty($values) ) { echo '<span class=

WordPress2.5のプラグイン自動アップグレードが便利

2008-05-17T11:48:00.005+09:00

WordPress2.5で追加されたプラグイン自動アップグレードは、バージョンアップされたプラグインを知らせてくれて、ワンクリックでダウンロードから更新まで自動で行ってくれる。プラグインの利用が当たり前となっているWordPressならでは便利な機能だ。しかしXREAやCOREサーバーでは、そのままではうまく機能しなかった。 FTP情報を入力する画面が表示されるが、入力してやはりうまく機能しない。どうも、PHPをCGIとして動かすことをすることで解決するみたいで、その方法についてはこちらに書いてある。 http://sb.xrea.com/showthread.php?t=10744 htaccessファイルに、 AddHandler application/x-httpd-phpcgi .php という、1文を挿入することで、セーフモードがOFFとなり自動アップグレードが実行

WordPress2.3.xで日本語CMSサイトを構築するなら最初に入れたいプラグイン

2008-02-18T11:50:00.000+09:00

WordPressは次期バージョン2.5のリリースが近いということで、これまでお世話になった2.3.xの開発も終わろうとしています。そんなWordPress2.3.3で日本語CMSサイトを構築する際によく使うプラグインもまた完成形かと思うので、最初に導入したいプラグインをまとめてみました。 All in One SEO Pack seo対策に必要なtitleやdescriptionなどmetaタグを編集できる Breadcrumb NavXT パンくずリストが作れる Clean Options 不要なオプションデータを削除できる Contact Form 7 日本語対応送信フォーム Clutter-Free 管理画面で必要なコマンドをユーザーごとに設定 Flexible upload 画像アップロードを詳細で簡単に Maintenance Mode 公開前の予告ページは