WordPressブログにプラグインを使わないでOGPを設定してみた

WordPressには便利なOGP対応プラグインがあるらしいですが、プラグインを使わない方法を試してみました。
対象は、このブログです。

次の点が、今回の作業の主なポイントです。

個別記事には、それぞれ独自(URL、記事タイトル、説明文、画像など)の設定する
個別記事とそれ以外を振り分ける
アイキャッチ画像は設定していないし、画像のない記事もある
記事内の1枚目の画像を取得、無ければデフォルトの画像を表示させる
テンプレートファイルの改造をなるべく簡単に
PHPとか、サーバとか、参考書やネットの記事を読んでも、完全に理解できていないから危険

続きを読む

FC2ショッピングカートにOGPを設定する

「いいね!」ボタン設置に引き続き、FC2ショッピングカートにOGP設定を試みてみました。
FC2無料ショッピングカート商品ページにOGP(Open Graph Protocol)を設定したのは、「いいね!」をクリックしたときに情報が伝わりやすくするためです。
多分、うまく行ったので、記録。

続きを読む

「ジローのらくがきノート」をリニューアル

先日、自分のベースになってるホームページをリニューアルしました。
まぁ、リニューアルというほど、大したことじゃないですが。

使ってみたかったjQueryを使ってみたり、好きなノートの帳面の写真を背景画像にしたり、自分が楽しいページです。
新しいことにもちょっとずつ。
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ – バニデザノートなどの記事を参考にしながら、また。

大橋建築設計工房 様ホームページ公開しました

上越市の建築事務所「大橋建築設計工房」様のホームページを公開しました。
建築家の大橋秀三さんの設計事務所です。

シンプルな、親切すぎないホームページです。
お知らせは、ブログ「おむすびと家」で、スタッフの方が更新されます。

プロバイダの無料ホームページスペースを使っています。
CMSを使ったり、何かと連動のような今どきのことはしていません。
初めてのホームページ・インターネットでの情報発信です。

  • 大橋秀三さんの建築を雑誌や展示などで見た方が、他の作品を見たり、コンタクトを取るためのきっかけになれば…、
  • 家をつくるということについて、深く考えてもらうきっかけになれば…、
  • 新築・増築を考えてる方に、「建築家との家づくり」という選択肢も考えてもらえれば…。

という、ご依頼主である大橋秀三さんとスタッフの方の思いを形にするお手伝いでした。
担当させていただき、ありがとうございました。

FC2ショッピングカートに「いいね!」ボタン

FC2無料ショッピングカート商品ページに、Facebookの「いいね!」ボタンを追加しました。

FacebookのSocial Plugins > Like Buttonから、表示用コードを取得出来ます。
ただ、これだと、全ページ同じです。
商品ページごとに「いいね!」ボタン表示したいです。

そこで、「facebook like(いいね)ボタンを記事ページ(エントリーページ)ごとに表示|WEBマスターのお仕事」を参考に設置しました。

しかし、FC2無料ショッピングカートは、タイトルタグ部分が全ページ共通です。
Facebookで表示されるページタイトルが、同じになってしまいます。
それでは効果も少ないかも…ということで、対処法を探しました。

そして、商品詳細ページのタイトルタグ、メタタグ設定をFC2の独自タグを利用してカスタマイズする方法を見つけました。
以前にFC2 ショッピングカートのテンプレートカスタマイズ用マニュアルを確認しつつも、解決法を見つけられなかった私…。

ともかくも、FC2 ショッピングカートの大きな弱点だと思っていたタイトルタグ・メタタグの重複を少し改善できました。
次は、OGPの設定か…。

「ホームページを作りたいんだけど…」という相談

ホームページ(ウェブサイト)を作りたんだけど…」という相談を受けました。
初対面の方からの漠然とした相談。
ホームページとかインターネット・パソコンに関する知識や考え方、その人自身についても、その時初めて知りました。
2時間ほど、カフェでお話しました。

もう、2ヶ月も前の話ですが、その時考えたこと・その後考えたことを、まとめてみました。

  1. ホームページを作ろうとする目的は?
  2. ホームページを作るには、どんな方法があるか?
  3. ホームページを作るために必要なこと

続きを読む

Jimdoで不動産会社のホームページ制作

ホームページを作成できるウェブサービスJimdoを利用して、不動産会社のホームページを制作しました。
無料版もあるJimdoですが、独自ドメインを利用できる有料のProを使っています。

ご依頼者はパソコン・インターネットがお得意では無いですが、将来ご自身で更新を出来ることを想定して、Jimdoを選びました。
個人的な好みからすると、「あれがちょっと…」「ここがちょっと…」と思うJimdoですが、ご依頼者の印象は良かったため、採用となりました。

続きを読む

FC2ショッピングカートをお試し

無料の「FC2ショッピングカート」を使ったショップ構築をして意外と使えるかもと思いました。
勿論、無料なりにですけど。

しかし、お客さんのサイトを使ってカスタマイズの情報を見せるわけにもいきませんから、自分でもショップを作ってみようと思います。
また機会があるかどうか分からないけれど、FC2無料ショッピングカートカスタマイズの時に役立つようにも。

でも、売るものがない…というのが悩み。
フリマ式で、自分で持っているもの一点もので売ってみようかしらと思ってます。
紙モノ文具(ポストカードとか栞とか)を作るとか。

どこかで宣言しないと前へ進まないタイプなので、ここに書いておきます。
宣言しても、何もしない場合も多々あります。

TypePadからBloggerへのブログ引っ越し

TypePadからBloggerへのブログ移行について、ちょっと調べました。
そして、エクスポートとインポートを試してもみました。
そのメモ。

手順は、簡単です。

  1. TypePad管理画面の[設定]>[インポート/エクスポート]の「エクスポート」から、エクスポートしたファイルをダウンロード。
  2. http://movabletype2blogger.appspot.com/ で、Blogger用のファイルに変換。
  3. Blogger管理画面の[設定]>[ブログツール]の「ブログをインポート」で、Blogger用に変換したファイルをアップロード。

でも、何度も穴に落っこちました。

続きを読む

Tumblerテーマのフォント指定を変更

Tumbler(タンブラー)が日本語対応になったのを機に、新しいミニブログを始めました。
Tumbler(タンブラー)とは何ぞや?と思う方は、「1日に4億ビューを稼ぐミニブログ『Tumblr』で出来ること」を参考にするとよいと思います。

テンプレート(テーマ)がかっこいいのも特長の一つですが、外国で作られたテーマだと日本語表記にした場合にフォントが「うーん…」ということもあります。
まずは気になった見出しのフォント指定だけ変えてみました。

タンブラーテーマのフォントを変えたい

手順は、簡単です。

  1. ダッシュボード(管理画面)から「表示をカスタマイズ」リンクをクリック
    タンブラーのテーマカスタマイズのボタン
  2. 「詳細設定」をクリック
    タンブラーデザインカスタマイズ画面「詳細設定」メニュー
  3. 上書きするCSSを挿入して、保存
    タンブラーのデザインにカスタムCSSを追加
  4. 変更後
    タンブラーテーマカスタマイズ後

どの部分のCSSを変更したらいいのかは、Firebugで確認

CSSが分からないと、いずれにしても何?な感じですが、CSSのこと分かっていてもドコを変更していいか分からない場合もあると思います。
そんなとき使うのが、Firebug
ブラウザ「Firefox」の拡張機能です。

普段のブラウザはGoogle Chromeで、似たような機能もあるのですが、使い慣れたFirebugの方が楽なので、確認にはFirefoxを使うことが多いです。

変更したい箇所を確認する方法は、次の通り。(表示はMac版です)

  1. Firebugをインストールすると、虫アイコン(ホタルらしいです)がアドオンバーに表示されるので、クリック(ツールメニューからも画面表示出来ます)。
    Firebugのアイコン
  2. Firebug画面が、ブラウザの下の方に表示されます。
    Firebug画面
  3. 矢印マーク(ページ内の調べたい要素をクリックしてください)をクリックして、ページ内をクリックすると、該当する箇所のHTMLがハイライト表示されます。
    Firebug
    右側の「スタイル」には該当箇所のCSSが表示されるので、これでチェック。

下記のアイコンをクリックすると、Firebug画面は別のウィンドウで表示されます。

Firebugを別ウィンドウに

Firebugの詳しい使い方や機能は、これも知らない!?知っていると便利なFirebugの使い方 | THE HAM MEDIA BLOGなどに紹介されています。
「Firebug 使い方」で検索してみると色々な情報が出てきます。