WordPress/プログラミングレッスン
ウェブAPIを使ってユーザーにとって使い勝手の良い ホームページにするため、手始めにGoogleMapAPIの 具体例をレッスンさせていただきました。 文法が間違っているとプログラムは動きませんが、 文法以上に大事なのが「概念レベルの知識」です。 ・WordPress…
ジオコーディングとは、GoogleMapなど位置情報を扱うAPIを介して ウェブサイトやアプリなどと連動させるプログラミングのこと。 一般的な埋め込みコードにも、クエリパラメータを追加すれば 少し地図の見栄えを変更できますが、 もっと柔軟にしようと思った…
新規のご相談をいただき、スカイプで面談を行いました。 当面の目標は 「WebのAPIをWordPressに組み込む」 として、来月からピンポイントでレッスンをさせて いただくことになりました。 まずはネットに情報がたくさんあるGoogleのAPIから。 最も簡単な例と…
ついつい自分の専門分野のことは専門家にしかわからない 難しい言い方や作り方をしてしまいがち。 確かに、 効率的なやり方とか包括的な考え方はある程度の知識や経験を前提とする分、 難しくなってしまうのは仕方ない。 けれど、 誰もがそういう「エレガン…
新規のご相談をいただき、スカイプで面談を行いました。 当面の目標は 「WebのAPIをWordPressに組み込む」 として、来月からピンポイントでレッスンをさせて いただくことになりました。 まずはネットに情報がたくさんあるGoogleのAPIから。 最も簡単な例と…
有名なテーマ（テンプレート）には「売り」となる 独自の機能がたくさん付いています。 管理画面（ダッシュボード）ではよく、 テーマオプションという名前のメニューで設定が できるようになっています。 とても便利なのですが、テーマで決められた動作と …
ワードプレスについて新規のご相談をいただき、 初回30分の無料面談をさせていただきました。 先日ご相談いただいた方も仰っていたのですが、ワードプレスやホームページのことを教えてくれるスクールは たくさんあるけれども、融通が利かないことも多いみた…
ここ１週間、新規のご相談が数件、 立て続けに舞い込んでいます。 私のサポートを必要としてくれる方がいるのは とてもありがたいことだと思っています。 今日のお申し込みは「お客様の声」ページが決め手だったそうです。▼WordPress・ホームページのマンツ…
WordPressで同じテーマを使っている他のサイトと自分のサイトを比べると、 「あのサイトみたいにしたいな」 と思うことがありませんか？ 同じテーマなのに、みなさん結構カスタマイズしているんですよね。 かといって、他のサイトの持ち主にどんなカスタマイ…
マンツーマンレッスンのホームページから 新規のご相談をいただきました。 初回30分は無料相談なのですが、 その場でお申し込みが決まりました。 インターネットでいろんなスクールを 探して比較されていたそうなのですが、 「最初からコースが決まっていて…
ホームページの作成も手掛けておられる生徒さんから、 ホームページをリニューアルする方針についてご相談いただきました。 ・どこのサーバーがお勧め？ ・テンプレートはどれがお勧め？ ・ドメインの引っ越しは可能？ ・使い勝手は大丈夫？ ・SEO対策に有利…
WordPressをカスタマイズしていると、 オリジナルのものを表示させるために 自作のスタイルシートを特定のページ だけで使いたいことがあります。 実現するための道筋は何通りかあります。 １．ページの本文に直接記述する。 ２．外部ファイルにしてテンプレ…
WordPressでブログを運営するとき、 サイドバーに設置したいのが記事一覧。 ・最新記事を表示 ・アクセスランキング順に表示 など、あらかじめ決められた順番でサムネイル付きの記事一覧を 表示できるプラグインはいくつかあります。 でも、自由度がないんで…
広告代理店の生徒さんがWordPressで ポータルサイトを構築しておられます。 投稿（ブログ）のテンプレートをカスタムして 以下の条件のクーポンを自動で表示する方法を レッスンさせていただいています。 １．他業種のお店のクーポンであること ２．同じ地域…
２年以上前からお世話になっている 海外在住のデザイナーさんから、 「サイトがエラーで見れなくなった」 と連絡を受けて、原因究明のために 急遽レッスンをすることになりました。 原因はワードプレス本体のバージョンと 既存のプラグインのバージョンの非…
先週まで着々とWordPressのカスタマイズを進めてきた生徒さんですが、 今日のレッスンでダッシュボードを開くと・・・ カスタマイズしてきた内容が消えていました。 メニューの登録情報などは残っていますが、デザインに関係する テンプレートファイルが全て…
遠方の生徒さんと205分の長時間レッスンを してきました。 ワードプレスで、お客様が自分で更新する 楽しさを感じていただける仕組みを積極的に 取り入れようと頑張っていらっしゃいます。 お客様がご自身のページを更新すると、 他のページよりも上に表示さ…
HTMLの基礎からしっかりと継続的に学んでいらっしゃる生徒さんが、 いまWordPressでオリジナルデザインのサイトを作る段階までステップアップしています。 ・固定ページと投稿ページの違いと用途 ・カスタムテンプレートの作り方 ・ページのURLとスラッグの…
WordPressの投稿エディタにはHTMLだけでなく CSSやJavaScriptのコードを直接記述することが できます。 しかし投稿エディタは本来テキストや画像など 記事の内容を入れるものなので、改行が自動で <br>タグや<p>タグに変換されてしまいます。 そうすると、せっかく</p>…
ランディングページの購入ボタンとか、 ネットショップのカートボタンとか、 「画像の上のちょうどこの場所に配置したい」 ですよね？ ここはもうデザインでそう決めてあるわけですから、 1pxもずれないように配置したいものです。 でも、pxで場所を設定して…
JavaScriptを勉強中の生徒さんと 週末の晩にレッスンをしました。 今回のレッスンは、５問４択の質問の中で ユーザーが選択した回数が最も多かった 選択肢をプログラムで見つけ出す考え方。 配列 count に、各選択肢が選ばれた回数を 数えたものを代入してお…
今夜のマンツーマンレッスンのテーマは、 「カフェサイトをワードプレスに載せ替えよう」 でした。 ワードプレスの固定ページは原則として、 page.php という名前がついたテンプレートが 優先的に割り当たるルールがあります。 （テンプレート階層といいます…
今夜はグラフィックデザイナーさんへの マンツーマンレッスンを行いました。 ＜レッスン１＞ ドリームウィーバーで作ったHTMLのサイトを ワードプレスに移植する手順と考え方 ＜レッスン２＞ どのページがどのテンプレートと紐付くのか？ （テンプレート階層…
写真やイラスト画像が「ふわっ」と 切り替わるスライダー。 いろんなホームページで見かけますが、 どうやって作るのでしょうか？ 実は、既に完成したプログラム部品が ネットで配布されているので、 ダウンロードしてホームページに設置 することができます…
今日は美容関係のポータルサイトを構築中の 生徒さんと２時間レッスンしてきました。 ポータルサイトなのでサイトに掲載する店舗が多く、 １つ１つのお店の情報を手作業で登録していくのは とても非効率です。 できれば掲載するお店自身で更新していただき、…
ワードプレスでオリジナルテーマを作ろう。 という内容でレッスンをしております。 生徒さんにはまず、HTMLとCSSだけで ホームページを作ることを学んでいただきます。 そして、ワードプレスのインストールから テンプレートの仕組みなどを学んで、 HTMLとCS…
CSSフレックスBOXを使いこなしましょう。 CSS3で策定されたプロパティ「flex」。 これを使うと、ウェブページのコンテンツを 縦や横にきれいに簡単に並べることができます。 ボックス同士の余白を均等割りするのも、 プロパティ１発でOK。 いちいち、ボック…
今夜最後のレッスンは、HTMLのサイトを ワードプレスのテーマ化する手順でした。 ・HTMLをパーツごとに分割する ・該当するテンプレートファイルに上書き ・画像やリンクのURLを合わせる ＜必須知識＞ ・ワードプレスそのものの基本操作 ・テンプレート階層…
今日は昔懐かしいレトロゲーム、 マリオのゲーム画面を再現した JavaScriptでレッスンをしました。 ・キーボード入力を受け付けるプログラム ・JavaScriptで画面上のモノを動かす原理 ・変数の使い方 ・計算処理と表示処理を分けるメリット とても基本的です…
ワードプレスを使っておられる方には ２パターンの印象をお持ちのようです。 「やってみると思ったより簡単だった」 「簡単と思ってたのにやってみると難しい」 なぜ同じワードプレスなのに、人によって 両極端の印象を持ってしまうのでしょうか？ ずっとこ…
