ついに２位３位４位を独占しました。 （Web、ビジネス実用ジャンル） 『WordPressのツボとコツがゼッタイにわかる本』 書店では、かわいいカエルのイラストを目印に 探してみてくださいね。 ↓Amazonですぐお買い求めいただけます。 http://amzn.to/2nd7Ia5 …
昨日からまたグッと総合順位が上がりました。 ジャンル別では３つとも１桁台に。 何が起こってるんだろう・・・ ↓１時間無料レッスン（残り２席） https://goo.gl/forms/XMI3KzsAzSWxnNPx2
ディレクターがレスポンシブサイトの 制作手順について熟知していない場合、 PC用のデザインが出来上がった時点で コーディングの工程に入ろうとします。 するとコーディングの担当者は、 「このサイト、スマホで見たときは どんなレイアウトにすればいいの…
１年以上前から定期的にレッスンを受講しておられる 現役デザイナーさん。 HTML未経験の状態からスタートしましたが、 今ではレスポンシブ（スマホ対応）サイトの作成にまで ステップアップしていらっしゃいます。 先日のレッスンでは、今やブログ以外でもお…
インターネット検索でCODEMYのマンツーマンレッスンを お知りになった方からお問い合わせをいただきました。 ワードプレスで「こういうことがやりたい」という内容でした。 学ばれたい内容や、お薦めのレッスン方法、料金やお支払い方法 など、レッスンをお…
スマホに対応したホームページやブログでは、 文章の途中で改行（折り返し）する場所が思い通りに ならないことがあります。 このように１行の文字数が少ない行は、 パソコンで見てもスマホで見ても、 同じ場所で改行されます。 このように１行の文字数が多…
ワードプレスのテンプレート（テーマ）の多くは、 トップページや記事ページに投稿日付が表示されます。 ブログやお知らせとして使うことができるために、 投稿日付の表示が付いているのですが、 サイトの用途や公開目的によっては投稿日付の表示を 無くした…
アニメーションを追加するレッスンを行いました。 ページをスクロールさせるとブラウザの画面の右下に 「このページのTOPに戻る」とか「↑」みたいなボタンが 表示されるサイトを見かけませんか？ 注意深く見ると、スクロールによる移動が一定の場所を 越えた…
世界シェアナンバーワンのCMSとして 不動の人気を誇る「ワードプレス」。 誰にでも簡単にインストールできて、 デザインテンプレートやプラグインで 初心者でも１時間あればサイトの枠組みを 完成させることが可能です。 ・・・というのは言い過ぎです。 高…
「WordPressのカスタマイズにはPHPを勉強しないといけない」 「WordPressは難しいコードを知らなくても使える」 どちらも正しいです。 テンプレートをそのまま使うならコードは要りませんし、 テンプレートでできないカスタマイズをしたければ 目的にあった…
５位⇒４位⇒３位とランクアップしています。 やはりWordPressは熱いですね。 なんと言っても、全世界のサイトの27.7％がWordPressだそうですから。 ↓W3techsの統計（毎日更新） https://w3techs.com/technologi…/details/cm-wordpress/all/all 昨日に続き、今…
先月、WordPressの新刊を発表したばかりですが、 編集者様と次の本の企画を検討しています。 みなさんが普段ネットをしていて、 「この滑らかな動き、いいな～」 「これどうやってるんだろう？」 「私にも簡単に作れたらいいのに」 と感じたことはないでしょ…
もう少しでツールが完成。 プログラムは、頭で考えた手順を コードに置き換える作業なので、 出来上がったコードだけを見ても、 意味を思い出すのが大変です。 コードの目的や意味を思い出すのに 時間がかかるようでは、 拡張しやすいツールとは言えません。…
www.nxworld.net画像を使わないCSSデザインで多用します。 単色の小さなアイコンならともかく、 輪郭が滑らかな（アンチエイリアスが利いた）画像は 高解像度ディスプレイ向けの互換対応をしないと 荒れてダサく見えてしまいます。 PCだと綺麗に見えるのに、…
ウェブ制作者にはおなじみの「スライドショー」。 必要なファイルを読み込んだ上で、 たった１行のコードを追加するだけでOK！ そんな超便利な「プラグイン」が配布されています。 でも、はじめてスライドショーに挑戦する方には その「たった１行」がすごく…
WordPressのノウハウのほとんどはネットで見つかる といっても過言ではありません。 しかし、ノウハウは多岐にわたりますし、 みなさんのサイトの場合はこうすればいいという 個別のケースに応じた情報を探し出すためには それなりの知識と経験が必要です。 …
ブログ記事のサムネイルやギャラリーに マウスを乗せると、ゆっくり画像が動く。 そんなエフェクト見たことありませんか？ 原理は意外と簡単です。 javascriptとか難しそうなプログラムを 使わなくてもスタイルシートだけでOK。 例えばサムネイルの部分のHTM…
まず前提知識から。 全てのウェブページはHTMLタグと呼ばれる構文を使って掲載内容を定義し、 CSSと呼ばれる構文を使ってページ上の配置などを設定することによって ブラウザの画面に表示されます。 ただし、Youtubeなど埋め込み型のコンテンツは自分のサイ…
賢威など有名テーマの使い方を解説した ノウハウサイトでよく見かけませんか？ .embed-youtube { position: relative; height: 0; padding-top: 56.25%; } .embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } よく…
よそのウェブページの全体または一部分を 自分のウェブページに埋め込みたいとき、 簡単なのが iframe タグを使う方法です。 ↓自分のページに記述するHTMLタグ <iframe src="よそのページのURL"></iframe> こうすると、iframeタグの部分に対象URLの ページが埋め込まれたような表示になります。 でも、…
ショッピングカートのプログラムとして 有名（？）な、Zen-Cart。フリーです。 ダウンロードしてみて感じたのは、 「これはもはや単独のプログラムではなく１つのシステムと考えたほうがよい。」 ということです。 ただ単に商品をカートに入れて メールで注…
ギャラリーとかスライドショーでサムネイルを横に並べるとき、 左右が折り返さないようにサイズを計算してCSSを書いたにも関わらず、 小さな余白が空いてしまってレイアウトが崩れた経験ありませんか？ float: left ではなく display: inline-block で 横に…
エクセルを保存するたびに出てくる警告。 どうやって消すんだったかな？ 忘れたので調べました。 とある企業様のご依頼でエクセルVBAの ツール作成をしているところなのですが、 プログラミングをしていると、 「あれ？これどうやるんだったかな？」 という…
大変お世話になっている企業様からのご紹介で、 WordPressでサイト構築をされているデザイナーさんに スカイプでレッスンをさせていただきました。 かなり緻密に作られたテーマをご使用されているのですが、 特定の使い方をしたときに動作がおかしくなるよう…
WordPressでブログサイトを制作中の生徒さん。 ページ上部に表示されるサイト名をクリックすると 公開ページではなくWordPressのインストールURLに リンクしてしまう問題をレッスンで解決しました。 発想の手順を学ぶことが一番大事なことです。 1.どのテン…
個人でホームページを持つことが当たり前の時代ですが、 昔に比べてブログやCMSのサービスが増えたため、 ウェブサイトの本質を知る機会が少なくなっています。 本質さえ知っていれば、「ああしたいこうしたい」を どうやって叶えたらいいのかという正しい道…
事業サイトの構築に取り組んでおられる生徒さん。 サイドバーに配置したコンテンツをタブで切り替え できるようにしたいということで、ピンポイントの レッスンをさせていただきました。 「タブをつけるにはどうすればいいか？」 という漠然とした疑問の答え…
レスポンシブサイトの作り方を学んでおられる生徒さん。 先日は、モバイル用メニューの作り方を扱いました。 その中で、 ・イベントの概念 ・jQueryとJavascriptの違い（関係） ・jQueryのメソッドの正体 ・JavascriptとCSSの関係 など、ウェブページで使わ…
「WordPressのツボとコツ～～」 Amazonの登録３ジャンルで今日も 2位-4位-4位という高ランク。 人気の“いちばんやさしい～～”シリーズを押えて、 ウェブライダーの松尾さんの本に迫っています。出版社様も、連日Amazonで好調なランクを 記録していることに、…
モバイルユーザーを視野に入れたウェブサイトや アプリを作るとき、意識するかしないかに関わらず 触れることになる概念の１つが「UserAgent」。 私たちがPCやスマホなどのデバイスを使って インターネットの向こう側にあるサイトなどに アクセスするとき、…
