えいやーっと、このブログで使っているWordPressのバージョンアップと、テーマの変更を作業しました。
- デフォルトの「Twenty Eleven」の子テーマを作り、
- 自分で紹介していたヘッダ画像に変更し、
- OGP対応のために、プラグイン『WP-OGP』をインストールしました。
WordPressのテーマの変更と、OGPプラグイン『WP-OGP』導入
返信
HTMLの再学習に「ドットインストール」が便利
JavaScriptとかjQueryを学習したいと思い、3分動画でマスターできる、初心者向けプログラミング学習サイト「ドットインストール」に登録（無料）しました。
登録はしたものの全くログインしないでいたら、背中を押すようにメルマガが届きました。
“まずは一歩”と、ログイン。
すると、基本であるHTML、CSSのレッスンもあるではありませんか！
独学の私、早速「HTMLの基礎」から始めました。
動画は苦手だと思っていたのですが、3分くらいの動画（スクリーンの動画キャプチャ）は分かりやすいです。
人の声での説明というのもいい。
“3分”という時間の妙に、「カップラーメンてすごいな」と変なところに感心したり。
勢いで登録はしたものの続けられるか不安もあったのですが、これなら続けられそうです。
ワクワク。
WordPressブログにプラグインを使わないでOGPを設定してみた
WordPressには便利なOGP対応プラグインがあるらしいですが、プラグインを使わない方法を試してみました。
対象は、このブログです。
次の点が、今回の作業の主なポイントです。
- 個別記事には、それぞれ独自（URL、記事タイトル、説明文、画像など）の設定する
- 個別記事とそれ以外を振り分ける
- アイキャッチ画像は設定していないし、画像のない記事もある
- 記事内の１枚目の画像を取得、無ければデフォルトの画像を表示させる
- テンプレートファイルの改造をなるべく簡単に
- PHPとか、サーバとか、参考書やネットの記事を読んでも、完全に理解できていないから危険
FC2ショッピングカートにOGPを設定する
「いいね！」ボタン設置に引き続き、FC2ショッピングカートにOGP設定を試みてみました。
ＦＣ２無料ショッピングカート
商品ページにOGP(Open Graph Protocol)を設定したのは、「いいね！」をクリックしたときに情報が伝わりやすくするためです。
多分、うまく行ったので、記録。
「ジローのらくがきノート」をリニューアル
先日、自分のベースになってるホームページをリニューアルしました。
まぁ、リニューアルというほど、大したことじゃないですが。
使ってみたかったjQueryを使ってみたり、好きなノートの帳面の写真を背景画像にしたり、自分が楽しいページです。
新しいことにもちょっとずつ。
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ – バニデザノートなどの記事を参考にしながら、また。
大橋建築設計工房 様ホームページ公開しました
上越市の建築事務所「大橋建築設計工房」様のホームページを公開しました。
建築家の大橋秀三さんの設計事務所です。
シンプルな、親切すぎないホームページです。
お知らせは、ブログ「おむすびと家」で、スタッフの方が更新されます。
プロバイダの無料ホームページスペースを使っています。
CMSを使ったり、何かと連動のような今どきのことはしていません。
初めてのホームページ・インターネットでの情報発信です。
- 大橋秀三さんの建築を雑誌や展示などで見た方が、他の作品を見たり、コンタクトを取るためのきっかけになれば…、
- 家をつくるということについて、深く考えてもらうきっかけになれば…、
- 新築・増築を考えてる方に、「建築家との家づくり」という選択肢も考えてもらえれば…。
という、ご依頼主である大橋秀三さんとスタッフの方の思いを形にするお手伝いでした。
担当させていただき、ありがとうございました。
FC2ショッピングカートに「いいね！」ボタン
ＦＣ２無料ショッピングカート商品ページに、Facebookの「いいね！」ボタンを追加しました。
FacebookのSocial Plugins > Like Buttonから、表示用コードを取得出来ます。
ただ、これだと、全ページ同じです。
商品ページごとに「いいね！」ボタン表示したいです。
そこで、「facebook like（いいね）ボタンを記事ページ（エントリーページ）ごとに表示｜WEBマスターのお仕事」を参考に設置しました。
しかし、ＦＣ２無料ショッピングカートは、タイトルタグ部分が全ページ共通です。
Facebookで表示されるページタイトルが、同じになってしまいます。
それでは効果も少ないかも…ということで、対処法を探しました。
そして、商品詳細ページのタイトルタグ、メタタグ設定をFC2の独自タグを利用してカスタマイズする方法を見つけました。
以前にFC2 ショッピングカートのテンプレートカスタマイズ用マニュアルを確認しつつも、解決法を見つけられなかった私…。
ともかくも、FC2 ショッピングカートの大きな弱点だと思っていたタイトルタグ・メタタグの重複を少し改善できました。
次は、OGPの設定か…。
Google Chrome デベロッパーツールの使い方を再確認
HTML・CSSの調整に、Firefoxのアドオン（拡張機能）「Firebug」を使っています。
普段のブラウザは Google Chrome。
Google Chromeにも同じような機能の Google Chrome デベロッパーツールがあります。
ところが、パネルの表示が英語だし（それだけで…）と、イマイチ馴染めませんでした。
しかし、「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要（CodeZine）という記事を見て、距離が縮まった気がします。
Firebugがあるからいいや…と思っていましたが、Google Chrome デベロッパーツールも積極的に使ってみようと思いました。
「ホームページを作りたいんだけど…」という相談
「ホームページ（ウェブサイト）を作りたんだけど…」という相談を受けました。
初対面の方からの漠然とした相談。
ホームページとかインターネット・パソコンに関する知識や考え方、その人自身についても、その時初めて知りました。
２時間ほど、カフェでお話しました。
もう、２ヶ月も前の話ですが、その時考えたこと・その後考えたことを、まとめてみました。
- ホームページを作ろうとする目的は？
- ホームページを作るには、どんな方法があるか？
- ホームページを作るために必要なこと
自分の仕事は、誰に？ どのように役立っているか？
山田ズーニーさんの著書に夢中になっています。
図書館や知人から借りて、今４冊目。
どれも基本は同じなのですが、私は何度も読むことで段々と理解できている・納得できているという状態になってきています。
『あなたの話はなぜ「通じない」のか
「お仕事は？」と聞かれて、「コンピュータ関係です」というようにモノで説明する人がいる。これでもいいのだが、相手にイメージが伝わらないときは、
自分の仕事は、誰に？ どのように役立っているか？
で説明するといい。
これを読んで、思いだしたことがあります。
コンピュータ関係の会社でバイトしていた時のこと。
まさに、キーボードやソフトなどモノを提供していると認識していた会社でした。
そこで、顧客対応・ユーザーサポートの仕事を担当した時期があります。
お客様と直接、メールや電話でやり取りする中で感じたのは、販売しているのはモノだけではないんだなということでした。
お客様が求めているのは、その商品そのものではなく、その商品を使って得られる利益や楽しみでした。
サポートの回答でお客様が納得されると、ものすごく嬉しかったことを思い出します。
お客様の納得と安心が伝わり、嬉しかったです。
マニュアルなど、お問い合わせ戴く前に提供できる情報の大切さも知りました。
こうして思い出してみると、貴重な経験をさせてもらっていました。
同時に、忘れていたことに、今その思いを活かしていないことが恥ずかしいです。
気付くことができた以上、今からでもそれを活かしていきます。