ウェブ制作技術

安定したメディアを作る。最新の構築技術。

Contact Form 7で簡単に日付を入力できるようにする。WordPressプラグイン「Contact Form 7 DatePicker」

Contact Form 7で簡単に日付を入力できるようにする。WordPressプラグイン「Contact Form 7 DatePicker」 Contact Form 7で日付の入力を簡単に。 WordPressを使っていて、問い合わせに日付を入力欄を使っている場合、入力のエラー制限が非常に厄介になる場合があります。 日付のフォーマットがきちんとしていると、後々の整理が非常に楽になります。 日付欄をクリックするとこんな風に表示され、入力を簡単にするプラグインがあります。 デザインも豊富にあり、使用しているデザインテー...

デザインカスタマイズでレイアウトが崩れる。CSSのfloat:設定

ブログのレイアウトが崩れる レイアウトが崩れる 結構切実な問題です。いくら設定を見直しても直せない。 ホームページに来てくれる人がいて、教えてくれる「ホームページが壊れていますよ」 どうしよう。やっと直しても、今度は、別のブラウザでおかしい。 直ったものに手を加えて、直したら、直っていた方のデザインが壊れてしまった。 お手上げ。。。。 なんとかしたい。 標準的なホームページのレイアウト ...

ブログやホームページをもっと読みやすくしたい。CSSのline-heightの設定。

「行間」 読みやすさを気にしない。これって結構な損です。 メディア運営でもっとも重要な事は、「伝わる」事。 この「伝わる」ことの最初の段階は、まず読みやすい事です。 文章を読みやすくするCSS設定のline-heightを説明します。 例えばこんな文章があったとします。 大通りがあって、人がたくさん行き来している。 他愛もない会話をしたり、好きな事に没頭し...

ドメイン取得、サーバー契約、ウェブホームページ制作依頼の注意点。

ドメイン取得、サーバー契約、ウェブサイト制作依頼の注意点。 自分のメディアを持ちたい。育てていきたい。 そう思うなら最低限必要な知識です。 専門すぎる知識は必要ないですが、業者との関わり合いの中で、きちんと同じ土俵に立てるように、この程度は知っておきましょう。 インターネットの仕組みを知る事で、もっとたくさんの人とつながりを持てる。 ホームページを作るは建築に似ています ホームページを持つという事は、家を持つという事によく似ています。...

デザインを直したいけど直せない。CSSのidとclassの違いは何?

デザインを直したいけど直せない。CSSのidとclassの違いは何? ブログやホームページにせっかく来てくれた人も、デザインが悪いと、信頼性が伝わらず、すぐにいなくなってしまう傾向があるようです。 デザインを自分で直したい。試行錯誤する。でも直らない。 デザインを修正するには、CSSの知識が不可欠です。 CSSを設定する時に、使う"id="と"class="という文字をよく見ると思います。 ここでは、基本的なホームページのデザイン制作の仕組みをご紹介...

無料ブログを卒業?管理画面付きCMS「WordPress」って何?

無料ブログを卒業?管理画面付きCMS「WordPress」って何? ブログの中身が消えた。やりたいカスタマイズができない。 もっと有用に自分メディアを使いたい。 無料のサービスを使って自分メディアを作っている方が多いかもしれません。 しかしながら、無料のサービスは、たくさんのユーザーが多いから安心だと思われがちですが、勝手に削除されたり、広告が挿入されたり、突然メンテナンス中になったりします。何より追加したい機能やデザインがなかったりします。 ...

ホームページを作るために必要な言語。HTMLって何?CSSとは何?

ホームページを作るために必要な言語。HTMLって何?CSSとは何? 自分のホームページが修正できない。そんな声を良く聞きます。 また、自分メディアを自分で作ろうと思ったら最初に考えるのが、「作れるかな?」という不安だと思います。 HTMLって何?CSSって何?知っている人には常識ですが、知らない人にとっては、未知の世界。 こちらでは、ホームページが表示される仕組みについて少しお伝えします。 HTMLって何? 調べればわかるかもしれませんが...

レスポンシブホームページを作るときにスマートフォンCSS切り替え設定

レスポンシブデザイン。スマートフォンCSSきりかえ パソコンで画面を閲覧している人よりも、スマートフォンやタブレットなどで閲覧している人の方が多くなっています。 スマートフォンでパソコンホームページを見ると、文字が小さく見にくい、横にしたり、拡大したりしてなんとか読む。そういうホームページでは、伝えたい事が伝わないという悲しい事が起こる場合があります。 パソコンで見ている画面の幅をドラッグで変えると、それにあわせて画面の表示が最適化され...