Subcribe via RSS

WordPressでpre内のはみ出す部分を自動的に折り返す

2011/9/25 | Posted in wordpress

preタグというのは、以下のようなやつです。
自分は、ブログでコマンドや設定を書く際に使っています。

testtest

プログラムを書くときは、syntaxhighlighterというプラグインを使っています。

で、preタグを使うとき1行が長いとそのまま枠からはみ出してしまう、という問題があったのでcssを修正しました。

pre {
    /*これまでの設定に以下を追加*/
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}
(↑これがsyntaxhighlighterです。このCSSでは全然highlightされていません。)

これで一応折り返されるようになりましたが、IE等は未確認です。
また、syntaxhighlighterで書いたコードは折り返されずにスクロールできるようになっています。

参考にしたサイト




Tags: ,

さくらVPS+ubuntu+wordpressにnginx入れたメモ

2011/9/19 | Posted in server, wordpress

最近nginx(とリバースプロキシ)さくらVPSでwordpressを高速化する、系のpostをたびたび見るので、自分もやってみました。
アクセスあんまりないからapacheでも十分だけど、nginx触ってみるのが主な目的です。

centosの場合ですが、以下のサイトが解説が丁寧でわかりやすかったです。
さくらVPSとnginxリバースプロクシで最速WordPressブログを作る方法(ベンチマーク付き) | さくらたんどっとびーず

さくらvpsをデフォルトのcentosで使ってる人も多いと思いますが、自分はゆとりなのでyumよりaptの方が好きだったりなどの理由でubuntuで使っています。


主に参考にしたサイト

基本的には上記の3つのサイトを参考に、設定をコピペして使っています。

nginxのインストール

/etc/apt/sources.listをに以下を追加
deb http://ppa.launchpad.net/nginx/stable/ubuntu lucid main

以下を実行
$ sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys C300EE8C
$ sudo aptitude update
$ sudo aptitude install nginx


php + fastCGI

自分はphpのインストールはすでにやっていました。
$ sudo aptitude install php5-cli php5-cgi php5-gd spawn-fcgi

/usr/bin/php-fastcgi を作成
#!/bin/sh
/usr/bin/spawn-fcgi -a 127.0.0.1 -p 9000 -C 6 -u www-data -f /usr/bin/php5-cgi

permissionの設定
$ sudo chmod a+x /usr/bin/php-fastcgi

/etc/init.d/php-fastcgi を作成
#!/bin/bash
PHP_SCRIPT=/usr/bin/php-fastcgi
FASTCGI_USER=www-data
RETVAL=0
case "$1" in
    start)
        su - $FASTCGI_USER -c $PHP_SCRIPT
        RETVAL=$?
    ;;
    stop)
        killall -9 php5-cgi
        RETVAL=$?
    ;;
    restart)
        killall -9 php5-cgi
        su - $FASTCGI_USER -c $PHP_SCRIPT
        RETVAL=$?
    ;;
    *)
        echo "Usage: php-fastcgi {start|stop|restart}"
        exit 1
    ;;
esac
exit $RETVAL
console output

自動起動の設定
$ sudo chmod a+x /etc/init.d/php-fastcgi
$ sudo update-rc.d php-fastcgi defaults
$ sudo /etc/init.d/php-fastcgi start

nginxの設定


デフォルトの設定を削除
(どこかに保存しておいた方がいいと思います)
$ sudo rm /etc/nginx/sites-enabled/default


/etc/nginx/site-enable/tjun.jp の作成
※自分の場合は、rootがtjun.jp というサイトで、/blog/以下がwordpressとなります。
wordpressのダッシュボートが/blog/wp-admin/でアクセスできなかったので、そこを少しいじっています。

server {
listen 8001;
server_name _;
access_log /var/log/nginx/fastcgi-access.log;

location / {
root /home/www;
index index.php index.html;
# static files
if (-f $request_filename) {
expires 30d;
break;
}
}
location ~ \.php$ {
root /home/www;
include /etc/nginx/fastcgi_params;
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME /home/www/$fastcgi_script_name;
}
location ~/\.ht {
deny all;
}
location /blog {
root /home/www/blog;
index index.php;
if (-f $request_filename) {
expires 30d;
break;
}
if (!-e $request_filename) {
rewrite ^.+?(/wp-admin/) /blog/wp-admin/index.php last;
rewrite ^.+?(/wp-.*) $1 last;
rewrite ^.+?(/.*\.php)$ $1 last;
rewrite ^ /blog/index.php last;
}
}
location ~* ^.+.(jpg|jpeg|gif|png|css|js|flv|swf|ico|xml)$ {
access_log off;
expires 30d;
root /home/www;
}
}
upstream backend {
ip_hash;
server 127.0.0.1:8001;
}
server {
listen 80; server_name tjun.jp;
access_log /var/log/nginx/tjun.jp.access.log;
error_log /var/log/nginx/tjun.jp.error.log;
location ~ .*\.(htm|html|jpg|JPG|gif|GIF|png|PNG|swf|SWF|css|CSS|js|JS|inc|INC|ico|ICO) {
root /home/www;
index index.php;
ssi on;
break;
}
location /blog/wp-admin { proxy_pass http://backend; }
location /blog/wp-login.php { proxy_pass http://backend; }
location / {
if ($http_cookie ~* "comment_author_|wordpress_(?!test_cookie)|wp-postpass_" ) {
set $do_not_cache 1;
}
if ($http_user_agent ~* “2.0\ 2MMP|240×320|400X240|AvantGo|BlackBerry|Blazer|Cellphone|Danger|DoCoMo|Elaine/3.0|EudoraWeb|Googlebot-Mobile|hiptop|IEMobile|KYOCERA/WX310K|LG/U990|MIDP-2.|MMEF20|MOT-V|NetFront|Newt|Nintendo\ Wii|Nitro|Nokia|Opera\ Mini|Palm|PlayStation\ Portable|portalmmm|Proxinet|ProxiNet|SHARP-TQ-GX10|SHG-i900|Small|SonyEricsson|Symbian\ OS|SymbianOS|TS21i-10|UP.Browser|UP.Link|webOS|Windows\ CE|WinWAP|YahooSeeker/M1A1-R2D2|iPhone|iPod|Android|BlackBerry9530|LG-TU915\ Obigo|LGE\ VX|webOS|Nokia5800″) {
set $do_not_cache 1;
}
proxy_no_cache $do_not_cache;
proxy_cache_bypass $do_not_cache;
proxy_pass http://backend;
proxy_cache czone;
proxy_cache_key $scheme$proxy_host$uri$is_args$args;
proxy_cache_valid 200 10m;
}
}

/etc/nginx/nginx.confの編集
proxy cacheの設定をvirtual host configより上に書かないとエラーになります。

user www-data;
worker_processes 4;
pid /var/run/nginx.pid;
events {
worker_connections 768;
# multi_accept on;
}
http {
##
# Basic Settings
##
sendfile on;
tcp_nopush on;
tcp_nodelay on;
keepalive_timeout 65;
types_hash_max_size 2048;
# server_tokens off;
# server_names_hash_bucket_size 64;
# server_name_in_redirect off;
include /etc/nginx/mime.types;
default_type application/octet-stream;
##
# Logging Settings
##
access_log /var/log/nginx/access.log;
error_log /var/log/nginx/error.log;
##
# Gzip Settings
##
gzip on;
gzip_disable "msie6";
# gzip_vary on;
# gzip_proxied any;
# gzip_comp_level 6;
# gzip_buffers 16 8k;
# gzip_http_version 1.1;
# gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
##
# proxy cache
##
proxy_cache_path /home/www/nginx_cache levels=1:2 keys_zone=czone:4m max_size=50m inactive=120m;
proxy_temp_path /home/www/nginx_tmp;
##
# Virtual Host Configs
##
include /etc/nginx/conf.d/*.conf;
include /etc/nginx/sites-enabled/*;
}

以上です。

これで、apache止めてnginx動かすと、正しく動いているように見えます。
性能は測ってませんが、キャッシュがちゃんと効けば速くなるはずです。

アクセスも更新もあまりないサイトなので、この後少し設定を直しました。




Tags: , ,

google+1ボタンをwordpressに

2011/6/4 | Posted in web, wordpress

Google Supply Chain Operations
Creative Commons License photo credit: Dawn Endico
googleの+1ボタンをwordpressのブログに設置しよう!

google+1のwebmaster向けサイトからコードをコピーして使います。

そのまま使ってもいいのですが、ページのURLを含めることもできるので、wordpressに合わせたページのURLも含めるコードに変えましょう。
以下のコードを、single.phpの表示したい場所に入れれば動くと思います。


普通のサイズ

<!-- google+1 -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone href="<?php the_permalink() ?>"></g:plusone>

小さいサイズ

<!-- google+1 -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="small" href="<?php the_permalink() ?>"></g:plusone>


以上です。




Tags: ,

さくらVPSへ移行

2011/3/17 | Posted in server, wordpress

Sakura
Creative Commons License photo credit: Windslash

そういえば、結構前になりますがこのブログとかをレンタルサーバからさくらのVPSに移行しました。


VPSはレンタルサーバと違って触れる部分が多いので、いろいろやりたい人にはおすすめです。
cron仕掛けたり、ほかのところで紹介されているwebサイト高速化を試してみたり。
値段もそんなに高くないと思います。

wordpressなどをさくらVPSに移行したときにやったことを書こうと思ったけど、あまり覚えていません。

このブログはwordpressですが、wordpressを動かす前にphp入れてapache入れてmysql入れて、っていうのをやらなきゃいけません。
wordpressの移行はデータベースの移行と設定の書き換えでちょっとはまりかけました。
ドメインの移行もはまりかけました。

でも移行してよかったと思います。
OSもある程度選べて、結構自由にできます。

以下は参考になりそうな記事。





Tags: , ,

WordPressのアップデートと古いblogの記事移転

2010/7/9 | Posted in Diary, wordpress

Wordpress3.0導入 と 古いブログのマージ。
古いブログのRSSをsubscribeしている人もこれからのfeedが届くのかもしれない。

移行めも。

Wordpress3.0にしたかったんだけど、使っているレンタルサーバのMySQLのバージョンが4.xだったからできずにいた。
でも実はレンタルサーバでMySQL5.1も利用可能だったので、MySQLのバージョン変えるところからやりました。

レンタルサーバーではphpmyadminのインターフェースがあったので、そこからdbをSQLでエクスポートして、WordPressの管理画面からデータもエクスポートして、データベースを削除して、新たにMySQL5.1でデータベース作って、さっきエクスポートしたSQLをインポート。

しかしここでsame database exitsのエラーが。
ということで、エクスポートしたSQLをエディタで開いて、”CREATE DATABASE ***“の部分をコメントアウト。
またインポートしようとすると今度は USE dbname の部分でsql構文エラーが。
エクスポートしたSQLのdb nameがbackquoteで囲まれていないのが原因で、 USE `dbname`に修正。

これでインポート成功。
あとはwp-config.phpのdb serverを書き換え。これで今まで通りになった。
あとはWordPressの管理画面からWordpress3.0-jaに自動アップデートを実行。これもうまくいった。


で、このブログの前にやっていたブログが少しアクセスがあるけど放置状態だったので、そこの記事をこのブログにマージすることに。

前のブログもwordpressで、記事へのurlのパーマリンク設定が同じだったからできました。

まず古いブログでWordpressから記事のエクスポートをして、このブログの管理画面からインポート。
で、古いブログからのリダイレクトのため、古いブログの.htaccessに

Redirect permanent / http://tjun.jp/blog/
を記述。
これで、古いブログへのアクセスが全て今のブログに飛ばされます。
URLの構造が違っているとだめなので、パーマリンク設定が同じである必要があるような気がします。

グーグルのインデックスとか、はてブとかがどうなるのかがよく分からん。
現状でも、古い記事に情報を探しに来た人が、ちゃんと目的の情報に行けるはずなのでとりあえずいいか。




Tags: , ,
  • 書いてる人:

    Junichiro Takagi
    高木潤一郎

    http://tjun.jp
    mail@tjun.jp

    未踏でクリエータやってました。メーカーでエンジニアやってます。
    このブログは、会社とは関係なく個人の意見を書いています。

    RSS:


  • friendfeed: