WORDPRESSでホームページを制作する際に、
「ブログ機能を付けますから、沢山記事を書いてくださいね！」
というと、、、
「ブログならアメブロで書いてるからいいでしょ。」
・・・とか
「今はSNSの時代でしょう！」
・・・とか (T_T)
つれないお言葉をちょくちょくいただきます。
近年、 フェイスブック ・ ツイッター ・ インスタグラム ・ ライン など、様々なＳＮＳが使われていますね。
特にネットの知識など必要なく、多くの人がインターネットで情報の交流をするのに、SNSは非常に便利なツールです。
しかし、、
SNSをビジネスのツールとして役立てるには、その性質をしっかり掴んでおかなくては、無駄な努力となってしまいます。
ホームページ制作のご依頼を受けた際に、デザインのイメージを固めるのは重要なことです。
ですが、、
このようなご希望を受けることが多々あります。
「とにかく美しいデザイン」
「今までなかったような斬新なレイアウト」
「パッと目を引くデザイン」
上記の要素は、確かにある程度考慮して制作していきます。
しかし、、
一番ベースの部分でご理解いただきたいことが
インターネットは、他のメディアとは考え方が違う・・・
という事です。
【目次】
1初歩のインターネット(その１) インターネットとは
2初歩のインターネット(その２) ホームページを見るしくみ
3初歩のインターネット(その3) ホームページを公開しよう
たとえパソコンやスマホを持っていなくても、今は何かしらでインターネットの恩恵を受けている時代です。
当初のように、インターネットを使うにはちょっとしたスキルが必要だった頃に比べ、今は特にインターネットの仕組みなど知らなくても全く問題なくインターネットを活用することができます。
【目次】
1初歩のインターネット(その１) インターネットとは
2初歩のインターネット(その２) ホームページを見るしくみ
3初歩のインターネット(その3) ホームページを公開しよう
前回のコラム（インターネットとは）でも書いたように、
インターネットとはサーバー同士のネットワークで、個々のパソコンは、プロバイダーのサーバーを介して、世界中のWEBサーバーと間接的につながっています。
さて、パソコンでホームページを見るときにはどんな事が起きているのでしょう。
【目次】
1初歩のインターネット(その１) インターネットとは
2初歩のインターネット(その２) ホームページを見るしくみ
3初歩のインターネット(その3) ホームページを公開しよう
あなたのホームページは、
あなたのパソコンの中にあっては、
誰も見る事は出来ません。
ホームページの全てのファイルをサーバーの中に置いておくことで、インターネットにつながっている世界中のバソコンからあなたのホームページを見る事ができます。
ここ数年、お客様からホームページ制作のご依頼を受ける際に
「SEOはやってもらえますか？」
というご注文を受けます。
私たち業者の間でSEOの認識が広まってから15年くらいかと思いますが、
今はお客様までもがSEOを意識しておられます。
それはとても良い事なんですが・・・・
ほとんどの方が
と思っていらっしゃいます。
最近、ブログやフェイスブックに表示される広告が、まるで自分の事を知っているように、以前アクセスしたホームページや検索した内容などに関連する広告ばかり表示されませんか？
確かに自分の興味がある広告が表示されるのは便利な気がしますが、あまりに頻繁に表示されると、なんだ広告主に自分の事が知られているような気がして、なんだか気味が悪い気がしている人も多いのではないでしょうか。
アイキャッチ画像に登録したサムネイルをそのまま出力すると、<img＞タグ内にwidthとheghtの指定サイズが書き込まれてしまいますね。
このため、CSS側でサムネイル画像のサイズを指定しても思うようにいきません。
function.phpにこのサムネイルのサイズの書き出しを行なわない記述を追加すれば解決します。
ワードプレス制作の覚え書きとして、自分のために記録しています。
どなたか、ご同業で参考にされる方がいらっしゃいましたらお役に立ててください。
例えば、フォトギャラリーなどを作るときに、サムネイル一覧を並べておいて、画像クリックで元サイズの画像を表示させる場合など、カスタムフィールフィールドとアイキャッチ画像の両方に同じ画像を登録するのは面倒です。
その場合、カスタムフィールドに登録した画像のサムネイルを出力するためには、フロント側の記述を変更します。
フィールド値が「画像1」だった場合
<img src=”<?php the_field( ‘画像1’,$post->ID); ?>”>
これは、フィールドの返り値をURL指定していれば画像がそのまま表示されます。
上記を
<?php echo wp_get_attachment_image(get_post_meta($post->ID, ‘画像1′, true),’thumbnail’); ?>
にすることで、画像１ のサムネイルが表示されます。
・・・で、よく見ると元画像を出力するときと違い、<img>タグは書きません。
この場合、<img>タグ込みで出力されます。
<imgの中に、width=”*****px” heght=”*****px” とサイズしてされてしまいますが、これはHTMLですので、ＣＳＳでサイズを指定しなおしてやればＣＳＳのほうが優先されます。
例）
<div class=”image”>
<?php echo wp_get_attachment_image(get_post_meta($post->ID, ‘画像1′, true),’thumbnail’); ?>
</div>
<style>
.image{
width:100px;
}
.image img{
width;100%;
height:auto;
}
これで横幅100ｐｘのサムネイルの表示となります。
ちなみにheightでautoを指定してあげないと高さだけもとのサムネイルのサイズで出力されてしまいます。
==========================================================
横浜・川崎でのホームページ制作、インターネット関連のご相談はお気軽ご連絡ください。
有限会社テクニカルプロデュース
神奈川県川崎市中原区新丸子町745
044-711-8100
メールでのお問合せはこちら>
ホームへ戻る