「ホームページ制作」のブログ記事一覧

2013/07/11

EC-CUBEでスマホ用と携帯用テンプレートを無効にする方法

また久々にEC-CUBEでのEC通販サイトの案件の制作をしています。 EC-CUBEにはもともとPC用、スマホ用、携帯用の2つのテンプレートが用意されており、スマホや携帯からのアクセスは専用のテンプレートが自動で適用されるようになっています。 便利な機能ではあるのですが、「スマホサイトや携帯サイトを作る時間が無い」とか「制作要件に入っていない」場合、勝手にテンプレートが切り替えられてしまうのは余計...続きを見る
2013/06/27

レスポンシブWEBデザインのサイトを作るときに便利な画像の縦横比を正方形のまま維持するjQuery作りました

最近は少しづつ「レスポンシブWEBデザイン」の手法でサイトを制作することが多くなってきました。 レスポンシブWEBデザインの基本は、media queryを使ったgrid layoutとFluid Image(画面のサイズに合わせて画像を拡大縮小してフィットさせる)だと思うのですが、画像をfruidさせるときに、縦横比が結構めんどくさい印象です。 画像の横幅はwidth:100%とかで可変にすれ...続きを見る
2013/05/14

BackWPupを3.0.10にバージョンアップしたら致命的なエラーFatal errorが発生する件

BackWPupを3.0.10にアップデートしたところ、致命的なエラーが発生してしまいました。 Fatal error: Call to undefined method stdClass::add_role() in /home/*****/www/wp-content/plugins/backwpup/inc/class-install.php on line 94 CPIサーバーにインス...続きを見る
2013/04/12

CSS3のborder-radiusで画像を円形に切り抜いてボーダーを付ける時のハック

最近はCSS3が普及してきたことで、サークルデザイン(円形)のデザインが増えてきていますね、2013年のトレンドデザインとしてもサークルデザインがよく取り上げられます。 今回は、CSS3のborder-radiusを使って画像を円形に切り抜き、更に円形のborderでかこむデザインをコーディングしていたのですが、iPhoneのSafariやモバイルGoogle Chromeで不具合が起こった...続きを見る
2013/03/07

qTranslateを使ってWordPressの多言語サイト化をした際のポイントをまとめました #wordpress

こんばんわ、のりぷーです。 今回、wordpressを使って制作したコーポレートサイトの多言語化の依頼があり、qTranslateという多言語化プラグインを使用して日本語と英語の切り替えが出来るサイトを制作しました。 多言語化プラグインは、qTranslateとWPMLの二種類が有名なのですが、WPMLプラグインは最近のものは有料化されており、無料の旧バージョンを使うことも考えたのですが、今後...続きを見る
2013/03/06

WordPressでプラグイン追加したら管理画面にログイン出来ない時の対処法

こんにちわ、のりぷーです。今回は、同じような相談を二回立て続けに受けたので、紹介します。 Wordpressでプラグインを追加していくと、メモリの使用量が足りなくなることがあります。今日もAll in one SEO Packを追加したところ、こんな画面になり、管理画面にログインが出来なくなりました。 ↑Google Chromeの場合。IE等だと画面が真っ白になります。 この場合、もちろんいろ...続きを見る
2013/02/01

WordPressでPCのみ・スマホのみで表示するコンテンツを指定するショートコードを作ってみた

Wordpressでコーポレートサイトを作成中で、今回の案件はMulti Device Switcherプラグインを使って、PC用のテーマとスマホ用のテーマを振り分けています。 テーマ自体はこれでOKなのですが、問題はコンテンツ。コンテンツ内容は基本1ソースで作りたいのですが、どうしても項目によってはPCとスマホと別のソースを用意しなければいけない時があります。 そんなとき、PCだけで表示する項目...続きを見る
2013/01/31

Multi Device Switcherでスマホ表示してる際に、PC用テンプレートに切り替え出来るプラグイン MW Theme Switcher on Multi Device Switcherをカスタマイズしてみた

追記:2013/04/12 本家プラグインでPCとスマホの切り替え機能が実装されたようです。そちらで当ブログ記事もご紹介頂きました、ありがとうございます。 wordpressでスマホ対応といえば、WPtouchが定番ですが、コーポレートサイトの場合、そうもいきません。レスポンシブWEBデザインもありなのですが、どうもデザインの制約が出てしまうと、検証コストの問題で断念し、今回はPCテンプレート...続きを見る
2012/12/20

WENARENAのSuiteXでwordpress3.5をインストールする方法

普段はホスティングまで任せてもらうケースがほとんどなのでCPIサーバーを主に使っているのですが、今回はお客様がすでにお持ちのWENARENAのSuiteXで制作をしてほしい、とのご依頼でしたので、Wordpressw3.5をインストールしようとしたところ、「サーバーの PHP バージョンは 5.1.6 ですが WordPress 3.5 は 5.2.4 以上のみでご利用になれます。」というエラーが...続きを見る
2012/12/07

GoogleApps Standard終了に伴う、メールサービスの仕様変更のお知らせ

これまで、当社ではGoogleApps Standardを使用し、Gmail同等の迷惑メール対策のついた独自ドメインのメールサービスを提供しておりましたが、Googleでのサービス提供に伴いまして、メールサービスの仕様を変更させていただきます。 ■変更前 メールシステム:GoogleApps Standard(無償版) メールアドレス数:10個まで メール容量:2.7GB 迷惑メール対策:Gma...続きを見る
2012/12/04

OSX Mountain LionにiOS SimulatorのiOS5を追加しようとしたらえらい目に遭った件

制作中のホームページで、iOS5のiPadで見ると不具合が起こるとの報告があったため、iOS5のシミュレータで確かめようと思ったのですが、最新のXcodeにはiOS6のSDKしか入っていませんでした。 旧バージョンのSDKをインストールしようと思い、ここやここを参考に古いXcodeをインストールしてみたところ、カーネルパニックで起動しなくなり、えらいことになりました。 最近のXcodeはap...続きを見る
2012/11/30

GoogleAppsのメールをCanonのコピー機IRC-2550Fに設定する時に躓いたこと

当社では、メールは基本的にGoogleAppsを使っているのですが、今回お客様でコピー機にも設定したい、とのことで、調べてみました。 今まで知らなかったのですが、最近のコピー機はすごく進化していて、ファックスだけでなくスキャンしたデータをそのまま電子メールで送信することが出来るんだそうです。 件名や本文もパソコンを使わず、コピー機の画面からだけで書いて添付メールを送れるんです。(テキスト打つのはP...続きを見る