ホームページは今やCMSが当たり前の時代。また、スマホに対応するためにレスポンシブデザインやリキッドレイアウトを採用される場合も多いかと思います。CMSを導入することは、画像の編集などができないクライアントの場合でも、ただ画像をアップロードするだけできっちり表示されないといけないというのが基本だと思います。
記事の部分での画像の配置は、スマホなどにも考慮してimgにwidth:100%とheight:autoなどを使うのが一番簡単なのですが、これだと、最近のサイドバーがないレイアウトや大きいサイズのPCモニターなどでは特に縦長の画像がえらく大きく見えたりする場合がありますね、ブラウザの縦幅いっぱいになったりと。製作者がきちんと考えてくれればまあいいのですが、それをどうやったらいいのかわかんねーって方に簡単な方法をご紹介します。
だいたいコピペで結構です。
[javascript]
<script>
$(window).load(function (){
// ↓ここに幅を変更したいクラスなど入れる
$(‘.クラス名など img’).each(function(){
var img_height = $(this).height();
var img_width = $(this).width();
var img = new Image();
img.src = $(this).attr(‘src’);
var _width = img.width;
var device_width = $(window).width();
//横÷縦の値が1以上、つまり横長の場合
if((img_width / img_height) >= 1){
//.css(ここに挿入以下サンプル)
if(_width <= device_width){
$(this).css("width", "auto");
}else{
$(this).css("width", "100%");
}
$(this).css("max-width", "100%");
}else{
// そのほかの場合(縦長の場合)こんな感じ
$(this).css({"max-height": "400px","margin":"0 auto","width":"auto","display":"block"});
if($(this).width() >= device_width){
$(this).css("width", "100%");
}else{
$(this).css("width", "auto");
}
}
});
});
</script>
[/javascript]
必要なサイズとかは適宜変更してください。
もしこの処理をPCのみにしたい場合(スマホでは反映させたくない)は、
[javascript]
if(!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){
}
[/javascript]
{と}の中に上のjsを挿入してください(いくらなんでもわかりますか)
ちなみに!を外すとスマホの場合になります。(いくらry)
コーポレートサイトは企業の看板となるウェブサイトです。顧客とのファーストコンタクトになる場合が多いので、ブランディング視点で企業を魅力的に伝えるホームページを構築いたします。
ブランドサイトや集客サイトはお問い合わせなど、コンバージョンの獲得を強く意識したホームページになります。クライアントの事業内容によって、コーポレートサイトをそのまま集客の核とする場合と、別途ブランドサイトや集客サイトを作ってブランディングを行う場合があります。
採用サイトは、コーポレートサイトと同様、求職者の心に響くためのブランディング視点が必要になります。求職者の琴線に触れる非金銭的ポイントと貴社の強みや特徴をきちんと整理し、伝わるサイトを制作いたします。
検索ユーザーだけでなく、潜在ユーザーにも適切にアプローチできるFacebookやInstagramなどのSNS広告を運用します。
エリアや年齢性別など、細かくターゲットをセグメントし、適切なユーザーへアプローチします。
近年重要視されているMEO(Map Engine Optimization)
Googleマップでの検索結果において上位表示させる対策です。アルラボではGoogleマイビジネスの最適化のほか、サイテーション施策など、上位表示に必要なノウハウをご提供可能。
私たちは、お客様のビジネスを成長させ、
より前に進ませるためにともに考え、創るWeb制作会社です。
ホームページの新規・リニューアル制作から
ブランディング・広告運用・SEO対策などWeb集客導線を作ります。
ホームページ制作・広告運用・SEOなど
ご相談はお気軽にご相談ください。
お電話でのご相談も随時受け付けております。
お気軽にご連絡ください。
0952-20-1501(佐賀)
092-717-3446(福岡)
営業時間:9:00~17:00(休業日:土日祝)