2016年03月30日

明日

気付けば明日発売ですね。
とりあえず今回も楽天ブックスで予約をしておりますが、「楽天ブックス特典」なんて文字もないので、なにもついてこないのかなぁと思ってます。

それとサイトの方なのですが、2016年4月2日~2016年4月4日の日程の内、数分から1日程度、サイト閲覧およびメールの送受信が不安定になると思います。
サーバーの移転らしいです。
ブログとチャットルームは別なので、普通に使えます。
終わったらメールが来るそうなので、ツイッターででも「終わったよ~」とお知らせしますので、よろしくお願いします。
ラベル:日記
posted by りか at 06:30| Comment(0) | TrackBack(0) | 未分類 | このブログの読者になる | 更新情報をチェックする

2016年03月23日

パ・リーグ ウォーク

また、パ・リーグが新しいことをやり始めたなぁと思った「6球団共同企画パ・リーグ ウォーク
歩数計アプリらしいんですけどね。

息子がソフトバンク・ホークスのファンだったり、近所に京セラドーム(オリックス・バファローズの本拠地)があったりして、セ・リーグよりパ・リーグの方が身近に感じる現在ですが、大昔のパ・リーグと言えば、テレビ中継もなく観客も閑古鳥みたいな……。

これとか、


これとか、


こういう可哀想なイメージ(ごめんなさい)
それが、いつのまにか満員御礼。
地域密着+パ・リーグ同士の協力で、今のように人気が上がったんだろうなぁと思うと、すごい努力だなと。

今年は、息子がソフトバンクとオリックスのファンクラブに入ったんで、野球観戦の機会が増えそうです(一昨日も行った)
そして、どんどん野球に詳しくなっていく……。
ラベル:日記
posted by りか at 16:20| Comment(0) | TrackBack(0) | 未分類 | このブログの読者になる | 更新情報をチェックする

2016年03月22日

長いのですが、拍手のお返事

匿名の方からのご質問で、「スマホ対応のサイトは、どう作るのか」と尋ねられたのですが、もしも文字(小説とか)をメインとするのならば、個人的にはブログやpixivを使われた方が、楽だと思います。
というのは、運営側がPC用、スマホ用、ガラケー用と、勝手に判断して表示してくれるから。

ではなくて、個人サイトをスマホ対応にどうしてもしたい!と思われているのなら色々と複雑なことになりますが、当サイトのやり方は、この幅以上はPC用のcssファイルを、この幅未満はタブレット・スマホ用のcssファイルを読み込むようにと、<head>の中で宣言しております。
こちらのページを右クリックして「ソースを読む」でご確認ください。

で、とりあえずPC用では、このような表示ですが、
画像

大まかに、一番上のロゴ部分のheader、横長の青のメニュー、左メニュー、右側のメイン、一番下のCopyrightのfooter、5つに分かれてます。

これをタブレット用のcssにすると、
画像

横長の青のメニューと左メニューが消え(cssファイルで、「display: none;」と指定しているため)、上部にスマホなどで使われるハンバーガーメニューが現れます。
このハンバーガーメニューは、「SlickNav」というjQueryを使ってますが、設置方法はググっていただいた方がよろしいかと…;

で、タブレット用cssではあるけれど、スマホまで幅を縮めると、
画像

こうなります。
二つ並んでいるのが、一つずつ縦長になっているのは、cssファイルで「float」指定をして回り込ませているからです。

で、写真関係は、
p.resizeimage img {
width: 100%; height: auto;
}
p.resizeimage {
max-width: 600px; /* 最大幅 */
}
のように、cssに書いておいて、<p>で挟んでます。

こちらこちら、管理人の別サイトで3カラムの構成で、PC用、タブレット用、スマホ用と全く表示が異なりますが、cssファイルで指定すれば、こういうこともできます(PCでご覧でしたら、幅を狭めていってください)。
ただ、他にも微妙な調整を入れたりしてますので、はっきり言いまして、面倒くさいです。
必用なのは根性かもしれません。

スマホ対応サイトでググると、色々とやり方が出てくると思いますので、そちらにてご検討ください。
拍手、ありがとうございました。
ラベル:日記
posted by りか at 12:14| Comment(0) | TrackBack(0) | 未分類 | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。