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

サーバー上の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のプラグインでは似たような機能なないのかな。ちょっと探してみて見当たらなかったけど。

突然だけど、有料のWebサービス全般について

tatuo — Tue, 06 Sep 2011 22:47:46 +0000

WordPressはオープンソースなんで無料です。

世の中には、ただほど怖いものはないという格言があるけど

WordPressに関しては、今はとりあえず大丈夫のようです。
（今後どうなるかわからんけど）

有償でしょうもない機能を搭載して、さも自分達が凄いことをしてるんだぜ
おらーみたいな輩を発見すると、悲しくもなりますがそれ以上に憐れみをおぼえます。
憐憫憐れみをなんとかってか。

資本主義社会では、労働の対価イコール金銭が常識ですが、インターネットの世界には
そんなこと無問題です。

まだまだ巨大資本は投下されてないから、中小零細でもニッチな場所を探せば生きて
いける気がします。

この世界では、資本主義の常識は通用しません。
無学で資本のない者でも、アイデア一つで世界を席巻できます。
アイデアで世界を席巻。

初心者を騙す連中はどの世界でもいます。
うまい話には裏があると思って近寄らないほうが賢明だと思います。

わけのわからないシステムにくいつくのはやめましょう。
とふと思ったんで書いてみた。

WordPress Backupを使ってテーマ、画像、プラグインを保存せよ！

tatuo — Fri, 22 Jul 2011 12:45:27 +0000

前回、データベースのバックアップについて解説しました！今回は、データベース以外のファイルをバックアップする方法を解説します。

ちなみに、WordPressは画像、テーマ、プラグインのバックアップをとっておかないと、完全に復元することができません！

だから、前回のWP-DBManagerと今回のWordPress Backup　↓

WordPress › WordPress Backup « WordPress Plugins

合わせて行うようにしましょう。これもGmailにバックアップファイルを転送することが可能。

本当は、データ保存するディレクトリも変更したほうが安全かも。。。

設定についてはまた気が向いたら書くね！そんじゃね！

WP-DBManagerが秀逸な件　Gmailに定期的に自動転送したよ

tatuo — Wed, 20 Jul 2011 07:44:47 +0000

ダッシュボード内のエクスポート機能を使ってデータベースのバックアップをとるのも簡単でいいけど、定期的に、例えばGmailやクラウド上にデータを自動で転送できたらいいなぁということで今更ですが、WP-DBManagerを使ってみました。

WordPress › WP-DBManager « WordPress Plugins

しかし、このWP-DBManagerプラグインを有効にすると、いきなり以下のような文言ダッシュボード内に現れる。焦るじゃないか！全く

『Your backup folder MIGHT be visible to the public』

要するに「バックアップフォルダに制限をかけなさい！」と言ってるみたい。

じゃないと、「バックアップ用のフォルダに悪意ある第三者からアクセスされまっせ！」ってこと。

この警告文をなくすには、.htaccessでアクセス制限をしてあげる必要があります。やり方として、wp-content/plugins/wp-dbmanagerの中の

「htaccess.txt」を「.htaccess」にリネームします(サーバー上でそのままリネームしてください)
※リネームとはファイル名の変更

リネームした.htaccessをwp-content/backup-dbにアップロードします。

これで上記の『Your backup folder MIGHT be visible to the public』という警告文は消えるはずです。
めでたしめでたし！

しかし次なる問題が。。。

このプラグインは日本語に対応してません。
DBのような基幹情報を英語でさわっていくのは不安がつきまといます。

日本語で管理画面をさわりたいため以下のパッチを使います。

WP-DBManager 日本語版 – MMRT daily life

ダウンロードしたファイル内の

wp-dbmanager.pot wp-dbmanager-ja.mo

この２つのファイルをwp-content/plugins/wp-dbmanager内にアップロードします。

これでOKです。

私の場合、定期的にGmailにバックアップしたファイルを転送しています。

バックアップの頻度は自分の好きなように設定しましょう。たったこれだけ本当に簡単だ。

※追記　バックアップファイルは必ずGZIP圧縮しましょう。じゃないとデータおっきすぎます…

PHPのバージョンをPHP5.2 (5.2.14)に変更

tatuo — Thu, 14 Jul 2011 21:20:36 +0000

最新版のWordPressに更新したかったので、PHP5.1.6からPHP5.2.14に変更してみました。

不具合を懸念してたので念のためバックアップ。

エックスサーバーパネルの「PHP Ver切り替え」からPHP5.2.14に変更。とっても簡単でした！

写真と投稿内容は全く関係ないけど、なんとなくのせてみました！