「ajaxzip3」を使えば、郵便番号を入力すると住所が表示されるシステムが構築できます。
第六十二回「簡単ajaxzip3を使って、郵便番号を入力すると住所が自動表示されるフォームを作成する。」
しかし、ボタンがあった方が分かりやすいという声もあります。
今回は、自動ではなくボタンで住所が表示される方法を見ていきます。
※フォーム自体はこんな感じです。
※郵便番号を入力して
※検索を押すと
住所が表示されます。
記述も少し変更するだけなので、自動表示と状況により使い分けましょう。
今回はPDFを回転して保存できるフリーソフト「PDF-Viewer」をご説明します。
窓の杜などからフリーソフトのPDF-XChange Viewerをダウンロードしてきます。
「PDFXVwer.exe」を起動します。
セットアップ画面で次へを押します。
次へを押します。
次へを押します。
次へを押します。
次へを押します。
Free版を選択し次へを押します。
インストールを押します。
完了でインストールを押します。
アプリケーションを起動します。
回転させたいPDFファイルをドラッグして開きます。
ドキュメントを押します。
ページの回転を押します。
方向を決めてOKを押します。
回転したこと確認したら
ファイルの中のファイルを上書き保存。
PDFファイルが回転するだけで、保存できない方は試してみてはいかがでしょうか。
「ajaxzip3」を使えば、郵便番号を入力すると住所が表示されるシステムが構築できます。
それでは、使い方を見ていきます。
短い記述で、コンタクトフォームの入力補助が出来るようになりました。
お問合せやご注文時や会員登録の入力って面倒なので、補助することができればコンバージョンが増える事間違いなしでしょう！
知名度抜群のWPtouchプラグインのご紹介です。
導入するだけで、スマホ表示したときに見やすく最適化してくれる優れものです。
1.「WPtouch」のプラグインをインストールします。
2.現状のサイトがこちら。
インストール後、スマホで見てみると・・・
スマホユーザーが増えている昨今のインターネット業界。
スマホでホームページを見る人が多いのならば、スマホ用にホームページを最適化して見やすく設定してあげましょう。閲覧数増加が狙えます。
また、今回は導入のみですが、カスタマイズすることによってデザインの幅が広がるのも嬉しいですね。
今回は、pタグ・li・dt・ddなど、連続して使うタグの何番目かにだけ特別なCSSをあてる方法を備忘録します。
■htmlの記述
■cssの記述
■cssの記述
■cssの記述
■cssの記述
n番目の指定は、そのタグ数の順番に依存するため、使い所に注意しましょう。
第三章では「SEO対策でのキーワード選択の重要性」をご説明します。
キーワードの選定は、ホームページ集客のSEO対策で非常に重要となります。
キーワードがある程度決まっていると、ホームページのデザインやアピールポイントも明確に見えます。
キーワードの考え方ですが、まずは自分のホームページで何を売りにしたいかを考えます。
例えば、「りんご」のホームページを作ります。
しかし、「りんご 料理」なのか「りんご 栽培」なのか「りんご 飴」なのかによって、
イメージする色もデザインも変わってしまい、まったく別物のサイトとなってしまいます。
SEO対策でキーワードを決めるということは、ホームページの集客以外にも効果があるのでしっかり選定しましょう。
さらに、キーワードを具体的に決める方法として、基本的にはアクセス解析を行って
検索につながるキーワードを探すのが確実なのですが、アクセス解析を行わなくても、
ホームページを使用するニーズを探ることによって選択できます。
少し違った言い回しの違いを記載するだけで、検索に繋がることもあります。
しっかり検索キーワードになりそうなものを選定しましょう。
良い検索キーワードを設定できると訴求に繋がります！！
次回、【第四章】でお会いしましょう。
ホームページを作成する業務について、勉強していくうちにCSSの発音が間違っていないか不安になることってありませんか？
今回は私が読み方を間違えやすいCSSや、言い方が複数あるCSSをご紹介します。
これは「ウィドス」と発音します。横幅を指定できるプロパティです。
実際は「ウィドゥス」や「ウィズ」など複数呼び方があるみたいです。
これは「オパシティ」と発音します。このプロパティを使うと透過することができます。
使い方：第四十八回「何回も調べてしまった覚えてしまいたいCSSまとめ～その一～」
これは「レラティブ」と発音します。このプロパティを使うと相対指定することが出来ます。
使い方：第四十八回「何回も調べてしまった覚えてしまいたいCSSまとめ～その一～」
これは「アブソリュート」と発音します。このプロパティをつかうと絶対指定することができます。
使い方：第四十八回「何回も調べてしまった覚えてしまいたいCSSまとめ～その一～」
これは「ボーダーレイディアス」と発音します。このプロパティを使うと角に丸みをつけることができます。
読み方を間違うと恥ずかしいので、間違いやすい英単語はチェックチェック！
ターゲットブランクとは、aタグあでリンクをする際に自分のサイトを残すか否かの設定ができます。
aタグに「target=”_blank”」を記載するとその設定ができます。
自分のサイトを残しつつリンク先が見れます。
記載したコードです。
通常のリンクです。リンク先へ飛びます。
別ページにとんでしまうので、ブラウザの戻るボタンを押して戻ってきてください。
記載したコードです。
一つ戻るリンクとは逆に、ターゲットブランクは外部サイトへリンクする際には記述して、ホームページ閲覧者が自分のサイトを見失わないように必ず設定しましょう。
ブラウザでよく使う機能の一つ戻るボタンですが、ホームページにも簡単な記述をするだけで、一つ戻るボタンの設置が出来ます。
予備知識と致しまして、二つ前のページへ戻る場合はこんな記載です。
最近使われている場面は少なくなっている気がしますが、スムーズな戻るボタンの設置が出来ていればホームページ巡回率が上がるので、見る側に立ったホームページ作成を心がけて行きましょう。
以下の記述を指定したい画像に対して記載します。
左の赤い画像が「.radius img」、右が「.radius_taiou img」を反映させた画像です。
古いブラウザに対応させたい場合は「.radius_taiou img」のファイアーフォックス対応とIE対応の記載をしましょう。