読者です 読者をやめる 読者になる 読者になる

Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【WordPressの家庭教師CODEMY 面談後記】

新規のご相談をいただき、スカイプで面談を行いました。 当面の目標は 「WebのAPIをWordPressに組み込む」 として、来月からピンポイントでレッスンをさせて いただくことになりました。 まずはネットに情報がたくさんあるGoogleのAPIから。 最も簡単な例と…

【WordPressマンツーマンレッスン後記~フック~】

有名なテーマ(テンプレート)には「売り」となる 独自の機能がたくさん付いています。 管理画面(ダッシュボード)ではよく、 テーマオプションという名前のメニューで設定が できるようになっています。 とても便利なのですが、テーマで決められた動作と …

【CODEMYマンツーマンレッスン面談後記】

ワードプレスについて新規のご相談をいただき、 初回30分の無料面談をさせていただきました。 先日ご相談いただいた方も仰っていたのですが、ワードプレスやホームページのことを教えてくれるスクールは たくさんあるけれども、融通が利かないことも多いみた…

【WordPressレッスン 新規ご相談をいただきました】

ここ1週間、新規のご相談が数件、 立て続けに舞い込んでいます。 私のサポートを必要としてくれる方がいるのは とてもありがたいことだと思っています。 今日のお申し込みは「お客様の声」ページが決め手だったそうです。▼WordPress・ホームページのマンツ…

【CSSは優先順のルールを理解しよう】

WordPressで同じテーマを使っている他のサイトと自分のサイトを比べると、 「あのサイトみたいにしたいな」 と思うことがありませんか? 同じテーマなのに、みなさん結構カスタマイズしているんですよね。 かといって、他のサイトの持ち主にどんなカスタマイ…

【WordPressレッスン面談後記】

マンツーマンレッスンのホームページから 新規のご相談をいただきました。 初回30分は無料相談なのですが、 その場でお申し込みが決まりました。 インターネットでいろんなスクールを 探して比較されていたそうなのですが、 「最初からコースが決まっていて…

【ホームページ リニューアルのご相談】

ホームページの作成も手掛けておられる生徒さんから、 ホームページをリニューアルする方針についてご相談いただきました。 ・どこのサーバーがお勧め? ・テンプレートはどれがお勧め? ・ドメインの引っ越しは可能? ・使い勝手は大丈夫? ・SEO対策に有利…

【WordPressに自作のスタイルシートを読み込む】

WordPressをカスタマイズしていると、 オリジナルのものを表示させるために 自作のスタイルシートを特定のページ だけで使いたいことがあります。 実現するための道筋は何通りかあります。 1.ページの本文に直接記述する。 2.外部ファイルにしてテンプレ…

【選んだ記事をサムネ付きで表示するウィジェット】

WordPressでブログを運営するとき、 サイドバーに設置したいのが記事一覧。 ・最新記事を表示 ・アクセスランキング順に表示 など、あらかじめ決められた順番でサムネイル付きの記事一覧を 表示できるプラグインはいくつかあります。 でも、自由度がないんで…

【ウェブサイトのプログラミングはアポーペン】

広告代理店の生徒さんがWordPressで ポータルサイトを構築しておられます。 投稿(ブログ)のテンプレートをカスタムして 以下の条件のクーポンを自動で表示する方法を レッスンさせていただいています。 1.他業種のお店のクーポンであること 2.同じ地域…

【ワードプレスで突然サイトがエラー】

2年以上前からお世話になっている 海外在住のデザイナーさんから、 「サイトがエラーで見れなくなった」 と連絡を受けて、原因究明のために 急遽レッスンをすることになりました。 原因はワードプレス本体のバージョンと 既存のプラグインのバージョンの非…

【WordPressでカスタマイズが消えない方法】

先週まで着々とWordPressのカスタマイズを進めてきた生徒さんですが、 今日のレッスンでダッシュボードを開くと・・・ カスタマイズしてきた内容が消えていました。 メニューの登録情報などは残っていますが、デザインに関係する テンプレートファイルが全て…

【205分耐久ワードプレスの個人レッスン】

遠方の生徒さんと205分の長時間レッスンを してきました。 ワードプレスで、お客様が自分で更新する 楽しさを感じていただける仕組みを積極的に 取り入れようと頑張っていらっしゃいます。 お客様がご自身のページを更新すると、 他のページよりも上に表示さ…

【WordPressでオリジナルサイトを作る】

HTMLの基礎からしっかりと継続的に学んでいらっしゃる生徒さんが、 いまWordPressでオリジナルデザインのサイトを作る段階までステップアップしています。 ・固定ページと投稿ページの違いと用途 ・カスタムテンプレートの作り方 ・ページのURLとスラッグの…

【WordPressでCSSとJavaScriptを外部リンクする】

WordPressの投稿エディタにはHTMLだけでなく CSSやJavaScriptのコードを直接記述することが できます。 しかし投稿エディタは本来テキストや画像など 記事の内容を入れるものなので、改行が自動で <br>タグや<p>タグに変換されてしまいます。 そうすると、せっかく</p>…

【レスポンシブに購入ボタンを配置するベストな方法】

ランディングページの購入ボタンとか、 ネットショップのカートボタンとか、 「画像の上のちょうどこの場所に配置したい」 ですよね? ここはもうデザインでそう決めてあるわけですから、 1pxもずれないように配置したいものです。 でも、pxで場所を設定して…

【JavaScriptで最大値を持つ配列要素を探す】

JavaScriptを勉強中の生徒さんと 週末の晩にレッスンをしました。 今回のレッスンは、5問4択の質問の中で ユーザーが選択した回数が最も多かった 選択肢をプログラムで見つけ出す考え方。 配列 count に、各選択肢が選ばれた回数を 数えたものを代入してお…

【ワードプレスでページごとにテンプレートを分ける】

今夜のマンツーマンレッスンのテーマは、 「カフェサイトをワードプレスに載せ替えよう」 でした。 ワードプレスの固定ページは原則として、 page.php という名前がついたテンプレートが 優先的に割り当たるルールがあります。 (テンプレート階層といいます…

【ワードプレスでお客様が更新できるエリアを作る】

今夜はグラフィックデザイナーさんへの マンツーマンレッスンを行いました。 <レッスン1> ドリームウィーバーで作ったHTMLのサイトを ワードプレスに移植する手順と考え方 <レッスン2> どのページがどのテンプレートと紐付くのか? (テンプレート階層…

【プラグイン不要!簡易なjQueryでリンク付きスライド画像を作ろう】

写真やイラスト画像が「ふわっ」と 切り替わるスライダー。 いろんなホームページで見かけますが、 どうやって作るのでしょうか? 実は、既に完成したプログラム部品が ネットで配布されているので、 ダウンロードしてホームページに設置 することができます…

【WordPressで自動更新される箇所を作ろう!】

今日は美容関係のポータルサイトを構築中の 生徒さんと2時間レッスンしてきました。 ポータルサイトなのでサイトに掲載する店舗が多く、 1つ1つのお店の情報を手作業で登録していくのは とても非効率です。 できれば掲載するお店自身で更新していただき、…

【CODEMYマンツーマンレッスン後記】~ワードプレスでオリジナルテーマを作ろう~

ワードプレスでオリジナルテーマを作ろう。 という内容でレッスンをしております。 生徒さんにはまず、HTMLとCSSだけで ホームページを作ることを学んでいただきます。 そして、ワードプレスのインストールから テンプレートの仕組みなどを学んで、 HTMLとCS…

【CODEMYマンツーマンレッスン後記】~CSS3 flexが便利すぎる~

CSSフレックスBOXを使いこなしましょう。 CSS3で策定されたプロパティ「flex」。 これを使うと、ウェブページのコンテンツを 縦や横にきれいに簡単に並べることができます。 ボックス同士の余白を均等割りするのも、 プロパティ1発でOK。 いちいち、ボック…

【HTMLのサイトをワードプレスのテーマ化】

今夜最後のレッスンは、HTMLのサイトを ワードプレスのテーマ化する手順でした。 ・HTMLをパーツごとに分割する ・該当するテンプレートファイルに上書き ・画像やリンクのURLを合わせる <必須知識> ・ワードプレスそのものの基本操作 ・テンプレート階層…

【マリオで学ぶJavaScriptの基礎】

今日は昔懐かしいレトロゲーム、 マリオのゲーム画面を再現した JavaScriptでレッスンをしました。 ・キーボード入力を受け付けるプログラム ・JavaScriptで画面上のモノを動かす原理 ・変数の使い方 ・計算処理と表示処理を分けるメリット とても基本的です…

【ワードプレスで挫折したことがある方へ】

ワードプレスを使っておられる方には 2パターンの印象をお持ちのようです。 「やってみると思ったより簡単だった」 「簡単と思ってたのにやってみると難しい」 なぜ同じワードプレスなのに、人によって 両極端の印象を持ってしまうのでしょうか? ずっとこ…

【CODEMYマンツーマンレッスン後記】~jQueryで目次をスムーズに開閉~

ブログのように縦に長くなるページは 先頭付近に目次を載せると親切です。 ↓こういうのですね。 ─────────────[閉じる]────────────── 3 シリーズ作品一覧 3.1 ナンバリングタイトル 3.1.1 勇者ロトの伝説シリーズ(ロト三部作) 3.1.2 天空シリーズ(天空三…

【CODEMYマンツーマンレッスン後記】~ワードプレスでページごとにアクセス制限~

ワードプレスではユーザーごとに権限を決めることができますが、 特定のページだけとか、特定のカテゴリーだけ編集ができる権限 というのは最初から付いていません。 それを叶えるには、 ・新しい権限グループを登録する ・グループを特定のページやカテゴリ…

【CODEYマンツーマンレッスン後記】~HPをWordPressに移植~

HTMLとCSSの基本レッスンを終えた 生徒さんとWordPressのレッスン。 HTMLのレッスンで作成したHPを、 WordPressのテンプレートに移植する 手順について学びました。 1.get_header(), get_footer() の挙動、 引数指定時の動作について。 2.wp_head(), wp_…

【CODEMYマンツーマンレッスン後記】~Wordpressがわかる楽しさ~

Wordpressで留学事業のサイトを 構築している生徒さんとレッスン。 最初はテーマについている機能が 使いこなせなくて、やりたいこと はたくさんあっても叶えられない ことが多かったので、 「えー!こんなに面倒なの!?」 「私にできるかしら?」 という感…

【CODEMYマンツーマンレッスン後記】~Wordpressのカスタムフィールドをマスター~

一番長くお付き合いのある生徒さんと 3時間の集中レッスンを行いました。 ワードプレスのカスタムフィールドを 使って、いろんなお店のメニュー表を テンプレートに組み込みました。 ・カテゴリー1 メニューA 1000円 メニューB 3000円 ・カテゴリ…

【レッスン後記】~WordPressにLPを設置する方法~

最近はWordPressにLP(ランディングページ)が 設置できるプラグインが最初からついている テーマが増えています。 でも、プラグインがやってくれるのは、 指定したページをサイドバーのない1カラムの レイアウトにしてくれたり、 設定画面で登録した順番の…

【動画8本撮り|CODEMYプログラミング講座】

プログラミング講座の実習編を収録中。 今日は勢いに任せて8本撮り。 1本あたり数十分のコンテンツ。 このあと編集があるので、 明日は丸一日かかりそうです。 それにしても連続8本撮れたのは、 ・解説 ・画面の操作 ・プログラムの実演 これらのタイミン…

【レッスン後記】~ワードプレスで新着情報の組み込み~

WordPressで新着情報を設置するには いくつかの方法があります。 ・ウィジェットでプラグインを使う ・テンプレートでショートコードを使う ・プログラミングをする サイト制作をする人なら、3つとも全て やり方を知っておいたほうがお客さまの 希望を叶え…

【CODEMYマンツーマンレッスン後記】~Wordpressでショートコードと独自メニューを連動~

ブログのライティング効率アップに 役立つ「ショートコード」。 そのショートコードに、 プラグインにはついていない独自の オプションデータを埋め込めたら、 さらに応用の場面が広がります。 今日のレッスンでは以下をテーマに 行いました。 ・独自メニュ…

【CODEMYマンツーマンレッスン後記】~Wordpressで予約フォーム~

美容業界向けの予約フォーム作成 プラグインの導入レッスン。 インストール型のプラグインには 無料のものもあるので、けっこう ニーズは高いようです。 ただ、既製品ですのでオリジナルの デザインに近づけたり、システムを 変更しようと思ったら一気に難易…

【レッスン後記】~Googleフォームで申し込みフォーム~

セミナー等で精力的に講師活動をしておられる 生徒さんが、来月のセミナーの申し込みを県の ホームページからも案内していただけるという ことで、申し込みフォームを作成するレッスン を行いました。 使うのは『Googleフォーム』です。 GoogleフォームはGoo…

【レッスン後記】~マリオ診断を作ろう!~

ウェブコンテンツの作成を学んでいる 生徒さんとレッスンしてきました。 サンプルはマリオ診断。 操作はシンプルですが、これを作る中で プログラム特有の「論理的な考え方」を 学ぶことができます。 今日のレッスンはプログラムの完成版を 見ながら、 「な…

【レッスン後記】~Wordpressで繰り返しデータを自動表示~

ぐるなびのように全国の飲食店を集めた サイトには、店舗ごとのページの中に クーポンがありますよね? 期間限定や曜日限定のクーポンなどが 何枚か載っていると思います。 こういうサイトを運用しようと思うと、 クーポンのように定期的に入れ替えが 必要に…

【レッスン後記】~ワードプレスのカスタマイズ流儀~

テンプレートを直接書き換えれば サイトの表示が変わります。 でもワードプレスの場合、 それをやっちゃうと困ったことが 起きやすくなります。 なので、カスタマイズを始めるなら まずは『子テーマ化』をしましょう。 今日のレッスンでは、子テーマ化の 目…

【レッスン後記】~はじめてのワードプレス~

HTMLを使えるようになった方が ワードプレスに触れたとき感じる 最初の難関。 それが『テンプレート階層』です。 ワードプレスには豊富なテーマが ありますが、テーマによって 「どのテンプレートファイルが、 どのページに割り当たるのか」 が違います。 『…

【レッスン後記】~ワードプレスで店舗一覧サイト~

全国各地の美容室やカフェなどを 地域別に調べることができるサイトを ワードプレスで構築中の生徒さん。 ページが増えていっても手間が増えない ようにできるのがワードプレスのメリット。 「カスタムフィールド」 という仕組みを使います。 カスタムフィー…

【一緒にサイトを良くしていきましょう!】

留学事業をされている企業様の サイトカスタマイズの真っ最中。 シンプルなテンプレートから 構築をスタートすると、 作ってる途中で改善すべき点に 気付けて勉強になります。 「ここにこういう機能を入れれば もっと使い勝手よくなるだろう」 「これは要ら…

【レッスン後記】~ワードプレスを掌握する!~

はじめての生徒さんとレッスンを してきました。 HTMLやCSSの知識とご経験を元に、 ワードプレスを使いこなせるように なるためのレッスンです。 ・テンプレートの構造 ・ウィジェットの分割方法 ・効率的なCSSカスタマイズ方法 ・子テーマの概念 次回は子テ…

【レッスン後記】~Wordpressの投稿ループ~

ワードプレスのテンプレート(テーマ)は 高機能なものが多くて便利ですが、 その反面、自分の思う通りのデザインって なかなかないんですよね。 だから、なるべくイメージに近いものを 選んで、足りない部分はカスタマイズ したいと考えるわけですが。 その…

【レッスン後記】~診断コンテンツを作ろう~

ウェブで診断系コンテンツを作ろう! ということで、受講8時間目になる 生徒さんとレッスンしてきました。 今までJavaScriptとjQueryの基本操作を 演習課題を通して学んできましたが、 いよいよ集大成です。 コンテンツを設計して、ウェブで形に していくた…

【向上心の強い人】

新規のご相談をいただいたので、 面談をしていました。 Wordpressのレッスンです。 30分、スカイプでお話をしたのですが、 自分で調べながら、今の自分にできない ことを真摯に受け止め、それを乗り越える 道筋をつけたいという思いがとても強い 方でした。 …

【レッスン後記】~使うだけじゃもったいないWordpress~

今日はご自身のデザイン作品を ワードプレスを使って掲載して おられる生徒さんとレッスン。 ワードプレスは使っているけど、 インストールやカスタマイズを 自力で行うのは初めてです。 ・データベースの概念 ・ワードプレスのインストール ・ワードプレス…

【レッスン後記】~Wordpressのデーターベースを理解する~

Wordpressはサイトを作る人だけでなく 使う側の人にとっても使い勝手をよく するためのプラグインが豊富です。 プラグインの便利さを支えているのは、 Wordpressの舞台裏であらゆるデータを 管理してくれているデータベースの おかげです。 Wordpressに限ら…

【レッスン後記】~検索ロボット来ないで!~

商用サイトの販売ページなど、 購入者にしか見せたくないページが ネット検索に載ると困りますよね? そんなときどうするか? というのが今日のレッスンでした。 1.リファラーをチェックする 2.IDとパスワードで認証制にする 3.検索ロボットの巡回を拒…