WordPress用プラグインでスマートフォン用の表示にしてみた
スマートフォンでPCサイトをみるとすごく見づらいので、WordPress用プラグインでスマートフォンの場合はスマートフォン用サイトレイアウトになるようにした。 MobilePress スマートフォンで確認してみるとなかなかいい感じです。
日, 1月 16 2011 » WordPress, android, html5, iphone, ホームページ制作, モバイルサイト作成 » No Comments
ホームページ制作の手順
ホームページを制作する場合の手順や方法、使うソフトなどは人それぞれで多少ちがうと思うがここでは自分の手順。 つくるサイトのコンテンツを書き出してみる。 サイトマップ（紙に書いたもの）をつくる ラフデザインを紙に書いてみる Fireworksでデザイン制作 コンテンツのテキスト作成 画像を書き出し Dreamweaverでコーディングとテキスト流し込み だいたいこんな感じ。 あと修正や微調整、ブラウザ確認などもチェック。 WordPress使用の場合は、少し行程が増えるが大体の流れは同じ。
日, 11月 21 2010 » Fireworks, HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments
WordPressが世界一使われてるCMSらしい。
先日、どこかの記事でみたのですがWordPressが世界一使われてるCMSらしいとのこと。 一時期はムーバブルタイプが流行ってたと思うのですがいつのまにかWordPressが主流になってたみたいです。 当時、WordPressを使用していたのだが、ムーバブルタイプが主流なかんじなんで、検索しても情報もムーバブルタイプ関連がやたら多かったので困ったりしてた。 商用だとライセンス料がいるのに何故ムーバブルタイプばかり使われるのか、当時疑問におもっていたのですが、時間の問題だったみたいです。
水, 11月 10 2010 » HTMLについて, WordPress, ホームページ制作 » No Comments
syntaxhighlighterについて
WordPressのプラグイン「syntaxhighlighter」を前回試してみた。 ホームページ制作に関するサイトの場合、必然的にhtmlやcssのコードを記述する機会が多くなってくる。 その場合、まんまコードをかいて投稿するとそのまま解釈されて変な表示になってしまうので、いちいち特殊文字を使ってテキストとして表示させなければならない。 一回の投稿ごとに、そうしていると大変で、しかも長いソースを延々と特殊文字をつかって書いていくのもつらい。 このプラグインを使えば面倒くさい部分を解消できる。 http://wordpress.org/extend/plugins/syntaxhighlighter/
火, 11月 9 2010 » HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments
火, 11月 9 2010 » HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments
WordPressの公式ロゴと間違ったロゴ
WordPressのロゴの使用に関して、間違ったロゴの使用が目立つために、公式サイトにて正しいロゴと間違ったロゴの比較イメージが紹介されている。 以前も公式ロゴを使用するように喚起されていたようだが、多くの人たちが間違った解釈をしてしまい今回の比較イメージの掲載となったようだ。 WordPressの公式ロゴ どうも以前はワードプレスの色が問題だと思った人が多かったらしい。 だが、実際に注意してもらいたい部分はロゴのフォントの形にあるようだ。 上記のリンクページに掲載されているイメージを見ればわかるが、公式ロゴのフォントはWの形が明らかに横のロゴと違う。 なお、上記リンクからは公式ロゴ素材もダウンロードできる。
金, 11月 5 2010 » WordPress, ホームページ制作 » No Comments
WordPressのカテゴリの順番を変えるプラグイン
WordPressに表示されるカテゴリ名の表示の順番を変えたいが、IDの順に表示されるので簡単に順番をかえたくて「Category Order 2.0.1」というプラグインをいれた。 David Coppit’s Code Page サイトの下の方に 「Category Order 2.0.1」がある。 ダウンロード後に解凍してフォルダをプラグインフォルダへアップロード。 プラグインを有効にする。 カテゴリは矢印で順番を変えれるので解り易く、英語表記でも問題は特になく理解できる。
土, 10月 30 2010 » WordPress, ホームページのSEO, ホームページ制作 » No Comments
CSSで小文字テキストが大文字になってしまう件
WordPressなどでテーマを自作しない場合は、デフォルトのものを使ったり、新たにインストールしたりする。 大抵の場合、気に入ったテーマをダウンロードして、使いたいプラグインを探して入れたりすｒわけですが、どうしてもデザイン的に変えたい部分が出てきます。 そうなるとスタイルシートをいじる事になるのですが、やっぱり他人の作ったものなので面倒くさかったりします。 特にWordPressのテーマをインストールする場合、作者は日本人でないことが多いのでフォントの種類も日本語には合わないものが設定されてたりするのでどうしても変更したくなります。 そして、今回他のブログで使ってるテーマなんですが、タイトルにアルファベットの小文字を使うとサイト表示の際、大文字で表示されています。 英語のブログでは、大文字、小文字に揃えたい部分にCSSで揃えるようにしてる場合がたまにあります。 text-transform: uppercase; 今回はこの部分を削除することで解決。 uppercase がすべて大文字にするという意味。 他にも１文字目を大文字にするcapitalize 、すべて小文字にするlowercaseがあります。
木, 10月 28 2010 » HTMLについて, スタイルシートについて, ホームページ制作 » No Comments
phpでホームページ共通部分を表示した際の文字化けについて
ホームページを作成していると、メニューリンクやヘッダー、フッターといった箇所を各ページで共通して使う場合が多い。そして、ホームページを制作後に、ページの追加やページタイトルの変更等が生じると全てのページのニューを変更しなければならないという面倒くさい作業をしなければならない。 数ページならまだいいが、これが数十ページ、もしくはそれ以上となるとこれは膨大な作業量となる。 そういった後工程を考えるとホームページの各共通部分はできれば一回修正すれば、前ページが修正されるような仕組みにしたい。 方法としては、まずブログ形式のものを使う。 無料ブログや、オープンソースであるWordPress（ワードプレス）、Movable Type（ムーバブルタイプ）を使えば、ブログ形式なので、メニュー修正は１回で済む。 また、違う方法としては、DreamWeaverなどホームページ制作ソフトを使っている場合はテンプレート機能があるのでテンプレートを作っておけば、複数ページにそのテンプレートをいっぺんに適応させられる。 そして、ホームページを一からつくり、ソフトのテンプレート機能も使わない場合、phpで共通部分を呼び出す方法があり比較的簡単にできる。 その場合、共通部分を呼び出して文字化けする事があった。 自分は、DreamWeaverで作成していたのだが、エンコードの初期設定のせいだった。 UTFでつくったファイルにshift_jisを読み込んでいた。 以前、モバイルサイトを作っていたときに初期設定をshift_jisにしていたのを忘れていた。 両方のファイルを同じようにエンコードして無事文字化けは解消した。
水, 10月 27 2010 » HTMLについて, ホームページ制作, モバイルサイト作成 » No Comments
自分で更新したいホームページ。
最近、ホームページ制作の条件に「自分で更新したい」ということが多い。 気軽に自己更新型のブログができるので、その影響もあるようだ。 それに、更新できればホームページ制作会社に更新料などがかからないというのも要因かも。 しかし、自作でつくったら大変だ。 そこで、最近多いのが、Movable TypeやWordPressを使用したホームページ。 ブログの様に更新、ホームページの様に表示、SEOにも効果的、プラグインで機能を簡単に追加できる。 数年前から、Movable Typeは、はやり始めていたが、そのころWordPressは微妙な人気だった。 理由としては、知名度とプラグインの豊富さなどがあげられる。 しかし、Movable Typeは商用で使う場合、ライセンス料がかかるのに対し、WordPressは完全に無料だった。 いまや、WordPressのプラグインも増え、制作会社などでもよく導入されているようだ。
水, 10月 6 2010 » HTMLについて, ホームページ制作 » No Comments