WordPress【ワードプレス】初心者の部屋～使い方知っとこ？

電子書籍販売に向けてはじめの一歩

tatuo — Sun, 08 Apr 2012 02:15:11 +0000

当社で月刊誌として発行している雑誌を、Web上で販売するまで必要な手順を
ある程度把握できたので、今回から何回かに分けて説明していきます。
CMSはWordPressを使う予定でしたが、事情があってちょっと難しいかもしれません。
なぜ難しいかについては、随時説明する予定。

まずは、手始めに決済代行会社の比較。

それから忘れてはならないPayPalのお話。
結論として、イプシロン以外はトランジャクションや取り消し手数料に難あり。
といったところ。

会社名	URL	初期費用	月額費用	決済手数料	トランザクション	取消手数料	デジタルデータ	物販	3Dセキュア	備考
ルミーズ株式会社	http://www.remise.jp/	30000	3900	3,6%	無料	無料	可	可	可	フリーのカートあり
イプシロン株式会社	http://www.epsilon.jp/	無料	無料	4～5％（決済手数料）※月額最低手数料と決済手数料を比較	無料	取消期日前は無料、取消日後は有料	可	可	可
株式会社ゼウス	http://www.cardservice.co.jp/	無料	5000円	5,5%	30円	無料	可	可	可
株式会社J-Payment	http://www.j-payment.co.jp/	30000円	5000円	3.9%/件＜Visa / Master＞ 4.0%/件＜JCB / AMEX / Diners＞	10円	無料	可	可	可
ヤマトフィナンシャル株式会社	http://www.yamatofinancial.jp/	無料	無料	5.50%	商品代金の5.25%	商品代金の5.25%	可	可	不可

この表に掲載していない会社からも見積もりをもらいましたが、料金を公開
してないだけあってどこも高額でした。

それともう一つペイパルの存在。
あまり一般的ではないですが、法人化してない個人事業主の方にはこちらのほうがよい
かもしれません。

PayPalには初期費用・月額費用はありません。売り上げに応じたロイヤルティーのみです。

決済手数料は通常「取引額の3.6%+1回あたり40円」
PaypalMicropaymentsを利用すると「取引額の5.0%+1回あたり7円」

ということは、販売するコンテンツが2,357円以下ならば、PaypalMicropaymentsに分がある様子。

分岐点が2,357円ですので、安価なコンテンツ販売には向いてると思います。
ただ、PayPalは認知度が低く、購入者に不安を与えてしまう問題は無視できませんけどね。

ざっとですが、今回はここまで。

次回は、決済と連携させるショッピングカートについて解説します。

携帯サイトとスマートフォンサイトの画面表示

tatuo — Sat, 10 Mar 2012 02:00:01 +0000

僕が管理している課金サイトは、携帯サイト(3キャリア)とスマートフォンサイト(Android対応)。
日に何度も更新するコンテンツもあり、ここを直接ブックマークされてる方が多いようで、日によっては
何度も見られる人気のページがあります。

「ちなみに、この唐辛子の画像は本文とは全く関係ありません。なんか格好よかったので張りました」。

スマホサイトを導入して気づいたのですが、携帯とスマホでは表示に違いがあり、
非常に見にくい状態になっていたようです。（当たり前のことですが）

記載しても、携帯に影響のない方法はないかと探していたとき、見つけたのがこれ。

簡単に説明しますと

viewport
該当のページを読み込んだとき、画面のサイズや拡大率を指定できる魔法の言葉。

user-scalable
閲覧者に拡大縮小を許可するか否か。

width = device-width
デバイスの縦横に合わせる。

たったこれだけのことで簡単に解決しちゃいました。
同じことで悩んでいる方の参考になれば幸いです。

似た問い合わせが多いので書きました

tatuo — Thu, 23 Feb 2012 14:56:34 +0000

どうも。

最近同じような質問が多く、毎回返信をするのが時間的に厳しい状況なので
、ここに記したいと思います。ご参考ください。

Q、質問

初めまして。
初心者のため初歩的な質問ですが、インストール時の

「上から、あなたがお使いの環境の
?データベース名
?mysqlのユーザー名
?mysqlのパスワード
?MySQL のホスト名」

とありますが、こちらはどうやって調べれば良いのでしょうか？
宜しくお願い致します。

A、回答

レンタルサーバーの環境によって、掲載されている場所が違うでしょうが、
まずはお使いのサーバーのマニュアルをよくお読みになってください。

データベース名はレンタルサーバー上で新規に作ったデータベース名。
mysqlのユーザー名は新規データベースに対して権限のある名前。
mysqlのパスワードはあなたが設定した暗号。
MySQLのホスト名はお使いのサーバーの環境に沿って記載。

使っているレンタルサーバーを教えていただければ、もっと詳細にお答えできる
かと思います。

クレジット決済代行会社とショッピングカートの関係

tatuo — Sun, 05 Feb 2012 14:57:50 +0000

本格的な寒さ到来です。
日本海側に住んでいるのですが、真冬特有の西高東低の気圧配置のせいでとんでもなく寒い…
もう少し暖かくなるまでは、自宅で過ごす時間が多くなりそうです。

さて、会社のサイトをリニューアルすると決めて、1ヶ月前後経過しましたが全く手をつけてません。
理由はいくつかりますが、一番の理由として「目的に叶うカートがないため」これに尽きます。

ネットショップを制作された方、運営された方ならご存じだと思いますが、クレジット決済の導入は
不可欠です。お手軽に購入できるのが、ネットショップの醍醐味ですからね。代引きなんて利用すれ
ば余計な費用もかかりますし、購入者の視点から考えれば、当たり前のことでもあります。

ただ、直接カード会社と取引するのは、中小企業にとっては、少々ハードルが高いと思います。とい
うか多分無理。多分相手にされません。結果として代行会社を通すことになります。

しかし、どこも決済手数料が高い。粗利で20～30%確保できる商材じゃないと、商売として成立させる
の難しくないでしょうか。決済手数料に加えて、初期費用や月額費用の問題もありますし、トランザク
ション費用、取り消し費用など多岐に上ります。
よくあるのが、「商品は売れるが利益がでない…」って会社はこれらが原因じゃないでしょうか。
楽天などのプラットフォームに参加している場合、上記の金額に更に加算されますからね。

私が勤めている会社で販売する商品は、主にデジタルコンテンツが中心となります。創業40年以上の会
社ですし、質の高いコンテンツは正直腐るほどあります。内容も他社には負けないでしょう。というか
真似ができません。しかし、売れるのが分かっていても、今後のことを考えると余分な経費はかけたく
ありません。

結果として、カートを自作してPayPal経由で購入していただくのが最善なのかなと。
色々調べた結果、たどり着いた一つの結論です。
海外のWordpress用プラグインをカスタマイズすれば、物販、デジタルデータ両方に対応させることもで
きそうです。

次回は、PayPalやカスタマイズについて深く掘り下げてお話しできればと思ってます。
あっそれと、デジタルデータ、物販両方に対応しているショッピングカートをご存じの方、僕にこっそり
教えてください!（笑）ちなみにPC、携帯（3キャリア）、スマホ(Android、iPhone)全てに対応です…

サーバー上のPHPに関する情報の確認

tatuo — Sat, 14 Jan 2012 15:33:43 +0000

新年明けての初更新。
今年も皆さんよろしくお願いします。

早速ですが業務上、顧客サイトを修正する場合最初に何を確認しますか？
人それぞれでしょうが、私はサーバーの情報を確認します。

PHPでサイト構築をする場合、PHPのバージョン、拡張モジュール、定義済み変数の確認は必須でしょう。

上記の情報を確認したい場合
phpinfo()関数を使うと便利です。

下記のスクリプトをサーバー上にアップロードしてブラウザ上から確認するだけです。

ちなみに、上記のコードに終了タグが入ってないので、おや？
って思う方もいるかもしれませんが、

ファイルが終了タグで終わる場合、
?>は省略可能です。

サーバーによってはこの関数を使用できない場合もあるらしいけど、どうなんだろう。。。
当サイトで使用しているエックスサーバー上では問題なしです。

XAMPP内PHPフォルダ、php.iniをUTF-8に設定

tatuo — Sat, 24 Dec 2011 02:44:24 +0000

会社のスマホサイトも無事オープンして（docomoのSPモード不具合には参った。。。）
今は自社のWebサイトリニューアルに取り組んでます。

前任者が書いたソースを改変することになるので、非常に怖い部分もありますが、スキルを向上させる
という意味では非常にやりがいがあります。

取材要員として入社したのですが、現状私の基本的な知識が欠落してるので、手っ取り早く会社に貢献できる
ということで構築を任された感じです。ちなみに指示など一切ありません。頼れるのは己の技量だけ。
並行して取材に必要な知識の習得もあり非常にハードな生活です。

ただ、直近の上司が非常に有能な方で、「なんでそこまで知ってるの？」というぐらい博識なので安心感はあります。安易に聞くことはできませんが。

話は戻り、このWebサイトはPHPとjQueryで書かれてます。とりあえずEclipsePHPを導入して少しずつ変更する予定。導入にあたって文字コードをUTF-8に統一したかったので、php.iniファイルを触って文字コードの設定を行ったので備忘録として残したいと思います。

XAMPPのバージョンによっては、このやり方ではできないかもです。
私は1.7.1インストーラ版使ってます。

以下該当箇所を順次変更してください。
エディタかなんかで検索して変更したらいいよ。楽だし。
それとバックアップ忘れずに。
自己責任で行ってください。

;default_charset = “iso-8859-1″
↓
default_charset = “UTF-8″
先頭のセミコロンを外して、iso-8859-1をUTF-8に変更

内部で処理する文字コードを変更
;mbstring.language = Japanese
↓
mbstring.language = Japanese
先頭のセミコロンを外して。

;mbstring.internal_encoding = EUC-JP
↓
mbstring.internal_encoding = UTF-8
セミコロンを外し、EUCをUTF-8に変更。

;mbstring.http_input = auto
mbstring.http_input = auto
先頭のセミコロン外す。

;mbstring.http_output = SJIS
↓
mbstring.http_output = UTF-8
セミコロン外し、SJISをUTF-8に変更。

;mbstring.encoding_translation = off
↓
mbstring.encoding_translation = on
セミコロン外し、offをonに変更
※内部コードへの変換が可能になるようです。
詳しいことは各自で調べて。

;mbstring.detect_order = auto
mbstring.detect_order = auto
先頭のセミコロン外す。
以上。

これで文字化けは解消だー

Dreamweaverを使ってWordPressのテーマを簡単カスタマイズ！

tatuo — Fri, 18 Nov 2011 03:46:46 +0000

WordPressテーマをカスタマイズする場合、通常は【編集→ブラウザで確認】というやり方で
すると思います。ここ最近テーマを編集することが多くなってきたので、作業効率を考えても現状
の方法がベストと思えなく、色々探していたらこちらに参考になる記事がありました。

Dreamweaver CS5とWordPressを連携させる方法 | デベロッパーセンター

偶然ですが、上記の記事内で私が過去に書いた記事が紹介されてました。

XAMPP上にWordPressを導入する方法

Adobe – Dreamweaverデベロッパーセンターで紹介していただけるなんてとっても光栄です。
ご紹介ありがとうございました。

早速ですが、この記事を参考にDreamweaverCS5を使ってWordPressと連携させてみました。

サイトの設定

サイトから→【新規サイト】を選択
サイト名は任意で大丈夫です。
ここでは例として、テストサイト1と仮名。

【ローカルサイトフォルダー】にはあなたがWordPressをインストールした
フォルダを指定します。

参考までに私の環境。

【私の使用環境　Xampp　C:\xampp\htdocs\xampp\wordpress】

テストサーバーの設定

ローカルにて、サーバー環境を構築されたい方はXAMPP導入編をご覧になってください。

メニュー一覧から【サイト】→【サイトの管理】から先ほど作成したものを選び編集をクリック。

左側のカテゴリからサーバーを選択します。
すると、左下のほうに＋の印があると思いますのでそちらをクリックします。

使用する接続の中から、【ローカル/ネットワーク】を選択します。
サーバー名はデフォルトで大丈夫。

サーバーフォルダーは、最初のサイト設定時にローカルフォルダーを指定したと思いますが、
それと同じ場所を指定します。

私の場合このような感じです。

【C:\xampp\htdocs\xampp\wordpress】

※テストサーバーの意味が分からない方へ

このページを見ているぐらいですから、独自ドメインを取得してレンタルサーバー
上でWebサイトを作ったことがある方がほとんどだと思いますが、要するにそのような
環境をローカル上にて実現することです。

以上が大まかな設定となります。

実際に動くか試す

※予め管理画面にて、編集したいテーマを有効にして
ください。

右下にてローカル上のフォルダの中身が見えていると思いますが、
この中のindex.phpをクリックします。

すると

【このページにはサーバーのみによって検索される動的関連ファイルがある可能性があります。】
とう文字があらわれますので、右横の検索をクリックします。

【デザインビューで表示できないサーバー処理ディレクティブがあります。】
　と表示されます。

その横のライブビューをクリックします。

これで設定は終了です。

では実際にテーマを編集してみたいと思います。

メニュー一覧から【表示】→【関連ファイル一覧】

template-loader.phpより下の部分が現在お使いのテーマファイル一覧です。

試しに、index.phpを編集してみます。

以下の部分に

　　　　
　（タイトルを出力するテンプレートタグ）

編集したらファイルを保存。
ちなみに保存には、Ctrl＋Sのショートカット（ファイル保存）でも可能。

最後にデザインビューを更新します。
F5のショートカットを使用しても同じです。

このように反映されます。

上手に活用すればテーマ編集を効率的に行えそうです。

当分は慣れる意味でもこのやり方で行おうと思います。
せっかくDreamweaverCS5を買ったのですから。
一年前ですけど。

画像を一括アップロードできるFile Gallery

tatuo — Wed, 09 Nov 2011 01:47:32 +0000

チュートリアルな記事が多いので、どうしても画像を沢山使ってしまう当サイトにとって、
このプラグインは重宝してます。 10枚前後画像を挿入する場合には、かなりの時間節約になると思います。

こちらでプラグイン本体を入手します。

WordPress › File Gallery « WordPress Plugins

プラグインをアップしたら有効。画像を複数アップロードすると、以下のように管理画面の下の部分に
アップした画像全体が表示されるようになります。

ちなみに、画像をアップするとき、shift＋矢印キーで一気に選べます。これ豆知識。

今回は全ての画像にチェックを入れてみました。

設定が全て終わったら、single filesをクリック。

実際に全ての画像を反映させるとこんな感じになります。

画像挿入タグが一気に入ってしまうので、適度に改行を行い整形しながら記事を書けば、
とっても便利に活用できるプラグインだと思います。

『最新版』XAMPP上にWordPressを簡単インストール

tatuo — Wed, 12 Oct 2011 16:12:08 +0000

いまだにちょくちょくアクセスがあるようで、それなりに需要のある記事なんだなぁーと思いつつ、あれから数年たってちょっと久しぶりに最新版のxamppのインストールをしてみた。以前書いた記事はこちら。

XAMPP上にWordPressを簡単に導入する方法 | WordPress【ワードプレス】初心者の部屋～使い方知っとこ？

新しいの使ってみたかったしね。
以下画像を交えて解説。所用時間約６分でインストール可能（xamppダウンロード時間除く）

今回もZIPは使いません。やっぱりインストーラ版を使用します。

ちなみに現在の最新バージョンはこちら

xampp-win32-1.7.7-VC9-installer.exe

XAMPP – Browse /XAMPP Windows at SourceForge.net

ファイルサイズが80MB前後あるんでダウンロードには若干時間かかります。当方の環境は光ですが数十分かかりました。

1.7.7をクリック

xampp-win32-1.7.7-VC9-installer.exeをクリック

最新バージョンは英語しか選べませんのでそのままクリックちなみに、英語だからといってインストール作業に支障はありません。

以下ウィザードに沿って順次クリックしていきます。

Apache と MySQLにチェックを入れます。

しばしおまちを

Apache と MySQLが起動しているのを確認します。通常は起動したままの状態でログインパネルが現れるはずです。

インストールは以上で完了です。お次は、ブラウザのアドレスバーに、次のように入力してxampp初期画面に移動してください。

http://localhost/

すると以下のような画面が現れるはずです。日本語をクリック

成功したら以下ような画面が現れます。

続いて左下のphpMyAdminクリックすると以下のような奇妙な画面が現れます。うおーphpMyAdminの管理画面かなり変わってますね・・・・なんかおしゃれになったし、若干使いやすい気がする。

Languageから日本語を選び選択。

新規データベースを作成します。名前はなんでもいいです。wordpressでもいいですよ。

データベースを作成したら wordpressのファイルをこちらからダウンロードしてください。

WordPress | 日本語

ダウンロードしたwordpressファイルを、そのままxamppフォルダの中のhtdocsに入れます。入れたら

http://localhost/wordpress/

にアクセスしてみてください。

ユーザー名はroot パスワードは未記入

お疲れ様でした！セキュリティーの設定はちゃんとしてくださいね。

とりあえずいまんところ不具合もなしに稼働してます。

新規投稿時のリンク作成したいときに便利なアドオン（FirefoxとChrome）

tatuo — Sun, 09 Oct 2011 07:52:08 +0000

WordPressで新規投稿するとき、他のサイトなどを紹介したい場合そのサイトのURLやタイトルをリンクする場合いちいちコピペするのはとっても面倒。

ブラウザのアドオン関係で探していたら便利なアドオンを見つけました。

リンク用HTMLを簡単に作成してくれる

Make Link :: Add-ons for Firefox

Create Link – Chrome ウェブストア

基本的な使い方はFirefoxもChromeも同じです。ここではFirefoxでの使い方を解説します。

自分が引用したいサイトなり記事にとびます。そのまま右クリックすると Make Linkというがあると思いますのでそのまま選んで、 HTMLをクリック。するとクリップボードに自動的にコピーされますので、記事内で貼り付けてみてください。すると記事タイトル　URLが反映されているのが確認できると思います。

これで、今までこぴぺを多用していた面倒くさい作業から解放されます。

WordPressのプラグインでは似たような機能なないのかな。ちょっと探してみて見当たらなかったけど。