レスポンシブ ってなんだ！！

昨日1つ覚えた言葉です。

 

レスポンシブ

 

これって何だ！！

レスポンス？お問い合わせとか返信メールとかの関係？

いやいや違います。

いつものように「これのことをそう呼ぶんだ！」シリーズです。

この際シリーズ化しましょうか（笑）

 

 

レスポンシブは

パソコンやipad、スマホ等

画面サイズの違うものに対応させることでした。

 

横幅が切れてしまって見えなかったりってありますよね。

パソコンで見たらばっちりいってたはずなのに

別のもので見たら

あれれ？

と残念になることも。。。

 

今回、簡単なエクセル型の表を取り入れたくって作ったのですが

まるでだめだめでした。

それでいつものように検索をしていったら

そういう場合の対処法もしっかりあがっていまして

参考にさせていただきました。

 

まだ完全ではないのですが

一応、見る端末の画面におさまるようには設定することができました！

まだね、欲を言えば色々あるんですけど～。

 

 

この幅の中に収めることができました！

 

 


最後までご覧いただきありがとうございます。
なにぶん素人です。
文言の使い方が間違っていたり
他にもっと良い方法があるよ！
というようなことがございましたら
ご指摘いただけますと勉強になります。
よろしくお願いいたします。

Pz−LinkCardを使ってみました。

今日の素人ホームページ作成日記です（笑）

Pz−LinkCard
というプラグインを使うと、どうなるか〜〜？

カード形式で表示されます。

何が？

リンクが。


つまり
紹介したいページがある時
よく

↓こちらをクリックしてください
http://〇〇〇〇


というように紹介して
そのページに飛ばすのですが
（リンクを貼る）

これが、カード形式で表示されちゃいます！！

こんな感じです。



っぽいですよね（笑笑）
ホームページっぽい（笑笑）ぽいぽい
中身の充実をまずしていかないといけないのに
ついつい見た目から入ってしまいます〜〜(~_~;)

ま、一つづつやっていきます








最後までご覧いただきありがとうございます。
なにぶん素人です。
文言の使い方が間違っていたり
他にもっと良い方法があるよ！
というようなことがございましたら
ご指摘いただけますと勉強になります。
よろしくお願いいたします。

「smart slider３」 を使って「らしく」なってきました！

ホームページをちょこちょこいじっています。

今までの経験上（ほんの1ヵ月ばかりの経験です）

世間の皆様の「簡単」「すぐできました！」は

私にとっては巨大な壁。

攻略するのにあれこれ試行錯誤を繰り返す日々です

色々イメージして

「～こんな風にするのはどうしたらいいのかな～？」と検索しても

なかなかヒットしないんですね。

つまりボキャブラリーの貧困さ、用語がわからないのでピタッとこない。

例えば

商品を紹介するのに写真を使ってその紹介文字も入って

それが四角く並んだようにするには、何て調べたらいい？に手間取る・・・

あ、なるほど、と思ったのが

「タイル状に配置する」う～ん。そうだね。タイル状だ・・・

しかも今回は四角に並べたもの数枚が次々と移動するような仕掛けにしたい。

なんて調べるか？

「スライダー」でした

 

で、行き着いたのが

「smart　slider３」

というプラグインでした。

写真の設定やスライドの間隔、文字入れもすごく詳細に設定できる素晴らしいものです。

私は使いこなすところまで行っていませんが

こんな私でもそこそこ見栄えがするものができました。

素晴らしい！！

 

 

 ↓↓↓もしよければ覗いてみてください↓↓↓

 http://handcrafters.co.jp/

 

 

 

１つ変更するたびにプレビューで見て

何が変わったのかを確認して

気に入ればそのまま、ちょっとイメージと違うかなと思えば元に戻す。。。を

繰り返してそれなりにしてみました。

やればやるだけ面白いですね～

 

これからも少しずつ手を加えていくようにします！！