Posts Tagged ‘WordPress’

linkタグの下線付き表示

木曜日, 4月 2nd, 2009

あ、書くの忘れていた。

link表示がわかりにくいので、下に破線で効果つけるような編集がしたいなーと思っていました。
自分で調べてみたものの結局わからなかったので、毎度のごとく tshinobu に相談。
年度末の忙しい中だと言うのにサクッと教えてくれました。ありがとうございますー

■style.cssの最後に以下を追加

.entry a:link,.entry a:visited {
       border-bottom:1px dashed;
}
.entry a:active,.entry a:hover {
       text-decoration: none;
       border-bottom:1px solid;
}

Firebugを使って調べてくれたそうです。うーん、私もWebアプリ屋さんの端くれのつもりなんで、Firebugぐらいはチャッと使えるようになっておかないといかんなぁ。

Tags: ,
Posted in miyai.jp, SNS用 | No Comments »

SyntaxHighlighter用jsファイル読み込み設定追加

木曜日, 3月 26th, 2009

bashを書いたりとかしていたので、SyntaxHighlighterにsh用のjsファイル読み込み設定を追加した。
で、ついでに他のコード対応用設定も追加。

■修正ファイル

archive.php
index.php
page.php
search.php
single.php

■追加する対応コード

Bash/shell
Diff
Perl
Plain Text
VB Script

■追加コード

<!-- SyntaxHighlighter Start -->
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shCore.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushRuby.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushCss.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushJScript.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushPhp.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushSql.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushXml.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushBash.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushDiff.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushPerl.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushPlain.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushVB.js"></script>
    <script type="text/javascript">//<![CDATA[
with(SyntaxHighlighter.config.strings){expandSource="+ ソースを表示";viewSource="プレインテキスト";copyToClipboard="クリップボードにコピー";copyToClipboardConfirmation="クリップボードにコピーされました";print="印刷";help="?";noBrush="Can't find brush for: ";brushNotHtmlScript="Brush wasn't made for html-script option: ";}SyntaxHighlighter.clipboardSwf="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/clipboard.swf";
SyntaxHighlighter.all();
//]]></script>
<!-- SyntaxHighlighter End -->

画面表示が重くなるかと思ったけど、体感ではあまり変わらないので、このままの設定でしばらく更新してみようと思う。

Tags:
Posted in miyai.jp | No Comments »

preタグのCSS編集

水曜日, 3月 25th, 2009

preタグ要素の場合、ターミナル画面っぽく表示するように編集。

■編集ファイル

\nautre1\style.css

■編集箇所

pre{background:#f3f2ed; border:solid 1px #9a9a9a; color:blue; margin:10px; padding:10px;}
↓
pre{background:#000; border:solid 2px #547881; color:#fff; margin:10px; padding:10px;}

CSSって、色指定で省略できるんですね。

background:#000000;
↓
background:#000;

Tags:
Posted in miyai.jp, SNS用 | No Comments »

Theme編集が続くよ。

火曜日, 3月 10th, 2009

なんだか自分で努力しているようなタイトルですが、他力本願モードに入っています。
tshinobuが「２カラム化ぐらいなら容易かと」と言ってくれたので、残りの「Themeのここを編集したいよヨ！」って物をお願いしてみました。
びっくりするぐらい、ササッと作ってくれました！

主に編集してくれたのは以下2点

編集点も細かく教えてくれたので、ちょっと自分でも勉強してみようっと。

thx!,tshinobu.
20090310_01

Tags:
Posted in miyai.jp, SNS用 | No Comments »

SyntaxHighlighter用のTemplate編集

月曜日, 3月 9th, 2009

SyntaxHighlighterが、新Themeでうまく表示されていなかったので、早速ソースをいじくってみることにする。
どうもjsファイルへのリンクタグが設定されていなかったようなので、以下のファイルの</body>タグ前に追加する事にする。
（CSSファイルの修正じゃなくって、HTMLテンプレートの編集で対応でした）

■修正ファイル

archive.php
index.php
page.php
search.php
single.php

■追加コード

<!-- SyntaxHighlighter Start -->
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shCore.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushRuby.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushCss.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushJScript.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushPhp.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushSql.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushXml.js"></script>
    <script type="text/javascript">//<![CDATA[
with(SyntaxHighlighter.config.strings){expandSource="+ ソースを表示";viewSource="プレインテキスト";copyToClipboard="クリップボードにコピー";copyToClipboardConfirmation="クリップボードにコピーされました";print="印刷";help="?";noBrush="Can't find brush for: ";brushNotHtmlScript="Brush wasn't made for html-script option: ";}SyntaxHighlighter.clipboardSwf="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/clipboard.swf";
SyntaxHighlighter.all();
//]]></script>
<!-- SyntaxHighlighter End -->

■参考ページ

syntaxHighlighter-plusのプラグイン

■その他

js内の日本語が文字化けしていたので、関係ファイルを全てUTF-8Nに変更してアップロードしなおしました。

なんかもっとスマートな方法があるような気もするけど、とりあえず気にしない。

Tags:
Posted in miyai.jp | No Comments »

WordPress用のTheme探し

日曜日, 3月 8th, 2009

ずっと放置していたThemeの変更を行いました。
変更前に考えていた「こんなThemeが欲しい」リストは以下のような感じ。

  1. 白地でブルー基調のシンプルなもの（ヘッダーに画像とかはちょっと。。。）
  2. 横は長い方が良い。1000pxでもOK（PGソースとか書いたりするので）
  3. 3カラムじゃなくて、2カラム希望（上記と同じ理由から）
  4. 画像の枠がついていて欲しい。（画像キャプチャ系の画像が背景に溶け込む時があるから）
  5. Syntax Highlighter for WordPress がそのまま使える方が良い。（せっかくのPGソース表示が利かないThemeが結構あるため）

４と５は、自分でCSSファイルをカスタマイズすればいいかなと思いましたので、主に１～３の希望を叶えてくれるThemeを探しました。

20090308_01
▲いろいろ見た結果、Ashish sharmaさん作のNautre1を利用させてもらうことに。

おもいっきり「3カラム」＆「ヘッダーに画像利用」ｗ
色もブルー系じゃないし、画像の枠もないし、Syntax Highlighterも利いていません。。。

でも、探していて思ったんですがグリーン系のThemeって少なかったんですよね。
そこでゴーフィールドグリーンっぽいこの色良いなぁと感じたのと、ヘッダー画像も車好きなので格好いいと思ってこのThemeにしました。

さて、これから画像の枠と、Syntax Highlighterのために、CSSの編集箇所を調べないと。
3カラムに関しても、なんとかしたいと思ってますが、ちょっと難しいかな。。。

Tags:
Posted in miyai.jp, SNS用 | No Comments »

Syntax Highlighter for WordPress 記法のテスト

土曜日, 3月 7th, 2009

テーマを変えたいんだけど、Syntax Highlighter for WordPressプラグインがそのまま表示できる物が少なかったために少し放置していました。
そのうち、Syntax Highlighter for WordPress の記法まで忘れていました、、、

ってことで、サンプルソース使ってどんな表示なるかのテストです。

#CSVファイルの内容をハッシュに読み込む。
uname = Hash.new
passwd = Hash.new
File.readlines("pc_list.csv").each do |line|
  pclist = line.chomp!.split(/,/)
  uname["#{pclist[0]}"] = "#{pclist[1]}"
  passwd["#{pclist[0]}"] = "#{pclist[2]}"
end

Tags: ,
Posted in Programing | No Comments »

WordPress自動アップデート

月曜日, 2月 16th, 2009

WordPressは活発な開発が継続されており、新機能や使いやすさが日々向上しているため、開発者の皆さんには非常に感謝しております。
ただ、更新頻度が高く、あまりにバージョンアップのリリースが多いのが少しだけ不満でした。
機会を見つけてバージョンアップを行えば良いのですが、管理画面上に「新たなバージョンがリリースされています！」と表示されるのが、若干のストレスになっていました。
（管理画面見るたびにやり残したタスクの一つを見せつけられるようで。。。ｗ）

ところがVer2.7から自動バージョンアップ機能が実装されているようです。

20090214_05
▲お、簡単にアップデートできそうな感じ。

20090214_06
▲簡単にできた！

便利になりましたねー。
なおPHPがセーフモードで動いているサーバの場合は、以下の内容を追加した.htaccessを/wp-adminフォルダ以下に準備する必要があるようです。

<Files update-core.php>
AddHandler application/x-httpd-phpcgi .php
</Files>

↓参考URL
セーフモードによる制限と対処方法 – WordPress Codex 日本語版

Tags:
Posted in miyai.jp | No Comments »

旧WordPressサイト→新WordPressサイトの移設作業控え

日曜日, 2月 8th, 2009

■１．入れているプラグインのチェック

現在利用していたのは以下のもの。

Syntax Highlighter for WordPress
Ultimate Google Analytics
Akismet
WP Multibyte Patch

■２．旧WordPressサイトからコンテンツを全てダウンロード
wordpressフォルダ以下、全てをダウンロード
ダッシュボードから、記事内容エクスポート

■３．wordpressダウンロード
<a href=”http://ja.wordpress.org/”>WordPress</a>

■４．mysql準備

■５．新ドメイン登録
新ドメイン登録

■６．wordpressフォルダをアップロード

■７．フォルダ名リネーム
/public_html/wordpress
↓
/public_html/＜新ドメイン＞

■８．WordPress初期設定
以下のURLにアクセスし、設定を行う。

http://＜新ドメイン＞/

※ただし、/public_html/＜新ドメイン＞のプロパティを777にする必要有り。
運用時は705でも問題なし。

■９．WordPressダッシュボードでの初期設定
設定→その他の設定

アップロードするファイルの保存場所を変更
wp-content/uploads

アップロードしたファイルを年月ベースのフォルダに整理、にチェックオン

■１０．サーバのPHPがセーフモードで動いている場合の対応
/wp-admin/.htaccessを作成

ファイルの内容
<files upload.php>
AddHandler application/x-httpd-phpcgi .php
</files>
<files async-upload.php>
AddHandler application/x-httpd-phpcgi .php
</files>
<Files plugin-install.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<Files update-core.php>
AddHandler application/x-httpd-phpcgi .php
</Files>

■１１．旧WordPressサイトのインポート用作業フォルダを作成

/public_html/＜新ドメイン＞/wp-content/uploads/＜作業時の年＞/＜作業時の月＞

例）
/public_html/＜新ドメイン＞/wp-content/uploads/2009/02

このフォルダのパーミッションを777に変更

■１２．旧WordPressサイトのコンテンファイルのアップロード
/public_html/＜新ドメイン＞/wp-content/uploads/
旧サーバのアップロードフォルダを新サーバにコピー

■１３．旧WordPressサイトのエクスポートファイルのインポート
エクスポートしておいたファイルの画像リンクを全て新サーバに変更

ツール→インポートから、ファイルをインポート

■１４．フォルダのパーミッション変更
/public_html/＜新ドメイン＞/
/public_html/＜新ドメイン＞/wp-content/uploads/2009/02

このフォルダのパーミッションを705に変更

■１５．プラグインの追加

Tags:
Posted in miyai.jp | No Comments »

wordpressでコードハイライト化

日曜日, 11月 23rd, 2008

以下のようにかけばOKだった

————————————————-
[sourcecode language='css']
/*CSSコード*/
h1 {
height: 100px;
}
[/sourcecode]

[sourcecode language='ruby']
#テンポラリファイルを開く
temp_file = Tempfile.new(“lv_temp”)

file_path2.each {|path2|
next unless /procs20/s =~ path2
File.open(path2){|file|
file.each{|line|
temp_file.print line
}
}
}
[/sourcecode]
————————————————-

Tags:
Posted in miyai.jp | No Comments »

Get Adobe Flash playerPlugin by wpburn.com wordpress themes