WordPress/プログラミングレッスン
インターネット検索でCODEMYのマンツーマンレッスンを お知りになった方からお問い合わせをいただきました。 ワードプレスで「こういうことがやりたい」という内容でした。 学ばれたい内容や、お薦めのレッスン方法、料金やお支払い方法 など、レッスンをお…
スマホに対応したホームページやブログでは、 文章の途中で改行(折り返し)する場所が思い通りに ならないことがあります。 このように1行の文字数が少ない行は、 パソコンで見てもスマホで見ても、 同じ場所で改行されます。 このように1行の文字数が多…
ワードプレスのテンプレート(テーマ)の多くは、 トップページや記事ページに投稿日付が表示されます。 ブログやお知らせとして使うことができるために、 投稿日付の表示が付いているのですが、 サイトの用途や公開目的によっては投稿日付の表示を 無くした…
アニメーションを追加するレッスンを行いました。 ページをスクロールさせるとブラウザの画面の右下に 「このページのTOPに戻る」とか「↑」みたいなボタンが 表示されるサイトを見かけませんか? 注意深く見ると、スクロールによる移動が一定の場所を 越えた…
世界シェアナンバーワンのCMSとして 不動の人気を誇る「ワードプレス」。 誰にでも簡単にインストールできて、 デザインテンプレートやプラグインで 初心者でも1時間あればサイトの枠組みを 完成させることが可能です。 ・・・というのは言い過ぎです。 高…
大変お世話になっている企業様からのご紹介で、 WordPressでサイト構築をされているデザイナーさんに スカイプでレッスンをさせていただきました。 かなり緻密に作られたテーマをご使用されているのですが、 特定の使い方をしたときに動作がおかしくなるよう…
WordPressでブログサイトを制作中の生徒さん。 ページ上部に表示されるサイト名をクリックすると 公開ページではなくWordPressのインストールURLに リンクしてしまう問題をレッスンで解決しました。 発想の手順を学ぶことが一番大事なことです。 1.どのテン…
個人でホームページを持つことが当たり前の時代ですが、 昔に比べてブログやCMSのサービスが増えたため、 ウェブサイトの本質を知る機会が少なくなっています。 本質さえ知っていれば、「ああしたいこうしたい」を どうやって叶えたらいいのかという正しい道…
事業サイトの構築に取り組んでおられる生徒さん。 サイドバーに配置したコンテンツをタブで切り替え できるようにしたいということで、ピンポイントの レッスンをさせていただきました。 「タブをつけるにはどうすればいいか?」 という漠然とした疑問の答え…
レスポンシブサイトの作り方を学んでおられる生徒さん。 先日は、モバイル用メニューの作り方を扱いました。 その中で、 ・イベントの概念 ・jQueryとJavascriptの違い(関係) ・jQueryのメソッドの正体 ・JavascriptとCSSの関係 など、ウェブページで使わ…
モバイルユーザーを視野に入れたウェブサイトや アプリを作るとき、意識するかしないかに関わらず 触れることになる概念の1つが「UserAgent」。 私たちがPCやスマホなどのデバイスを使って インターネットの向こう側にあるサイトなどに アクセスするとき、…
ワードプレスでは、カスタムフィールドを使うと、 特定のページの特定の場所に特定のコンテンツを 表示させることができます。 さらに、コンテンツを編集するのにHTMLの知識を 一切不要にすることが可能です。 お客様に安心して更新していただけるサイトを …
はじめてワードプレスで個人のサイトを 作ることに挑戦しておられる生徒さんと ワードプレスのレッスンを行いました。 <目に見えること> ・サイトの見た目をどこで変えるのか? ・テーマによってできることが違うのはなぜ? ・有料テーマと無料テーマ、メ…
昨晩、WebデザイナーさんとjQueryのレッスンでした。 レスポンシブなサイトによくある、スマホメニューを 開いたり閉じたりする動作をjQueryで作成しました。 ボタンをタップするとメニューがふわっと表示され、 もう一度タップするとふわっと消えていくメニ…
ワードプレスのページやカテゴリーにはスラッグという ものがあり、公開ページのURL末尾に自動で付きます。 例)「日本語のスラッグ」というスラッグのページ http://xxxx.com/日本語のスラッグ ブログサイトなどでよく見かけますよね? ワードプレス自分で…
WordPressが他の無料ブログと決定的に違う点は、 自分のサーバーにインストールして使うことです。 その分、間違った変更をするとログインできなくなったり、 サイトが真っ白になることがあります。 真っ白になるのは、そのページを表示するための HTMLが正…
アイコンをタップするとメニューが表示され、 もう一度タップするとメニューが消える。 レスポンシブなサイトで必ず見かけるスマホメニューを 初めて javascript を学ぶ生徒さんにお教えしました。 きちんと改行しても、 たった10行程度のプログラムで作れる…
最新記事のサムネイルが2列(2カラム)で表示される テンプレートをカスタマイズして、3列(3カラム)に なるようにスタイルシートを追加しました。 2カラムのレイアウトでは、 1つ1つのサムネイルが、50%ずつの表示幅を持つよう スタイルシートが記…
今日は生徒さんからワードプレスのページで 不具合があるとご連絡をいただきました。 とあるプラグインを入れたあと、 プログラムが正しく動かなくなったのです。 でも、そのプラグインを停止しても症状は 変わらないので、何が原因なのかわからない 状態で…
苦労して探してやっと見つけたテンプレート。 でもヘッダー画像が入る場所がありません。 WordPressのテンプレートを探していて、 希望通りのパーツが全部揃ったものが見つかる ことはまずありません。 オリジナリティを求めれば求めるほど、 テンプレートと…
WordPressにはブログページに相当する「投稿」と、 それ以外の固定のページに相当する「固定ページ」の 2種類の投稿タイプが最初から用意されています。 この2種類だけだと使い分けに不便な場合もあります。 例えば、 「新着情報」「ブログ」「リリースノ…
思い描いたレイアウトに近いテンプレートを 探すのは意外と大変です。 このテンプレートは トップページは理想どおりだけど、 メニューの周りが希望とは違う・・・ あのテンプレートは メニューの周りは理想どおりだけど、 フッターの周りがイメージと違う・…
小学校で作文の書き方を習ったときに、 「文章の出だしは1マス空けましょう」 と習ったと思います。 何のために1マス空けるのでしょうか? 「ここから新たな文章が始まるよ」 ということを明確にするためですね。 それと同じことをプログラミングでは イン…
WordPressの更新はしたことがあるけれど、 自分のサイトを1から作れるようになりたい。 という方は少なくないと思います。 今日は、WordPressで自分のサイトを作るために 知っておくべき重要なことをレッスンしました。 ・ページには種類がある ・種類ごと…
JavaScriptに限らずプログラミングの世界では 作りたいものや表現したい目的に応じて、 オブジェクトと呼ばれるものを利用します。 オブジェクトの定義は、 ・プロパティ(=属性とも言う) ・動作(=メソッド、関数とも言う) この2つを兼ね備えたデータ…
ホームページのカスタマイズやメンテナンスで 何度も何度もお世話になっている某企業様から この度、ホームページをiPad Pro向けに最適化 したいとご相談をいただいたのですが、当方に 実機がない(普通のiPadしかない)旨をお伝え したところ、 「弊社で購…
WordPressのセキュリティを高めるために、 プラグインでログイン履歴を保存したり、 サーバーの設定ファイルでIP制限をするなど 対処をしていた生徒さん。 先日、突然サイトが開かなくなったそうです。 管理画面には入れるのに、公開ページが開けない。 レッ…
JavaScriptの概要をレッスンさせていただきました。 ブラウザで表示するページに動きのある効果を加えたり、 クリックやスクロールなどブラウザ上での任意の操作に 応じて何かを行うには、JavaScriptを使います。 jQueryに代表されるように、純粋なJavaScrip…
レッスンを始めて2年目のデザイナーさんに、 レスポンシブサイトの作り方をレッスンさせて いただきました。 目標は、レスポンシブウェブデザインを身に付けて モバイル対応の案件を受注できるようになること。 その先にはワードプレスを使ったサイト制作を…
美容室の紹介サイト(ワードプレス)で、 ヘアカタログをスライド形式で掲載するために jQueryのプラグイン「slick」の組み込み方を レッスンさせていただきました。 プラグインの使い方は配布サイトにサンプルが 載っているのですが、自分のサイトにコピー…