Posts Tagged ‘ワードプレス’
WP-DB-Backup (プラグイン) でバックアップ
August 24, 2011No Comments
いざというときに備えて、あるいはサーバの移転などの前に、ワードプレスのデータベースのバックアップを取っておくことは不可欠です。「WP-DB-Backup」を使うと、ワンクリックで必要なデータが自分のPCにダウンロードできます。
使い方は解説の必要がないほど簡単で、インストールした後に、ワードプレスの管理画面の「ツール」内に位置する「バックアップ」に行き、プラグインがダウンロードするのを少し待つだけです。また、1時間毎から週1回の間の頻度で自動的にバックアップを指定のメールアドレスに送信させることも出来ます。
ダウンロードされる「XXXX.sql.gz」というファイルを、サーバにある「phpMyAdmin」というアプリケーションを使ってインポートすることで、サイトの再構築やサーバの移転の際に、サイトのコンテンツはもちろん各種設定も簡単に復旧できます。ワードプレスを使ったサイトの復旧・移転の手順の詳細は、「WordPressサイトの再構築&サーバ移転」に記述しているので興味のある方はご覧下さい。
「WP-DB-Backup」のダウンロードページには、このページから、あるいは、WordPressのPluginのページや管理画面でのプラグインページで「WP-DB-Backup」と検索することでアクセスできます。…
WP Post Columns (プラグイン) でテキストを縦に分割
February 8, 2011No Comments
ワードプレスで作ったサイトのポスト・ページを、縦に分割するときに便利なのが、「WP Post Columns」というプラグインです。横に広いページでは、読者は左右に大きく目を動かして文字を追わなくてはならないので、ページをいくつかのコラムに分割してしまうと読みやすくなるという利点があります。また、デザイン的にも、一つのコラムに縦長の画像を入れたりと工夫次第で色々と使えるはずです。
使い方はいたって簡単です。ページ・ポストを編集する際に、「ショートコード」と呼ばれる短いタグを挿入するだけで、ページを好きなように分割できます。
2 コラムレイアウトの例
[column width="47%" padding="6%"]
最初のコラムの内容。
[/column]
(空白行)
[column width="47%" padding="0"]
2番目のコラムの内容。
[/column] [end_columns]
3 コラムレイアウトの例
…
[column width="30%" padding="5%"]
最初のコラムの内容。
[/column]
(空白行)
[column width="30%" padding="5%"]
2番目のコラムの内容。
[/column]
(空白行)
[column width="30%" padding="0"]
3番目のコラムの内容。
[/column] [end_columns]
Lightbox Plus (プラグイン) でスマートにイメージを拡大表示
January 27, 2011No Comments
![]() |
Lightbox 2 (プラグイン)の記事で、サムネイルイメージを拡大させるプラグインを紹介していますが、拡大イメージがうまく閉じられないケースに遭遇したのでとりあえず類似のプラグインをここでご紹介しておきます。(当サイトではきちんと作動しているので、プラグイン自体のバグということではないようですが・・・)
Lightbox Plusを使うと、Lightbox 2と同じように、サムネイル表示のイメージをスマートに拡大表示させることができます。枠の色等のオプションが豊富に用意されているので、こちらの方が使いやすいかもしれません。
「Lightbox Plus」のダウンロードページには、このページから、あるいは、WordPressの
Pluginのページや管理画面でのプラグインページで「Lightbox Plus」と検索することでアクセスできます。…
Exclude Pages (プラグイン) でメニューを分割表示
June 28, 2010No Comments
WordPressを利用したサイトのページメニューを分割して表示させるにはどうしたらよいのでしょうか。たとえば、「About us」・「Sitemap」・「Link」などナビゲーションに関するものをページトップに小さく配置し、メインのコンテンツをサイドバーにまとめるというようなケースです。
以前に「WordPress Navigation List Plugin NAVT」というプラグインをご紹介しましたが、このプラグインを導入するのは少しややこしいと感じられる方もおられるかもしれません。そこで、「Exclude Pages」というプラグインのご紹介です。やり方は異なりますが、基本的に同じ目的がより簡単に達成できます。
使い方
「Exclude Pages」を導入すると、ワードプレスのページ管理画面に「Include this page in lists of pages」というチェックボックスが追加されます。「このページをページリストに含める」という項目で、デフォルトではチェックが入っているため、新規作成のページは自動的にページメニューに追加されていきます。一方で、チェックをはずすと、そのページはページメニューに反映されなくなります。
このプラグインの機能を使うと、特定のページへのリンクをページメニューから切り離して表示させることが簡単にできます。「Exclude Pages」のチェックをはずした上で、そのページへのリンクをテンプレートのヘッダー、サイドバーまたはフッターなど好きな場所に設置します。リンクを張るためには基本的なHTMLとCSSの知識が必要になりますが、ネットで調べれば難しくないのが分かるはずです。
この方法では、「About us」・「Sitemap」・「Link」といった特定のページへのリンクをテンプレートに直接書き入れる一方で、他のコンテンツページには手を加えなくても良いので、「WordPress Navigation List Plugin NAVT」に比べるとシンプルです。
ページの数が多く、メインコンテンツを複数に分割し、かつ「リンク」「サイトマップ」といったナビゲーションページも切り離して、、、という大掛かりなケースには、「WordPress Navigation List Plugin NAVT」を利用した方が良いとは思いますが、いくつかのページだけをメインメニューから切り離すだけという目的なら「Exclude Pages」の方が簡単で便利です。
「Exclude Pages」のダウンロードページには、このページ…
BuddyPressがWordPressに対応
March 24, 2010No Comments
WordPress (ワードプレス) のプラグインのBuddyPressが最新のバージョン1.2.2から、いわゆる普通のWordPressに対応するようになりました [BuddyPressサイトの記事]。(BuddyPressはこれまでWordPress MU [マルチユーザー] のみに対応。) これを機に、より多くのWordPressユーザーがこのプラグインを導入してゆく可能性は高いと思います。
BuddyPressはいわゆる「ソーシャルネットワーキング」をサイトに導入するためのもので、言ってみれば、Facebookのようなコミュニティーを個人(あるいは団体)のページから発信できることになります。登録したメンバーはプロフィールを作成し、フォーラムに投稿したり、メンバー間でメッセージを送信したりということができます。BuddyPressのためのプラグインも増えているので機能が拡張していくのではないでしょうか。
BuddyPressはワードプレスのプラグインという位置づけですが、(とりわけBuyPressに対応したテンプレートを使用し BuddyPressの機能をすべて導入した場合)、いわゆる普通のブログやホームページとはかなり異なるサイトをWordPress上で作ることが可能になります。デモといくつかの導入例がBuddyPress本サイトで紹介されているので興味のある方はご覧ください。
現時点では、BuddyPress対応の無料テンプレートの数は限られていますが、今後増えていくことでしょう。なおページデザインなどの仕組みは基本的にWordPress本体と同一(あるいは類似)なのでカスタマイズもさほど難しいものではありません。これを機に管理人もBuddyPressを少しいじってみるつもりなので何か役立つ情報があったらアップしていきたいと思います。…
CMSとしてのWordPress
December 9, 2009No Comments
2009年11月に発表された「2009 Open Source CMS Awards」でWordPressが「Overall Best Open Source CMS Award」を獲得、「Best Open Source PHP CMS Category」でも2位に入っています。
WordPress本サイトの記事「WordPress Wins CMS Award」に取り上げられている通り、WordPressがCMS(コンテンツマネジメントシステム)として高い評価を得ることの意味は大きいと思います。ブログソフトとして見られることの多いWordPressがCMSとしての機能を強化してきたことを裏付けるものですし、今後のWordPressの方向性もCMSをより意識したものになるかもしれません。
先のエントリー「Navigation List Plugin NAVT (プラグイン)」で、Joomlaの方がページマネジメント機能が(プラグインを使わない)デフォルトでは上と書きましたが、今後WordPressがページ管理などCMSに関する点を強化して行ってくれるとより多くのユーザーにアピールできると思います。
ということで、「WordPressは使いやすいと評判だけどCMSとしてはJoomlaなど他のソフトも捨てがたい・・・」と迷っている方にとって、ワードプレスがCMSの賞を獲得したというニュースは心強い後押しになるのではないでしょうか。…
Navigation List Plugin NAVT (プラグイン) でメニューを分割
November 14, 20097 Comments
WordPressを利用して、ブログではないサイトを本格的に作る際に欠かせないのが、「Wordpress Navigation List Plugin NAVT」というプラグインです。ワードプレスはブログの作成という出発点から発展してきていているため、多くのページを管理するという機能についてはまだ発展途上です(2009年末現在)。例えば、WordPressとしばしば比較されるJoomlaは、ページ管理というCMS(コンテンツマネジメントシステム)の機能ではかなり上を行っていると言えるでしょう。
「Wordpress Navigation List Plugin NAVT」を使うと、デフォルトではやや物足りないワードプレスのCMS機能を簡単に拡張できます。ワードプレスのデフォルトではページメニューを分割することができないため、ワードプレスをベースにしたサイトではページの数に関わらず、ページメニューをサイドバーかページトップにまとめるのが普通だと思います。当サイトも、ページメニューをサイドバーにすべて収めているというパターンです。
これはこれで問題はないのですが、ページの数が増えてきた場合、もしくはページメニューをカテゴリー別に分けて異なる場所に配置したい場合などには、このプラグインを使う価値があります。たとえば、「About us」・「Sitemap」・「Link」などナビゲーションに関するものをページトップに小さく配置し、メインのコンテンツをサイドバーにまとめることなどができます。以前にご紹介した「PageMash」の、ページメニューの順番を入れ替えるという機能に加えて、ページ・ブログカテゴリーの自由な分割が可能になるので、デザインの自由度もグッとあがることでしょう。
* この「Navigation List Plugin NAVT」の設定がややこしいと思われる方は、プラグイン「Exclude Pages」もご覧ください。
使い方
1) 「Wordpress Navigation List Plugin NAVT」を所定の位置にアップロードしてから、WordPress(ワードプレス)のコントロール画面から設定をします。初めての場合どこをどうしたらいいのか分かりにくいので、キャプチャーイメージを使って簡単に流れを見てみます。
1-a) これが「Navigation List Plugin NAVT」の管理画面です。画面の左、中央から下段にかけて、ページ・カテゴリのリストが示されています。
1-b) リストの中から好きなものをクリックすると画面の左、中段にアイテムが移動します。ここでは、「About」と「サイトマップ」をクリックしてみました。ここでは、この2つのアイテムをひとまとまりにしてページのどこかに配置するという例を説明します。
1-c) 画面左上の「group name」に好きな名前を打ち込みます。ここでの注意は、「半角英数を使用する」・「ブランクスペースを入れない」・「特殊記号を使わない」という点です。というのも、この「group name」をワードプレスのテンプレートに書き込む必要があるからです(後述)。ここでは、「site_navi」という名前を使ってみます。「create」をクリックで、画面右側に「site_navi」が現れます。…
WordPressでHP作成
September 10, 2009No Comments
「ブログWordPress を使ってみよう」のページでも若干の説明をしていますが、ブログソフトのWordPressはブログの作成運営のみに便利なだけではなく、普通のホームページを構築する際にも大変役に立ちます。
まず、ここでの「ブログ」と「ホームページ」の区別を簡単にしておきます。「ブログ」は、日記サイトに代表されるように毎日の更新ページがページのコンテンツそのものというサイトです。「ブログ」にも管理人の紹介ページなどといった日々更新されないページもありますが、こうしたものはメインコンテンツではないのが普通でしょう。一方で、「ホームページ」は、コンテンツ・目的別に異なるページが用意されている、いわゆる普通のホームページです。
ただ最近では、こうした区別があいまいになってきているかもしれません。というのも、「ホームページ」であっても日々更新されるセクションを設けていることがよくあるからです。
「ブログ」と「ホームページ」両者の良いところを取り入れた「ハイブリッドなサイト」の利点はなんでしょうか。まず、目的別のページを複数持つことで、重要なコンテンツが他の記事の中に埋もれてしまうのを回避できます。同時に、更新がしやすいセクションも設置することで、より頻繁な更新が容易になりページに訪れてくれる人によりアピールすることができます。
近年ではCMS-コンテンツマネジメントシステムとして、管理のしやすいサイトがスタンダードになってきています。前置きが長くなりましたが、WordPressは「ブログ」を作成はもちろん、「ホームページ」や「ハイブリッドなサイト」も簡単に実現できてしまうパワフルなツールです。WordPressを利用したサイト作成のコツはなんでしょうか。
1) ページデザインの選択
まず、作成するページのスタイルを選択します。(ブログではない)ページを追加していく可能性を考えると、メニューバーがページのトップに並列されるものより、サイドバーに縦に並ぶスタイルが良いかもしれません。多くのテンプレートが無料でダウンロードできます。なお、メニューバーの位置やバックグランドイメージなどは比較的簡単に変更できるので、いろいろとカスタマイズしていくのも楽しいものです。テンプレートについては「WordPressのテンプレートのダウンロード」、カスタマイズについては、「WordPressテンプレートのカスタマイズ(1)」・「WordPressテンプレートのカスタマイズ(2)」などをご覧ください。
2) WordPressの基本設定
WordPressの管理画面の表示設定セクションでフロントページの設定をします。ブログセクションではなく、ページを最初に表示をさせるためには、デフォルトの「最新の投稿(Your latest posts)」ではなく「固定ページ(A static page)」にチェックを入れます。それから、どの固定ページをフロントページに持ってくるかをドロップダウンメニューから選択します。(もちろん、ページを前もって作成しておかないと選択肢は表示されません。) 固定ページをフロントページに持ってくるだけで、「ホームページ」という雰囲気になります。
ついでにパーマリンクの設定もしておきましょう。パーマリンクの設定をすることで、ブログ記事のアドレスがどのように表示されるかをコントロールできます。デフォルトでは「http://yoursite.com/?p=123」という形式です。ほかにも「http://yoursite.com/2009/09/09/sample-post/」という日付と記事タイトルを併記するパターンなどがあります。個人的なお薦めは、カスタム欄に「/%postname%/」を書き込むものです。この設定では「http://yoursite.com/postname」という表示になり、固定ページの表示パターンと同じになります。なお、「postname」に記事のキーワード等を入れることでSEO的に有利になるという利点もあります。
3) Pluginの導入
プラグインを導入することで、「ホームページ」の作成が断然簡単になります。「PageMash」を使うと、メニューバーにあるページリンクの並び替えが簡単にできます。「Navigation List Plugin NAVT」では、一歩進んで、ページメニューを分割して表示したりやブログをカテゴリー別に表示させたりできます。「DD Sitemap Generator」でサイトマップを作成するのはユーザビリティーを向上させるだけでなくサイトを「ホームページ」らしくするのに一役買うかもしれません。「…
WordPressテンプレートのカスタマイズ(3)
June 18, 2009No Comments
ブログが持つ標準的なアクセサリーに「タグクラウド(Tag Cloud)」があります。サイドバーなどにブログ記事の内容を表すキーワードを一覧できるセクションで、これを眺めることでそのサイトがどのようなトピックを取り扱っているのかが分かります。(左のイメージは「ランダム」表示をさせている当サイトのタグクラウドです。)
WordPress (ワードプレス) の多くのテンプレートはタグクラウドをサイドバーに備えています。ブログの記事が少なかったり記事にタグがあまり付けられていないとタグクラウドは目立ちませんが、タグの数が増えるにつれてだんだんと賑やかになってきます。表示されるタグの数やフォントのサイズは簡単に変更できるので、サイトのデザインに合うように少しいじってみましょう。ワードプレスの管理画面のテンプレートデザインを変更するセクションに行きます。タグクラウドがあるのがサイドバーなら、サイドバーのphpファイルを選択します。そこで、「wp_tag_cloud」という箇所を探します。大抵は下記のようになっています。
<?php wp_tag_cloud(‘smallest=8&largest=22&number=50′); ?>
この例では、「最小のフォントが8、最大フォントが22、表示されるタグの数は50」という設定を意味します。この数字を変えるときは必ず半角英数で記入しましょう。
「wp_tag_cloud」タグの( ) の中を注目すると、設定の記述が「& (アンド)」で並列されているのが分かると思います。ここに他の設定を付け加えることで、タグクラウドの表現をいろいろとコントロールできます。例として、並べ方を決めるやり方を紹介します。「orderby」と「order」の2つがこれに関わるコードです。「orderby」では、「名前(name)」か「タグの数(count)」から並び方の方法を選べます。「order」では、「昇順(ASC)」「降順(DESC)」「ランダム(RAND)」から並びの順序を選びます。デフォルトでは(これらの記述がない場合)、「名前」が「昇順」に並べられます。「タグの数」を「降順」に並べたいときは、下記のようにします。
<?php wp_tag_cloud(‘smallest=8&largest=22&number=50&orderby=count&order=DESC’); ?>
注意が必要なのは、「order」のコードは大文字で記入するという点です。コードを書き入れなければ、それぞれデフォルトの「名前」・「昇順」になるので、2つのコードを常に加える必要はありません。同様に、タグをランダムに並べたいときは、「order=RAND」だけを加えればOK です。
より詳しいタグの説明はワードプレスのTemplate Tags/wp tag cloudのページでご覧になれます(日本語ページ)。
なお、タグ自体のデザインはCSSを通して行います。例えば、タグクラウドのコードには下記のようなものがあります。
<?php if ( function_exists(‘wp_tag_cloud’) ) : ?>
<li>
<h2>タグ</h2>…
Fantastico vs SimpleScripts
June 15, 2009No Comments
WordPress (ワードプレス) やショッピングカートなどのソフト・スクリプトをサーバにインストールするときに便利なのがスクリプトインストーラーで、サーバのコントロールパネルから数クリックでソフトのインストールが完了してしまいます。スクリプトインストーラーでよく知られているものに、CPanelに付随してくることの多いFantastico (ファンタスティコ) があります。ファンタスティコは優れたブログラムで多くのサーバが採用していますが、ここにきてSimpleScripts (シンプルスクリプト) というスクリプトインストーラーが台頭してきているようです。ファンタスティコとシンプルスクリプトはどこが違うのでしょうか。
Bluehost のレビューページでも触れていますが、BluehostとHostMonsterでは両方のインストーラーが利用可能になっています。ただ最近になって両サーバでは、ファンタスティコからシンプルスクリプトに重点を移す方向性が鮮明になってきています。例えば、ワードプレス・Zenカートといった人気のソフト・スクリプトは現在、ファンタスティコを通じてインストールできなくなっています。換わって、シンプルスクリプトがこれらのインストールに対応するようになっています。(両サーバでは、ファンタスティコのユーザーがシンプルスクリプトに簡単に移行できるようなユーティリティーを用意しています。)
なぜ、ファンタスティコからシンプルスクリプトへの移行が進められているのでしょうか。BluehostとHostMonsterのサイトでは次のような説明がされています。「Fantastico is no longer the recommended method for script installation and upgrades. The new method, SimpleScripts, is much faster at releasing feature …




