Category Archives: WordPress

WordPressをサブディレクトリにインストールしたときのメモ

0
Filed under WordPress
Tagged as

レンタルサーバ等で、WordPressをサブディレクトリとして公開したいときの設定にハマったので、解決方法をメモしておきます。
例えば、下記のようなドメインで公開したい、という時の話になります。
http://my_account.sakura.ne.jp/blog2/
いろいろな設定が必要だとは思いますが、私のケースで、最後までわからなかったところです。。

.htaccessのrewrite設定

WordPressを入れた時に.htaccessの初期設定は下記のようになっています。

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
 
# END WordPress

これを上記の場合(http://my_account.sakura.ne.jp/blog2/)は下記のように修正します。

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /blog2/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /blog2/index.php [L]
</IfModule>
 
# END WordPress

RewriteBaseと、RewriteRuleの2箇所を修正しています。
分かってしまえば簡単ですが、、個別のページが表示されない(Not Found)となってしまうのに、トップは表示されたりして、結構ハマりました。

vccw環境構築メモ

0
Filed under Mac, WordPress
Tagged as , ,

vccw – http://vccw.cc/という、WordPress環境をもったVM(Vagrant)上に構築する仕組みがとても便利そうなので、インストールしたメモになります。

vccwをやってみる

vccwの”Getting Started”を参考に進めてみます。
ちなみにこの記事を書いた時の環境は、Mac OS X 10.10.5 Yosemiteです。

インストール VitualBox, vagrant

まず、VitualBoxと、vagrantのインストールですが、これらは両方共Macのインストーラからインストールする仕組み(パッケージマネージャを使わなくて気楽)なので、ダウンロードしてインストールします。
今回インストールしたバージョンはそれぞれ下記のようになります。
・VirtualBox 5.0.10 r104061
VirtualBox Dialog

・Vagrant

$ vagrant --version
Vagrant 1.8.1

vagrant プラグインをインストール

これもそのままTerminalにコピペで実行したら無事インストールできました。

$ vagrant plugin install vagrant-hostsupdater
Installing the 'vagrant-hostsupdater' plugin. This can take a few minutes...
Installed the plugin 'vagrant-hostsupdater (1.0.1)'!

vccwのzipをダウンロードして展開

vccw.ccにあるリンクからダウンロードして、展開します。
試したときのファイルパスは下記のようになっていました。
https://github.com/vccw-team/vccw/archive/2.19.0.zip
でした。

これで実行するだけ!?

vccw.ccによると、展開したフォルダにcdして、vagrantを起動($ vagrant up)すればその中にあるVagrantfileを起動して実行出来るとのことですが、、、『え、これだけで!?』と、疑心暗鬼でコマンドを実行してみます。

$ cd vccw-2.19.0
$ vagrant up
Bringing machine 'vccw.dev' up with 'virtualbox' provider...
==> vccw.dev: Removing hosts
==> vccw.dev: No machine id, nothing removed from /etc/hosts
==> vccw.dev: Box 'miya0001/vccw' could not be found. Attempting to find and install...
    vccw.dev: Box Provider: virtualbox
    vccw.dev: Box Version: >= 0
==> vccw.dev: Loading metadata for box 'miya0001/vccw'
    vccw.dev: URL: https://atlas.hashicorp.com/miya0001/vccw
==> vccw.dev: Adding box 'miya0001/vccw' (v2.19.0) for provider: virtualbox
    vccw.dev: Downloading: https://atlas.hashicorp.com/miya0001/boxes/vccw/versions/2.19.0/providers/virtualbox.box
    vccw.dev: Progress: 17% (Rate: 1647k/s, Estimated time remaining: 0:10:37)

という感じで処理が進み、virtualboxの環境(box)のダウンロードで結構時間がかかりました。
(ネット環境に依存します)
その後、インストールが始まり、途中、/etc/hosts への設定書き込みで、パスワード入力を求められました。

最後、下記のような表示で完了しました。

==> vccw.dev: [2016-01-11T08:31:05+00:00] INFO: Chef Run complete in 277.768070093 seconds
==> vccw.dev: 
==> vccw.dev: Running handlers:
==> vccw.dev: [2016-01-11T08:31:05+00:00] INFO: Running report handlers
==> vccw.dev: Running handlers complete
==> vccw.dev: [2016-01-11T08:31:05+00:00] INFO: Report handlers complete
==> vccw.dev: Chef Client finished, 37/231 resources updated in 279.429530262 seconds

問題なくインストールできたようです!

動作確認

これで本当にできたかどうかを、vccw.ccにあるように、 http://vccw.dev/ か、 http://192.168.33.10/ にブラウザでアクセスしてみると、下記のようにWordPressページが表示されます!
vccw 起動画面
無事、動いているようです!
vccw.ccにあるように設定されているか確認してみます。
http://vccw.dev/wp-admin/
にアクセスして、admin/admin で入力してみると、無事ダッシュボードにログインできました。
WordPress 4.4.1で、デフォルトのTwenty Sixteenテーマが設定されています。
素晴らしい!
すごい、簡単!!!

確認: VitualBox

vagrant upしたターミナルで、そのまま vagrantの状態を確認してみます。

$ vagrant status
Current machine states:
 
vccw.dev                  running (virtualbox)

と表示されました。
実際に、アプリ側のVirtualBoxを見てみると、vccw.devというVMが実行中となっていて、これがvccwの動いているVMのようです。

確認: /etc/hosts

192.168.33.10 vccw.dev # VAGRANT:
という感じの行が追加されていて、IPアドレス 192.168.33.10 が、 vccw.dev にマッピングされています。

SSHで入ってみる

立ち上がっているVMにSSHで入ってみます。

$ vagrant ssh
Last login: Mon Jan 11 08:54:20 2016 from 10.0.2.2
                   ___           ___           ___
      ___         /  /\         /  /\         /__/\
     /__/\       /  /:/        /  /:/        _\_ \:\
     \  \:\     /  /:/        /  /:/        /__/\ \:\
      \  \:\   /  /:/  ___   /  /:/  ___   _\_ \:\ \:\
  ___  \__\:\ /__/:/  /  /\ /__/:/  /  /\ /__/\ \:\ \:\
 /__/\ |  |:| \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ \:\/:/
 \  \:\|  |:|  \  \:\  /:/   \  \:\  /:/   \  \:\ \::/
  \  \:\__|:|   \  \:\/:/     \  \:\/:/     \  \:\/:/
   \__\::::/     \  \::/       \  \::/       \  \::/
       ~~~~       \__\/         \__\/         \__\/
 
http://vccw.cc/
 
Initial code by Takayuki Miyauchi.
https://github.com/miya0001

次は

これで一通りローカルの環境はできたので、もうMAMPとか使う必要も無さそうですね。
と思っていたら、このままでは画像等のメディアファイルの登録ができませんでした。
次はその辺りを解決してから、複数サイトを作る手順とか、デプロイの手順を確認していこうと思います。

WP Social Bookmarking Lightの微調整

0
Filed under WordPress
Tagged as ,

WordPressにfacebookやtwitterのボタンをつける便利なプラグイン「WP Social Bookmarking Light」があります。
とあるページで使っているのですが、iPhoneから見ると、Facebookのいいね!ボタンが表示されない、という問題がありました。

Versionをiframeにする

xfbmlになっていたのですが、これが問題で、html5かiframeにすると、表示されるようになりました。
WP Social Bookmarking Light
今回は後述する理由で、iframeを選びました。

ズレる問題を修正

iPhoneで見ると表示されるのですが、ズレる問題が出てきます。
このページを参考にして下記CSSを、設定画面の「Style」タブに追記します。

.fb_iframe_widget {
	width: auto !important;
	display: inline-block !important;
}

これでばっちり表示されるようになりました!

はじめてのWordPressのプラグイン制作!

0
Filed under PHP, WordPress
Tagged as ,

WordPressのプラグインの仕組みを知ろうと思ってドキュメントを読んでいたら、思っていたより簡単そうなので、試してみました!
※参考文献:WordPressプラグインの作り方 (PDF。池田 百合子、2009年6月27日)

ソースを準備

簡単なプラグインは、本文を表示する仕組みにフックするプラグインとします。

適当なテキストエディタで、新規テキストファイルを作成します。
エンコーディングはUTF-8、改行コードはLF。
下記のようなコードを入力し、torques_test_plugin_001.phpとして保存。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
 
/*
Plugin Name: Torques Test Plugin 001
Description: my first plugin.
Version: 0.0.1
Author: Torques Inc.
Author URI: http://www.torques.jp/
*/
 
function hogehoge_content($arg_content) {
	return "(。・∀・)ノ ".$arg_content;
}
 
add_filter( 'the_content', 'hogehoge_content' );
 
?>

簡単なPHPスクリプトですので、説明するまでも無いですが、機能の説明をすると「本文の前に顔文字 (。・∀・)ノ を追加する」というプラグインになります。

プラグインインストール!

インストールと言っても、このテキストファイルを、 (WordPressルートディレクトリ)/wp-content/plugins/ に配置するだけ!

WordPressの「ダッシュボード/プラグイン/インストール済みプラグイン」を見てみると、ファイル内に記述した名前でインストールされていることがわかります。

あとは「有効化」をポチっとするだけで、もう完了!

さて、WordPressの公開側を見てみましょう。

出来ていますね!!

以上、WordPressプラグイン制作最初の一歩、でした!


[AD]

↓このキーホルダーは、iPhoneアプリから探せるし、iPhoneを探すことも出来る!iPhone4S専用だけど素晴らしいガジェット!キーホルダーにつけておこう!

SoftBank SELECTION IZCONY for iPhone 4S IZCONYとiPhoneを鳴らして探す ブラック

SoftBank SELECTION IZCONY for iPhone 4S IZCONYとiPhoneを鳴らして探す ブラック

定価:¥ 2,980

カテゴリ:エレクトロニクス


↓防水+GPS+各種エフェクト機能搭載!今一番欲しい、超お買い得コンデジ!

Nikon デジタルカメラ COOLPIX (クールピクス) AW100 サンシャインオレンジ AW100OR

Nikon デジタルカメラ COOLPIX (クールピクス) AW100 サンシャインオレンジ AW100OR

中古価格: ¥ 14,375 より

カテゴリ:Camera

発売日:2011-09-08