元・地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

2013年06月19日18:07
カテゴリ
覚え書き
プログラミング

「livedoor Blog（ライブドアブログ）」で「Twitter Cards」対応がめちゃくちゃ簡単になっていた

先日、「Twitter Cards」に自ら中途半端に対応したばかりですが「livedoor Blog」さんがしっかりと対応してくれていました。
ということで、さっそくこちらのとおりにしっかりと対応させることにしました。

□ Twitter Cardsに対応しました｜livedoor Blog 開発日誌 
□ Facebook等で「いいね！」されたときや、Twitter Cardsへの表示内容を設定する（OGP対応） - livedoor ブログ ヘルプセンター
  1. <$OGP$>という独自タグを全てのデザインテンプレートの<head>から</head>の間に記述します。
  2. <html>タグ内にxmlns:og="http://ogp.me/ns#"と記述します。
>> 続きを読む
タグ ：
2012年09月21日12:00
カテゴリ
マーケティング
ユーザビリティ

GoogleさんがCSSが重いというので調べてみた

Googleさんからまたアドバイスがきました。

無駄なCSSを削除する01

今回はCSSの中に読み込みに時間のかかっている奴がいて、そいつのせいで広告収入が落ちているとのこと。
いままでGoogleさんの言うことに間違いはなかったのでしらべてみると。。
>> 続きを読む
タグ ：
2012年04月13日12:00
カテゴリ
ユーザビリティ
プログラミング

カスタムフィールドとカスタム投稿で記事投稿フォームを使いやすく 3 - テンプレート編集の巻 【ワードプレス】 #wp


さて、入力側のインターフェースが整ったところで、今度は出力側の設定をしておきましょう。
カスタム投稿（カスタムポスト）を使って投稿された記事はなにも設定しないと「single.php」（ブログ記事一つのテンプレート）にのっとって表示されます。
これを、専用のテンプレートで表示させるためには、今回作ったカスタム投稿タイプが「shops」なので、「single-shops.php」というテンプレートを用意する必要があります。
つまり「single-カスタム投稿タイプ名（英字）.php」というテンプレートを用意すればいいのです。
そしてそこに、カスタムフィールドの要素も付け加えてレイアウトしてあげます。

WordPress 高速化＆スマート運用必携ガイド
posted with ヨメレバ
こもりまさあき,岡本渉 MdN 2012-03-16
Amazon
楽天ブックス
7net
bk1
ブックオフ
e-hon
>> 続きを読む
タグ ：
2012年02月28日12:00
カテゴリ
プログラミング
覚え書き

WordPress（ワードプレス）でトップページ以外にブログトップを設置する方法【完全版】 #wp

つぶくまブログの「←古い投稿」リンクが正常に動かなかったので修正することにした。
ちなみにつぶくまブログとはWordPress（ワードプレス）で作られているつぶくまにおけるブログトップページになる。
通常、ワードプレスではトップページがブログトップになるのだがつぶくまの場合トップページは別に用意（現状はindex.phpを編集して直接表示）しているため、別のページに飛んでからブログトップページを表示させるようにしていた。
こちらの方法は以下の記事を参考に。
□ ワードプレス（WordPress）、トップページとは別の場所で記事一覧を表示させる方法 #wp - ちほちゅう
ただし、この方法だけでは2ページ目、3ページ目に流れていった古い記事のページが表示されず、
2ページ目、3ページ目を見ても、1ページ目と全く同じインデックスしか表示されない。

[改訂版] PHP ポケットリファレンス (Pocket reference)
posted with カエレバ
大垣 靖男 技術評論社 2005-09-17
Amazon
楽天市場
Yahooショッピング
Yahooオークション
7net
>> 続きを読む
タグ ：
2011年11月10日12:00
カテゴリ
覚え書き
プログラミング

WordPress（ワードプレス）でテンプレートにテンプレートを読み込む方法（インクルードタグ） #wp

WordPress（ワードプレス）でテーマ内テンプレートを編集する際に便利なのがインクルードタグ。
WordPressには予めいくつかのインクルードタグが用意されていて、これを使うとヘッダやフッダ、サイドメニュー等をテンプレートとして使い回しすることができます。

□ インクルードタグ - WordPress Codex 日本語版 

WordPress レッスンブック 3.x対応
posted with ヨメレバ
エビスコム ソシム 2010-09-08
Amazon
楽天ブックス
7net
bk1
ブックオフ
e-hon
>> 続きを読む
タグ ：
2011年09月17日12:00
カテゴリ
Web
会社経営

Webデザイナーピンチ!!15分でサイトが作れる「みんなのビジネスオンライン」

中小企業経営者にとっては朗報、Webデザイナーにとっては悲報、Googleがまたまた画期的なサービスを開始しました。

□ Googleが1年間無料で作れる企業サイト「みんなのビジネスオンライン」開始 BusinessItem通信
■ みんなのビジネスオンライン

Webサイト構築ワークフロー 企画から制作、運用まで、プロの技術を学ぶ
posted with ヨメレバ
生田 昌弘 ソフトバンククリエイティブ 2009-08-27
Amazon
楽天ブックス
7net
bk1
ブックオフ
e-hon
>> 続きを読む
タグ ：
2011年08月07日14:11
カテゴリ
覚え書き
トラブル

「Ktai Style」導入でWordPressをケータイに対応、テーマは別名にした方がいい #wp

「WordPress（ワードプレス）」が母体になっている「つぶくま」をケータイ（携帯電話）対応にしたいと思い、「Ktai Style」というプラグインを導入することにしました。
「Ktai Style」の導入自体は何てことありません。非常に簡単にインストールすることが出来ます。

問題はそれ以降の運用方法（自分に限る）

□ WordPress Plugins/JSeries ≫ Ktai Style (携帯対応プラグイン)
>> 続きを読む
タグ ：
2011年06月11日22:00
カテゴリ
プログラミング
覚え書き

ワードプレス（WordPress）、トップページとは別の場所で記事一覧を表示させる方法 #wp

ワードプレス（WordPress）といえばブログ。元々ワードプレスはブログ用CMSでしたね。
それが固定ページ等の機能を搭載し、一般サイトでも使用できるようになりました。
つまり、ワードプレスを使っていてブログの機能を使わないのははっきり言って損してると言う事になります。

ただ、通常のブログの場合トップページに記事一覧を表示させるのですが、「プロットファクトリー」（や「つぶくま」）ではトップページはカスタマイズして通常のWebサイトとして利用してしまっています。
そんな時にトップページとは別の場所に記事一覧を表示させる方法です。
ちなみに今回だけ「プロットファクリー」ではなくたまたま作業が重なった「つぶくま」で解説します。

■ 埼玉県熊谷市のtwitter（ツイッター）ポータル 【つぶくま】
>> 続きを読む
タグ ：
2011年06月08日12:00
カテゴリ
覚え書き
デザイン

WordPress（ワードプレス）固定ページからコメント欄を消す方法 #wp

一筋縄ではいかなかった固定ページ作成。
まずハマったのがタイトルやコメント欄など余計な部分の削除。
以前は「page.php」を編集することで対応できたようですが色々調べてみて「loop-page.php」を編集することで対応できることがわかった。
なお、今までも何度となく修正してきたテーマはあくまでもベースが「Twenty Ten」の場合。
他のテーマを使って編集するばあいはおそらくこれに限らないと思う。

こんな感じにコメント欄が表示されてしまう
>> 続きを読む
タグ ：
2011年06月02日12:00
カテゴリ
覚え書き
Web

WordPress（ワードプレス）テーマで使った画像やJSファイルの場所 #wp

といった具合に各コンテンツを固定ページで作り始めたのですがこれが一筋縄ではいきませんでした。
そこで、その前に画像や外部ファイルの整理しておくことにしました。
取り急ぎ「デザインが見れればいいや」と、トップページを作った段階ではかなり強引に外部ファイルを収めたため、「images」フォルダが2つになったり、とんでもないディレクトリにデータをアップしたりしていたので、分かりやすく作成したテーマ内にしまっておくことにします。

外部ファイルを入れる場所
こんな感じに「themes」フォルダ内の「plotfactory」フォルダ（作ったテーマ）内に収めます。
>> 続きを読む
タグ ：
2011年05月27日12:00
カテゴリ
デザイン
プログラミング

ワードプレス（WordPress）でコンテンツをデザインする方法 #wp

トップページができたら引き続き各コンテンツページをデザインする方法です。
コンテンツページは固定ページとして作ります。
そして、固定ページのデフォルトテンプレートは「page.php」です。
従ってこいつを修正してあげれば良いのです。
>> 続きを読む
タグ ：
2011年05月25日12:00
カテゴリ
デザイン
プログラミング

ワードプレス（WordPress）でトップページをデザインする方法 #wp

さて、テーマのコピーが用意できたらそれを自分のデザインに当てはめていかなければなりません。
まずは、トップページから始めましょう。

トップページをデザインするにあたり、使用しているテーマのホームテンプレートを探さなければなりません。
ホームテンプレートと勝手に名付けていますが、つまりはトップページのテンプレートのこと。
通常のWebサイトであれば「index.html」ファイルがディレクトリ内にあれば、ディレクトリ表記で「index.html」が表示されるように出来ていますが、その「index.html」に当たるファイル（テンプレート）のことをいっています。

WordPressで作ったプロット・ファクトリートップ
とりあえずこんな感じになりました。
>> 続きを読む
タグ ：
2011年05月13日12:00
カテゴリ
覚え書き
デザイン

ワードプレス（WordPress）で新しいテーマをつくる方法 #wp

「WordPress（ワードプレス）導入大作戦！」なんていう記事を書いちゃったからにはやらないわけには行きません。
デザイン、インストールまでは連休中（ちょっと過ぎちゃったけど）になんとか作成し終わりました。
これを、ワードプレス（WordPress）に適応させる手順を途中までですが報告します。
本当は、トップページくらいは全部できてから記事起こした方がいいと思っていたのですが、なかなか先に進みそうにないし、途中までの作業ログを自分でもわすれてしまいそうなのでこのあたりで一本起こしておくことにしたということです。

□ WordPress | 日本語
>> 続きを読む
タグ ：
2011年05月02日19:00
カテゴリ
覚え書き
Web

WordPress（ワードプレス）導入大作戦！

ぼちぼち問合せもあるプロット・ファクトリー（PLOT-FACTORY）WebサイトにWordPress（ワードプレス）を導入することにした。
さしあたってはまずはスケジューリングを立ててみる。

ちなみに、現在プロット・ファクトリー（plot-factory.com）で使っているサーバーは「さくらのレンタルサーバーライト」なのでデータベースが使えず、そのことでWordPress（ワードプレス）をインストールすることができない。

一方で（plot-factory.net）で使っている「さくらインターネットのレンタルサーバースタンダード」にはWordPress（ワードプレス）がインストールできる。
こちらには過去にテストでインストールしたOpenPNEやEC-CUBEが入っているがもう使うことはないと思うのでとりあえず放置。あとでしっかり消すか考える。
SNS（OpenPNE）は実際運用していたこともあるのでデータベースのデータだけはバックアップしておくことにしよう。
>> 続きを読む
タグ ：
2011年04月30日19:00
カテゴリ
デザイン
覚え書き

Webデザインのテンプレートは60px×12カラムで横幅960px

これはWebデザイナーの常識なのでしょうか？
実は、最近知りました。
Webデザイナーやめて5年目になるのですがすっかりデザインの常識が抜け落ちちゃってるみたいです。
>> 続きを読む
タグ ：




最新記事
ライブドアブログ（livedoor Blog）からワードプレス（WordPress）へのブログ移転でリダイレクトをさせる方法
目指せNO.2、独立よりもこっちのほうがいいかもしんない
独自ドメインのWORDPRESS（ワードプレス）ブログを半日で作る方法（前編）
「新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記」オープン!!
Adsense広告配信を完全に止められてしまいました。再申請は慎重に
スマホ（スマートフォン）からのネット利用最盛期。パソコンはゆるやかに下降
離婚・破局危険度がわかる心理テスト「PREPARE」
余計なお世話？それとも便利？終電逃しても大丈夫「終電なくしたくん」登場
「Gunosy（グノシー）」が重いしうるさいので「SmartNews」を再インストールした
東京ゲームショウ2014コンパニオンの写真集まとめてダウンロード
最新コメント
タグクラウド


パソコン教室 ホームページ制作のプロット・ファクトリー (C) 2009 PLOT-FACTORY