【5つ☆評価をいただきました】
サイト構築案件についてクライアント様から
評価をいただきました。良くも悪くも、直接
自分への評価を頂けるのは、フリーランスの
醍醐味ですね。
感謝☆☆☆☆☆
【2カラムを3カラムに変更するカスタマイズ】
最新記事のサムネイルが2列(2カラム)で表示される
テンプレートをカスタマイズして、3列(3カラム)に
なるようにスタイルシートを追加しました。
2カラムのレイアウトでは、
1つ1つのサムネイルが、50%ずつの表示幅を持つよう
スタイルシートが記述されています。
ですから、3カラムに変更しようと思ったら、
1つ1つのサムネイルの表示幅が33.33%になるような
スタイルシートを追加すればいいんですね。
しかし、それだけでは足りません。
2カラムの場合は、左の列(奇数番目のサムネイル)で
次の行へ折り返すように、横並びを解除するスタイルが
入っています。
ですから、3カラムに変更しようと思ったら、
奇数番目のサムネイルの横並びを「解除しない」
スタイルを追加する必要があります。
その上で、1番左の列(3の倍数+1番目のサムネイル)に
横並びを解除するスタイルを追加します。
どんなスタイルシートが設定されているのかを見る方法と、
それを読み取るスキルを学んでおけば、
「じゃあ、このスタイルを打ち消して・・・」
「このスタイルを追加すればいいだろう・・」
という予想を立てて、自分で考えながら自由にカスタマイズ
していくことが可能になります。
『やり方』を知るのではなく、『考え方/筋道の立て方』を
理解できるようになることがレッスンの目的です。
CODEMYのマンツーマンレッスンでは、
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
▼Amazon購入ページはこちら
http://amzn.to/2bXJkbs
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy
【データベースの見方を知っておく理由】
今日は生徒さんからワードプレスのページで
不具合があるとご連絡をいただきました。
とあるプラグインを入れたあと、
プログラムが正しく動かなくなったのです。
でも、そのプラグインを停止しても症状は
変わらないので、何が原因なのかわからない
状態でした。
1.自分が書いたプログラムの間違い
2.プラグインの不具合
3.データが壊れている
原因を大別するとこのどれかになりますが、
もし「3」なら、いくら「1」や「2」を
調べても時間のムダになります。
そこでレッスンでは、サーバーの管理画面から
データベースソフトにログインして、
ワードプレスの記事やカテゴリーのデータが
正しく紐づいているのかどうかを確認しました。
その結果、「3」は原因ではないことが判明し、
「2」が原因ということがわかりました。
このように、正しく動かないときは原因を的確に
絞り込めるかどうかが解決のカギとなります。
CODEMYのマンツーマンレッスンでは、
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
▼Amazon購入ページはこちら
http://amzn.to/2bXJkbs
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy
【FullCalendarでイベントをポップアップ】
某Web学習サービスのフロントコーディング。
大きな山場を超えて明日、納品予定です。
BootstrapをCSSのグリッドシステムだけでなく、
アイコン(ウェブフォント)やナビゲーション、
スライダー、モーダルなど各種コンポーネントを
ふんだんに活用したサイト構築でした。
たぶん今までの案件で一番精密さを求められる
仕事でした。
フォントサイズや余白を 0.001vw 単位で調整。
細かい作業が苦にならない性格で良かった。
今回の仕事で使った便利なプラグインを1つ
ご紹介します。
Full Calendar です。
jQuery本体とプラグインのjsを読み込んで、
好きなHTML要素をセレクタとして、
$('#calendar').fullCalendar({options});
//optionsには任意で起動オプションを指定
とするだけで、指定の場所にカレンダーが
表示されます。
↓オプションやコールバックの一覧と説明
https://fullcalendar.io/docs/
jQueryを道具として、いろんなオブジェクトや
メソッドを知り、組み込んで体験して習得する。
プログラミングって本当に楽しいです。
知らなかったことがわかるようになったり、
どうやったらいいか見当もつかなかった問題を
乗り越える糸口に気付けたり、
知ってることを総動員して未知を既知に
塗り替えていくのは本当に楽しい。
CODEMYのマンツーマンレッスンでは、
WordPressのカスタマイズやプログラミングを
ご経験やご希望にあわせてお教えしています。
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
▼Amazon購入ページはこちら
http://amzn.to/2bXJkbs
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
【2】動画と個別添削のプログラミング講座
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓2週間の無料体験はこちら
http://bit.ly/2hw7mIy
【高機能なイベントカレンダープラグイン】
仕事で出会った便利なカレンダープラグインをご紹介します。
日別にイベントを挿入できるjQueryのカレンダーです。
ビューや日付のレンダリング完了イベント(コールバック関数)が
用意されているので、動的にカレンダーの中身を書き換え可能です。
イベントデータを外部ファイルにして読み込んだり、
システムを構築するのにも使える秀逸な無料プラグインです。
↓Full Calendar 公式サイト
fullcalendar.io
CODEMYのマンツーマンレッスンでは、
WordPressのカスタマイズやプログラミングを
ご経験やご希望にあわせてお教えしています。
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
▼Amazon購入ページはこちら
http://amzn.to/2bXJkbs
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
【2】動画と個別添削のプログラミング講座
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓2週間の無料体験はこちら
http://bit.ly/2hw7mIy