WordPress/プログラミングレッスン
ブログのように縦に長くなるページは 先頭付近に目次を載せると親切です。 ↓こういうのですね。 ─────────────[閉じる]────────────── 3 シリーズ作品一覧 3.1 ナンバリングタイトル 3.1.1 勇者ロトの伝説シリーズ(ロト三部作) 3.1.2 天空シリーズ(天空三…
ワードプレスではユーザーごとに権限を決めることができますが、 特定のページだけとか、特定のカテゴリーだけ編集ができる権限 というのは最初から付いていません。 それを叶えるには、 ・新しい権限グループを登録する ・グループを特定のページやカテゴリ…
HTMLとCSSの基本レッスンを終えた 生徒さんとWordPressのレッスン。 HTMLのレッスンで作成したHPを、 WordPressのテンプレートに移植する 手順について学びました。 1.get_header(), get_footer() の挙動、 引数指定時の動作について。 2.wp_head(), wp_…
Wordpressで留学事業のサイトを 構築している生徒さんとレッスン。 最初はテーマについている機能が 使いこなせなくて、やりたいこと はたくさんあっても叶えられない ことが多かったので、 「えー!こんなに面倒なの!?」 「私にできるかしら?」 という感…
一番長くお付き合いのある生徒さんと 3時間の集中レッスンを行いました。 ワードプレスのカスタムフィールドを 使って、いろんなお店のメニュー表を テンプレートに組み込みました。 ・カテゴリー1 メニューA 1000円 メニューB 3000円 ・カテゴリ…
最近はWordPressにLP(ランディングページ)が 設置できるプラグインが最初からついている テーマが増えています。 でも、プラグインがやってくれるのは、 指定したページをサイドバーのない1カラムの レイアウトにしてくれたり、 設定画面で登録した順番の…
プログラミング講座の実習編を収録中。 今日は勢いに任せて8本撮り。 1本あたり数十分のコンテンツ。 このあと編集があるので、 明日は丸一日かかりそうです。 それにしても連続8本撮れたのは、 ・解説 ・画面の操作 ・プログラムの実演 これらのタイミン…
WordPressで新着情報を設置するには いくつかの方法があります。 ・ウィジェットでプラグインを使う ・テンプレートでショートコードを使う ・プログラミングをする サイト制作をする人なら、3つとも全て やり方を知っておいたほうがお客さまの 希望を叶え…
ブログのライティング効率アップに 役立つ「ショートコード」。 そのショートコードに、 プラグインにはついていない独自の オプションデータを埋め込めたら、 さらに応用の場面が広がります。 今日のレッスンでは以下をテーマに 行いました。 ・独自メニュ…
美容業界向けの予約フォーム作成 プラグインの導入レッスン。 インストール型のプラグインには 無料のものもあるので、けっこう ニーズは高いようです。 ただ、既製品ですのでオリジナルの デザインに近づけたり、システムを 変更しようと思ったら一気に難易…
セミナー等で精力的に講師活動をしておられる 生徒さんが、来月のセミナーの申し込みを県の ホームページからも案内していただけるという ことで、申し込みフォームを作成するレッスン を行いました。 使うのは『Googleフォーム』です。 GoogleフォームはGoo…
ウェブコンテンツの作成を学んでいる 生徒さんとレッスンしてきました。 サンプルはマリオ診断。 操作はシンプルですが、これを作る中で プログラム特有の「論理的な考え方」を 学ぶことができます。 今日のレッスンはプログラムの完成版を 見ながら、 「な…
ぐるなびのように全国の飲食店を集めた サイトには、店舗ごとのページの中に クーポンがありますよね? 期間限定や曜日限定のクーポンなどが 何枚か載っていると思います。 こういうサイトを運用しようと思うと、 クーポンのように定期的に入れ替えが 必要に…
テンプレートを直接書き換えれば サイトの表示が変わります。 でもワードプレスの場合、 それをやっちゃうと困ったことが 起きやすくなります。 なので、カスタマイズを始めるなら まずは『子テーマ化』をしましょう。 今日のレッスンでは、子テーマ化の 目…
HTMLを使えるようになった方が ワードプレスに触れたとき感じる 最初の難関。 それが『テンプレート階層』です。 ワードプレスには豊富なテーマが ありますが、テーマによって 「どのテンプレートファイルが、 どのページに割り当たるのか」 が違います。 『…
全国各地の美容室やカフェなどを 地域別に調べることができるサイトを ワードプレスで構築中の生徒さん。 ページが増えていっても手間が増えない ようにできるのがワードプレスのメリット。 「カスタムフィールド」 という仕組みを使います。 カスタムフィー…
留学事業をされている企業様の サイトカスタマイズの真っ最中。 シンプルなテンプレートから 構築をスタートすると、 作ってる途中で改善すべき点に 気付けて勉強になります。 「ここにこういう機能を入れれば もっと使い勝手よくなるだろう」 「これは要ら…
はじめての生徒さんとレッスンを してきました。 HTMLやCSSの知識とご経験を元に、 ワードプレスを使いこなせるように なるためのレッスンです。 ・テンプレートの構造 ・ウィジェットの分割方法 ・効率的なCSSカスタマイズ方法 ・子テーマの概念 次回は子テ…
ワードプレスのテンプレート(テーマ)は 高機能なものが多くて便利ですが、 その反面、自分の思う通りのデザインって なかなかないんですよね。 だから、なるべくイメージに近いものを 選んで、足りない部分はカスタマイズ したいと考えるわけですが。 その…
ウェブで診断系コンテンツを作ろう! ということで、受講8時間目になる 生徒さんとレッスンしてきました。 今までJavaScriptとjQueryの基本操作を 演習課題を通して学んできましたが、 いよいよ集大成です。 コンテンツを設計して、ウェブで形に していくた…
新規のご相談をいただいたので、 面談をしていました。 Wordpressのレッスンです。 30分、スカイプでお話をしたのですが、 自分で調べながら、今の自分にできない ことを真摯に受け止め、それを乗り越える 道筋をつけたいという思いがとても強い 方でした。 …
今日はご自身のデザイン作品を ワードプレスを使って掲載して おられる生徒さんとレッスン。 ワードプレスは使っているけど、 インストールやカスタマイズを 自力で行うのは初めてです。 ・データベースの概念 ・ワードプレスのインストール ・ワードプレス…
Wordpressはサイトを作る人だけでなく 使う側の人にとっても使い勝手をよく するためのプラグインが豊富です。 プラグインの便利さを支えているのは、 Wordpressの舞台裏であらゆるデータを 管理してくれているデータベースの おかげです。 Wordpressに限ら…
商用サイトの販売ページなど、 購入者にしか見せたくないページが ネット検索に載ると困りますよね? そんなときどうするか? というのが今日のレッスンでした。 1.リファラーをチェックする 2.IDとパスワードで認証制にする 3.検索ロボットの巡回を拒…
長いことお教えさせていただいている デザイナーさんが今日、サンプルHPを サーバーにアップして完成させました。 まだコーディングに関しては疑問点も 多々あるようですが、 「わからない」という不安よりも 「できるようになってきた」という 前向きな気持…
とある業種のホームページを作って いらっしゃる方と面談を行いました。 そのホームページ、偶然の不幸ですが サイト名に含まれる地名と同じ地名の 街が他府県にもあり、他所のサイトが 上位に表示されていました。 ソースコードを見ると「うむむ!」 と感じ…
今夜のレッスンはWebデザイナーのSさん。テーマはWordPressでした。 ・HTMLサイトとCMSの本質的な違い ・ウェブサイトが表示されるまでの流れ ・DNSサーバーとは? ・ドメインとIPアドレスの関係とは? ・ブラウザはウェブページをキャッシュにダウンロード…
今日のレッスンは、お問い合わせ用の メールフォームの設置でした。 ・HTMLと送信先プログラムの連携 ・name属性の使われ方 ・無料で使えるプログラムの入手 次回はFTPソフトの使い方と、サーバーへの設置です。 ワンポイントレッスン メールフォームのプロ…
マンツーマンレッスンで使った「マリオ診断」の設計書です。 楽しんでプログラミングを学んでいただけるように、 エクセルでラフイメージと仕様をまとめています。 元ネタのマリオ診断っていうのは、 既存の診断系コンテンツサイトにあるんだけどね(笑)。…
ボタンをクリックしたりスクロールしたり ユーザーの操作に反応するコンテンツを ウェブで表現しようと思ったらjQueryです。 ・イベント処理の方法 ・CSSを動的に変化させる方法 この2つの基本をマスターするだけで、 インタラクティブなウェブコンテンツが…