タグ : WordPress

Syntax Highlighter for WordPress

この記事の所要時間: 254

Syntax Highlighter for WordPressは、投稿記事中にソースコードを表示させるためのプラグイン。

これを使わないでHTMLやPHP等のソースコードを投稿記事中に入れると、当然のことながら変換されてしまい、ソースコード自体はうまく表示できない。

例)通常
投稿記事中にソースコードをそのまま入れると、こうなる

例)Syntax Highlighter for WordPress使用

投稿記事中にソースコードをそのまま入れると、こうなる

プログラムやWebデザイン系のブログを書く人には必須のプラグインですね。

Syntax Highlighter for WordPress のダウンロードとインストール方法

管理画面内の プラグイン > 新規追加 で、「Syntax Highlighter for WordPress」で検索すると出てきます。

Syntax Highlighter for WordPress の使い方


投稿記事中のソースコードを、Syntax Highlighter for WordPress専用のタグ([言語]〜[/言語])で挟みます。
タグには色々とオプションが用意されていて、用途によって表示のさせ方が変えられます。
オプションについては、下記を参考に。

ショートコードオプション

■num
行番号の開始番号指定
例:[php num=10]~[/php]

■highlight_lines
ハイライト表示したい行を指定
例:[php highlight_lines="1,2,3"]~[/php]

■gutter
false を指定すると行番号を表示しない
例:[php gutter="false"]~[/php]

■ruler
true を指定するとルーラーを表示する
例:[php ruler="true"]~[/php]

■toolbar
false を指定するとツールバー表示しない
例:[php toolbar="false"]~[/php]

■light
true を指定すると簡易表示になる
例:[php light="true"]~[/php]

■font_size
フォントのサイズを指定する
例:[php font_size="90%"]~[/php]

■lang_name
true を指定すると言語名を表示する
例:[php lang_name="true"]~[/php]

使用できるプログラミング言語

as3
bash
c
cpp
csharp
coldfusion
diff
erlang
groovy
java
javafx
javascript
delphi
pascal
perl
php
powershell
python
ruby
shell
text
vb
vbnet
scala
sql
css
xml
html
xhtml
xslt

WordPress3.0のデフォルトテーマ「Twenty Ten」が素晴らしい

この記事の所要時間: 031

twenty-tenWordPress3.0のデフォルトテーマ「Twenty ten(2010)」が、なかなか良い。

今回のデフォルトテーマは、様々なカスタマイズ機能が実装されていますが、どれも使いやすいし、見栄えもかなり良くなっています。

もはや、これで十分ですね。

新テーマ: Twenty Ten – WordPress.com 日本語ブログ
http://ja.blog.wordpress.com/2010/04/27/new-theme-twenty-ten/

WPtouch iPhone Theme | WordPressをiPhoneに対応させるプラグイン

この記事の所要時間: 120

WPtouch iPhone Theme

WPtouch iPhone Theme は、WordPressをiPhone対応にするプラグイン。

そもそも、僕がWordpressを使い始めたのは、このプラグインを使っているブログを見て一目惚れしたのがきっかけでした。
プラグインをインストールするだけで、素晴らしく洗練されたデザインのiPhone版Webサイトがつくれます。
iPhoneやiPod touchユーザーもかなり増えてるので、ぜひ入れておくことをお薦めします。

WPtouch iPhone Theme のダウンロードとインストール方法

管理画面内の プラグイン > 新規追加 で、「WPtouch」で検索すると出てきます。
こちらからもダウンロード可能。
WordPress › WPtouch iPhone Theme

 

WPtouch iPhone Theme の使い方

設定はページタイトルを入れる程度で使えますが、
僕は、「Logo / Home Screen Icon & Default Menu Items」の
↓のチェックを外しています。
□Enable Email Menu Item (Uses default WordPress admin e-mail)

ここにチェックが入ったままだと、
一般設定で設定しているメールアドレスが出てしまうので、
余計なメールを受け取りたくない人は外しておいた方が無難でしょう。

Ktai Style | WordPressを携帯に対応させるプラグイン

この記事の所要時間: 140

Ktai Style は、WordPressを日本の携帯電話対応 (5キャリアおよびスマートフォン対応) にするプラグイン。

今の携帯電話はフルブラウザ対応で、スピードもそれなりにはなってきましたが、やはりあの画面でPC版のサイトを見るのはしんどいものがあります。

このサイトもそれほど携帯からのアクセスが多いわけではありませんが、プラグインをインストールするだけでほとんどの携帯端末に対応させることができるのであれば、入れない手はありません。

 

Ktai Style のダウンロードとインストール方法

管理画面内の プラグイン > 新規追加 で、「Ktai Style」で検索すると出てきます。
こちらからもダウンロード可能。
WordPress › Ktai Style « WordPress Plugins

開発者のサイト
⇒ Yuriko.Net
⇒ 携帯対応プラグイン Ktai Style バージョン 1.81 リリースおよび次期リリース候補2.0.0-rc1配付

 

Ktai Style の使い方

Ktai Style Ktai Style
私はインストールしてデフォルトの設定のままで使っていますが、Ktai Styleをインストールして有効化すると、管理画面の左下に「携帯表示」という設定タブが追加されます。
この中に「テーマ」という項目がありますが、ここでは、WordPressのテーマ同様に、携帯電話用テーマを設定することができます。
テーマはデフォルトで6種類要いされており、以下のキャリアごとにテーマの変更が可能。素晴らしい。

  • iPhone, Android 用
  • mova 用 (ドコモ)
  • FOMA 用 (ドコモ)
  • EZweb 用 (au)
  • ソフトバンク PDC 端末用
  • ソフトバンク 3G 端末用
  • ウィルコム用
  • イー・モバイル音声端末用

WordPressのおすすめ無料テーマ:13選

この記事の所要時間: 239

SEO対策済みのテーマ

Elements of SEO
Elements of SEO
シンプル。3カラム。ウィジェット対応
詳細&ダウンロード:Elements of SEO WordPress Theme | Alibi Productions | Alibi Productions

 

テキスト中心のサイトに合うテーマ

blackwhite
blackwhite
シンプル。このサイトでも多少カスタマイズして使ってます。
管理画面から、背景の色やリンク(a、a:hover)の色など、簡単に変更できます。
詳細&ダウンロード:SEO Adsense Ready Advanced WordPress Theme: Black and White » HeadsetOptions

Plainscape
Plainscape
すごくシンプルな2カラム。
最初はこれにしようかと思ってた。
詳細&ダウンロード:Plainscape « Srini's WordPress Laboratory

The Morning After
The Morning After
3カラム。とても見やすい配色。
詳細&ダウンロード:The Masterplan | The Morning After

Green Grass
Green Grass
2カラム。緑が鮮やか。
詳細&ダウンロード:WordPress › Green Grass « Free WordPress Themes

nonzero
nonzero
3カラム。
ダウンロード:Download

 

写真+テキストのサイトに合うテーマ

GoodTheme Lead
GoodTheme Lead
毎回記事に写真が入ってくるなら、これが一番オススメ。
詳細&ダウンロード:Professional Free WordPress Theme | GoodTheme

Magazeen
Magazeen
詳細&ダウンロード:Function Web Design & Development Blog – » Free Theme: Magazeen. Style & Functionality in one Theme, now on Smashing Magazine

Equilibrium
Equilibrium
詳細&ダウンロード:On | Equilibrium WordPress Theme

 

写真中心のサイトに合うテーマ

AutoFocus
AutoFocus
フォトログには良いかも。
詳細&ダウンロード:AutoFocus

 

自分好みにカスタマイズしたい人におすすめのテーマ

wp.Vicuna
wp.Vicuna
自分好みに作り上げる労力を惜しまない人には、これが一番でしょう
詳細&ダウンロード:wp.Vicuna – 本体の入手と設置手順

 

その他のテーマ

Changing Room
Changing Room
これ、意外と重宝します。
詳細&ダウンロード:Changing Room : Wordprezzie