診断士の経営視点とSEのシステム技術の両面からIT・システム開発・Web技術+アウトドア情報を提供しています

トップブログでつくるビジネスサイト無料ブログでここまでできるCMSでつくるビジネスサイトウェブ講座&SEOシステム開発個人情報保護Googleでお仕事信州撮っておき情報




このサイトは中小企業診断士とシステムエンジニア(SE)の複眼的視点からインターネットやシステム開発について記事を書いています。
■Jooma! XOOPSでビジネスサイトを構築するための情報は
CMSでつくるビジネスサイト
■ブログの標準MovableType,WordPressでビジネスサイトを構築するためのノウハウとMovableType,WordPressの技術情報は
ブログでつくるビジネスサイト
■無料ブログでビジネスサイトを作ろう! 無料サービスを活用したビジネス&ショッピングサイトの作り方は
無料ブログでここまでできる
■上位ランクを獲得するための検索エンジン対策やSEOのノウハウについて
Web講座&SEO
■自称 自然派診断士としてほとんど毎週アウトドアですごしています。アウトドアでで撮影した信州の自然の風景画像は
信州撮っておき情報

その他、システム開発やプライバシーポリシー関連のカテゴリはサイドバーのサイト案内からどうぞ・・・

当サイトは無料ブログによるビジネスサイト構築の実験サイトでもあります。無料でどこまでビジネス向けのサイトが構築できるか? 試行錯誤の結果は順次アップしていきます。

WordPress日本語版2.5.1にプラグインを追加する 

WordPress日本語最新版2.5.1へのバージョンアップは無事終了した。
次にMEで使っていたプラグインを追加する。

プラグインは、
 1.GoogleSitemap作成プラグイン
 2.Sitemap自動作成プラグイン
 3.問い合わせフォームプラグイン の3つ。

IMGP7861

1.GoogleSitemap作成プラグイン
Google (XML) Sitemaps Generator for WordPressから同プラグイン3.0.3.3をダウンロード。

解凍後、google-sitemap-generatorのフォルダーごとサーバのwp-content/pluginsの下にアップロード。

設定メニューのプラグイン画面で使用可能に。

同設定メニューの設定画面でXML-Sitemapを選択してプラグインの設定を行う。
とはいえ、ほとんど既定のままでOK。
今回は、xmlのスタイルシートが旧ドメインのママとなっていたので、新ドメインに変更しただけ。
念のため、設定画面上部のリンクをクリックして Rebuilt the sitemap を行った。
sitemapファイルの名前は sitemap.xml。

テンプレートのsitemapリンクをクリックして検索エンジン用サイトマップを確認する。Google以外の検索エンジンにも使える。

検索エンジンに巡回申請登録していなければ、このサイトマップを使って申請しておこう。

2.Sitemap自動作成プラグイン
上のサイトマップは検索エンジン用のxmlサイトマップ。ここで追加するのは 人間用のサイトマップ。グローバルナビでサイトマップをクリックすると、サイト内のページの一覧を表示するためのもの。
紛らわしいので、シッカリ区別しておくこと。こちらのプラグインはDagon Design Sitemap Generator v3.13

Sitemap Generator Plugin for WordpressからLatestReleased For WordPress 2.1 through 2.5 をダウンロード、解凍後、sitemap-generator のディレクトリをサーバにアップ。

設定メニューのプラグイン画面で使用可能に。

同設定メニューの設定画面でDDSitemapGenを選択してプラグインの設定を行う。
まず、言語で Japanese を選択し、いったん更新。画面リフレッシュ後、日本語ガイドが表示される。
出力オプションでpr−時と投稿の表示順を設定。
ページ番号で複数ページの表示方法を設定。
その他で xmlサイトマップのファイル名を設定。(サイトマップにxmlサイトマップへのリンクが表示される)

次にグローバルナビのサイトマップページに DDSitemapGen が自動的に生成してくれるサイトマップへのリンクを設定する。

管理メニューからサイトマップページ(WordPressのページ)を開き、
HTMLエディタで
<!-- ddsitemapgen --> と書いておく。

これで、グローバルナビのサイトマップをクリックしたら、このプラグインが自動生成したサイトマップが表示されるようになる。

最後にプラグインが作るページのためのスタイルの追加。

レベルに応じて字下げするように、スタイルシートに
/* プラグイン用スタイル */
/* DD SitemapGenerator */
.ddsg-wrapper ul
{
padding-left: 25px;
}
を追加して作業は完了した。

3.問い合わせフォームプラグイン
PXS Mail Form - WP Pluginからダウンロード、解凍後、pxs_mailディレクトリをサーバにアップ。

設定メニューのプラグイン画面で使用可能に。

同設定メニューの設定画面で PXS-Mail を選択してプラグインの設定を行う。
送信時のメッセージを日本語で入力。

最後にグローバルナビのお問合せページに PXS-Mail へのリンクを設定する。
管理メニューからお問合せページ(WordPressのページ)を開き、
HTMLエディタで {mailform}  と書く。

以上、グローバルナビのお問合せをクリックするとメール送信フォームが開く。
ただし、このプラグインでは問合せ項目の変更はできないようだ。

 ⇒ この記事は ブログでつくるビジネスサイト に含まれています。


WordPress日本語2.5を最新版2.5.1へバージョンアップする 

WordPress2.5.1がリリースされた。テストサイトでWordPressME2.3からWordPress日本語版2.5.1へ無事にバージョンアップできることはすでに確認済み。運用サイトをWordPress日本語版の2.5から2.5.1へアップする。

IMGP7876
WordPress日本語版サイトより2.5.1をダウンロードして解凍。

WordPress日本語版サイトのアップグレードの説明ページには古いバージョンのWordPressファイルを消してから、新しいファイルをアップロードする とあるが、テンプレートが消えてしまうと困るので、FTPで上書きする。

上書きアップロードが終了したら、/wp-admin/upgrade.phpにアクセスする。
データベースが古い という旨のメッセージが表示されるので、更新をクリックする。すぐに処理は「終了し、WordPress日本語最新版2.5.1へのアップグレードが完了した。

従来通り表示されている。テンプレートは変更する必要ないようだ。



 ⇒ この記事は ブログでつくるビジネスサイト に含まれています。


wordPress日本語版対応 左右サイドバーウィジェット 

以前、WordPressME2.2以降のウィジェット widget の変更方法の記事を書いた。
これからはWordPress日本語版2.5(または2.5.1)を使うことが多くなるので、WordPress日本語版に対応する3カラム用ウィジェットのカスタマイズ方法の記事を追加する。

3カラム版なので、ウィジェットを2個使い、左右のサイドバーに表示することにする。ウィジェットの個数やウィジェットの前後に出力するHTMLは functions.php で指定する。このfunctions.php はログインやテーマエディタでも参照しているようなので(あるいはfunctions.phpでグローバルエリアの設定を書き変えている?)変更の際は十分注意する点はMEと同様(あるいはME以上)。

以下、WordPress日本語版2.5.1の function.phpのカスタマイズ箇所。

<?php
// wp-content/themes/default の functions.phpの記述をコメント化
//if ( function_exists('register_sidebar') )
// register_sidebar(array(
// 'before_widget' => '<li id="%1$s" class="widget %2$s">',
// 'after_widget' => '</li>',
// 'before_title' => '<h2 class="widgettitle">',
// 'after_title' => '</h2>',
// ));
//変更箇所
if ( function_exists('register_sidebar') ) {
// ウィジェットを適用するブロックの数だけ定義する WordPress日本語版は動的配列
register_sidebar(array('before_widget' => '<div class="menu">','after_widget' => '</div>','before_title' => '<h3 class="widgettitle">','after_title' => '</h3>',));
register_sidebar(array('before_widget' => '<div class="menu">','after_widget' => '</div>','before_title' => '<h3 class="widgettitle">','after_title' => '</h3>',));
}

// 以下は wp-content/themes/default の functions.phpのまま

左右サイドバーにウィジェットを配置し、ウィジェットを class="menu" というdivでくくり、タイトルをh3として表示している。

 ⇒ この記事は ブログでつくるビジネスサイト に含まれています。


ショウジョウバカマ 

IMGP7904

カタクリの群落の中のショウジョウバカマ。圧倒的な数のカタクリに押されてさびしげでした。


 ⇒ この記事は 信州撮っておき情報 に含まれています。


気のはやいツツジ 

IMGP7454

上田城跡公園のしだれ桜の撮影の際に見かけたツツジ。桜と一緒に咲いていました。


 ⇒ この記事は 信州撮っておき情報 に含まれています。


カタクリ 

IMGP7875

 ⇒ この記事は 信州撮っておき情報 に含まれています。


かたくり 群落 

IMGP7902 おびただしい数のカタクリ


 ⇒ この記事は 信州撮っておき情報 に含まれています。


かたくりの花 

IMGP7865

 ⇒ この記事は 信州撮っておき情報 に含まれています。


桜花 おまけ 

IMGP7430

桜シリーズのオマケです。たこ焼きには欠かせないタコですが、タコ柱とは!


 ⇒ この記事は 信州撮っておき情報 に含まれています。


桜花 ファイナル 

IMGP7524

ノーレタッチ・ノートリミングでお届けした桜花シリーズ。今年もいろいろな桜にめぐり合うことができました。


 ⇒ この記事は 信州撮っておき情報 に含まれています。



実際にJoomlaで制作したデモ&実践サイト
→ Joomlaでつくるビジネスサイト

ポータルサイトサミットでご案内した、現時点のイチオシCMS Joomla!でつくるビジネスサイトの記事は以下の通りです。今後、ビジネスサイトとしての設定に関する記事を追加する予定です。

  1. Joomlaを使ってみる インストール編
  2. Joomlaの概念を理解する
  3. Joomlaでコンテンツを作成する
  4. Joomlaでメニューを作成する
  5. Joomlaでメニューを配置する
  6. Joomlaでコンテンツレイアウト
  7. Joomlaフロントページをレイアウトする
  8. Joomlaでとりあえずビジネスサイトをつくる
  9. Joomlaのテンプレートをつくる
  10. Joomlaは最強のCMSか?

このサイトはFC2の無料ブログサービスで作成しています。[2006-05-25 リニューアル]

物販サイトサンプル
無料ブログで作った物販サイトのサンプル

MovableTypeならこうなる

ブログツールの代表 MovableTypeでビジネスサイトを作るとこうなりました。

MovableTypeでビジネスサイトを作る サンプルサイト

トップページの表示内容を固定し、いつでもこの画面が表示されるように設定しています。右のコンテンツ=カテゴリを選択すると、各コンテンツの記事が表示されます。









トップブログでつくるビジネスサイト無料ブログでここまでできるCMSでつくるビジネスサイトウェブ講座&SEOシステム開発個人情報保護Googleでお仕事信州撮っておき情報