Thingamablogによるサイト構築とテンプレート配布

jkl-parsexml.jsによるRSSの表示

Wed, 19 Mar 2008 04:25:57 +0900

RSS2.0用です。
同一ドメイン内のRSSしか表示出来ません。
同期モードでの表示です。

jkl-parsexml.jsを設置し

<head></head>内にjkl-parsexml.jsのパスを合わせて書きます。
↓↓↓↓↓↓↓↓↓↓↓

<script type="text/javascript" src="jkl-parsexml.js"></script>

表示したい位置に
↓↓↓↓↓↓↓↓↓↓↓

<script>
<!--
var url =...

ajaxによるRSS表示方法

Wed, 23 Jan 2008 11:46:29 +0900

同一ドメイン内のRSSを表示する方法です。
サイトの更新状況の知らせに有効です。

[ajax] JavaScript版 RSSリーダー設置手順をthingamablog用にカスタムしたものです。

弱点
外部のRSSは取り込めません。
参考サイトを参照してください。
http://www.kawa.net/works/ajax/rss/rss-box.html

手順

jkl-hina.js、jkl-parsexml.js
の2つのファイルをダウンロードしサイト内のディレクトリにアップロードしてください。

2.<head>～</head>内に外部javascriptのアドレスを挿入します。
表示したいテンプレート内全てに書き換えです。

重要
※jkl-hina.js、jkl-parsexml.jsはアップロードしたアドレスに合わせてください。

<script type="text/javascript" src="※アップロードしたアドレスに合わせます/jkl-hina.js" charset="<$Charset$>"></script>
<script type="text/javascript" src="※アップロードしたアドレスに合わせます/jkl-parsexml.js"></script>
<script><!--
window.onload = function () {
var url = "<$RssLink$>";
var http = new JKL.ParseXML(...

カスタムタグについて

Wed, 23 Jan 2008 11:45:40 +0900

広告一括張り替えやヘッダーに同じメタタグ挿入、metaキーワードにキーワードを入れる際便利です。
カスタムタグを設定せずにテンプレートに入れてしまうとそのままカスタムタグが出ますので必要ない場合は設定よりコメントアウトを入れましょう

使い方

weblog設定よりこの画面に行きます。

追加タブよりカスタムタグを追加
名前と値を入れます。

テンプレート側にカスタムタグを挿入すると値で設定したhtmlに置き換わります。
カスタムタグは惜しくもエントリー内には使えないようです。
これが出来ればさらにいろいろ出来るのですが惜しいです。

カスタムタグは応用するといろいろ出来そうです。

Thingamablogのインストール後

Sat, 29 Dec 2007 10:40:16 +0900

インストール後は

メニューバー-[ファイル]-[新規データベース生成]
でデータベースフォルダが生成されます。
管理用のデータベースの入るフォルダの位置は良く考えときましょう。

メニューバー-[ファイル]-[新規Weblog]
↓
ブログの設定

の手順でブログを生成します。
ここで外部UPの際のURL、パソコン内の公開用フォルダの位置を決める必要がありです。

ブログの設定は後からも可能です。
テンプレートの選択、プレビューもここで可能です。

ブログを生成後、記事はメニューバー-[新規エントリー]より書きます。

その後公開(Ctrl+P)を押すと再構築されます。
これでThingamablogでブログ作成です。

news:お問い合わせ

Sat, 29 Dec 2007 10:32:19 +0900

NEWS
MovableTypeがオープンソース化の模様
MovableType4をインストールしました。

MovableTypeがオープンソース化しました。
MovableTypeは今まで商用利用はライセンス料がかかるため使用はやめてました。
オープンソース化したので使用しようと考えインストールしましたが失敗中です。
MTOS4をテスト環境のXAMPPにインストールしようとしましたが動きませんでした。
モジュール不足の模様ですが結局時間を消耗してしまいました。
MovableTypeはインストールもなかなか大変です。
またアップグレードのたびこのような手間がかかります。
こんなことに時間を使っても無駄なのですがサーバーインストール型ブログツールなので仕方ないです。
よっぽどThingamablogのほうが気楽です。
CGIなどなくても困りません。

免責事項

Thingamablogはヘルプも英語で謎なところも多いです。
書ける範囲で書いてますのでよろしく
ver1.1.6ベータが出てますが作成時Thingamablog 1.0.6ですのでThingamablog 1.0.6で作成してます。< br />

ver1.1.6
デザインが変わりテンプレートをzipファイルでインアウト可能になってました。
かなり便利です。

2008/10/25 UP
カテゴリー生成にバグありです。
先頭が同じ文字のカテゴリー名は同じカテゴリーになる模様。
惜しいです。

お問い合わせ

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
◆プライバシーポリシー

本サイトでは、Google Adsense社の広告を配信しています。

このため、広告配信プロセスの中でデータを収集するために、
Cookieやウェブビーコンを使用しています。

もし、第三者にデータ送信を行いたくない場合は、
ブラウザのCookie機能をオフにしてアクセスしてください。

詳しくは、Adsense広告の、公式プライバシーポリシーをご覧ください。
http://www.google.com/intl/ja/privacy.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

複数のブログでサイト構築

Thu, 27 Dec 2007 02:33:26 +0900

thingamablogは複数のブログでサイト構築が可能です。
複数の人数で作っても良いです。
かなりのメリットです。

thingamablogはMovable Typeと同様再構築が必要なブログなのでページが増えると管理、再構築に時間がかかります。< br /> この場合１つで何百、何千ページのサイトを作るより複数のブログに分ける方法もあり。

サイト内に内部フォルダを作りブログを設置し自力でリンクします。
各ブログの更新状況はRSSを表示するとよいです。

wordpressと併用
wordpressは更新しやすく、コメント、トラックバック機能も付いてます。
wordpressはお手軽ですが最大の弱点として1つのwordpressで複数のブログを持てません。
thingamablogとwordpressの弱点を補うためwordpressと併用の方法もあります。
thingamablog+wordpressでサイト内にフォルダをつくりwordpressをインストールすると良さそうです。< br />
RSSを表示するにはjavascriptを貰って貼り付けるかfeed2jsなどを自力で設置します。

feed2js
http://feed2js.org/
同一ドメイン内のRSSはcgiを使用せずajaxで表示する方法もあります。
Movable Type、Nuclausでも使える方法です。

研究中

検索エンジン対策

Thu, 27 Dec 2007 02:31:33 +0900

thingamablogは静的html吐き出し+RSS吐き出しなので検索エンジン対策にも有利です。
ping送信も可能です。
しかしthingamablogはコメント、トラックバック機能がないので他のブログツールと比較すると弱いです。
このサイトはweblog.comとtechnoratiにpingを送信してなんとか早めに登録されてました。

静的htmlは検索エンジンに拾われ易いですが上位表示に有利ということはなくなってます。
現在は外部からの有効なリンクが必要です。
有効性のある強いサイトでなければあまり意味ないです。
更新ping、トラックバックは有効なリンクとしてあまり扱われてないようです。
link:URLで検索してもあまり出てきません。

内容を絞った専門サイトを作ることが重要です。
無料のブログばかり強いと考えていましたがそうでもないようです。
結局は内容が良いサイト作らないと誰も来ません。

検索エンジン対策にサイトマップを登録
thingamablogはRSSが使えます。
thingamablogのRSSはgoogleサイトマップに登録可能です。
手順は多少手間がかかりますが早めに登録されるためには有効です。
登録後インデックスファイルに確認ステータス用のメタタグを追加しないと登録されません。
もう一度戻って確認ボタン押す必要ありです。

何もしないと検索エンジンロボットがいつやってくるのか不明なぐらいなので検索エンジン対策はやっておきましょう。

携帯サイト用テンプレート

Thu, 27 Dec 2007 02:29:27 +0900

テンプレート配布

Thu, 27 Dec 2007 02:26:58 +0900

配布テンプレートのポイント

オリジナルのテンプレート制作用です。
改造して使いましょう。
IEとfirefoxで確認しました。

右サイドバータイプ
3カラムタイプ(幅800px)を用意しました。
3つ入り
↓↓↓↓↓↓↓↓
ダウンロード
http://website.nandemo-site.com/thingamablog/temp/thingamablog_temp.zip

左サイドバータイプ(幅700px)

右サイドバータイプ

3カラムタイプ(幅800px)

ポイント
レイアウトのみで薄めの色を使用し構造が分かり易いようにレイアウト枠を表示しています。
フォントはあまり指定していません。
xhtmlにしてしまいましたがエディタの改行が<br>だったりしますので考え中です。

カスタムについて

オリジナルのthingamablog テンプレートの構造をなるべく使用してます。
画像は使用していません。

全体の枠を追加してます。
一番外側の枠です。
body下よりの(#container)内です
700pxにしています。

ヘッダー部(#banner)
色を#b4b48f、高さを180pxにしてあります。
background-color:#b4b48f; を替えると色が変わります。
画像をアップしてスタイルシートのbackground-image: url("/images/banner.gif");のパスを合わせるとヘッダーの画像表示です。

ナビゲーションバー(#navi)
navi内に自力でリンクを貼りましょう。
いらない場合は削除です。

レイアウト枠を表示しない場合border :...

カテゴリーの並べ替えについて

Thu, 27 Dec 2007 02:24:37 +0900

thingamablogのカテゴリー並べ替えの方法

自動でカテゴリーは数字、アルファベット順になります。
無料のブログではブラウザー上よりカテゴリーの並び替えが可能なものも多いです。

数字が入るためデザイン的には落ちますがカテゴリーは番号で並び換えの方法もありです。
カテゴリー追加・更新型日記で面倒なら数字でカテゴリーの並び替えをしましょう。

カテゴリーの並べ替えはテンプレート側のカテゴリー関連のタグをコメントアウト()して自力で並べ替えてテンプレート全てに貼り付けます。
この際Weblog設定よりカスタムタグを使用すると便利です。

手順
1.ブログを生成
2.テンプレート側のカテゴリー関連のタグをコメントアウト
3.Weblog設定よりカスタムタグに追加します。
4.自力で並び替えたカテゴリーのタグをカスタムタグ側に貼り付け。
5.生成したカスタムタグ(<$xxxxxxx$>)をテンプレート内のカテゴリーを表示したい場所に挿入

その後はカスタムタグ側のタグを並べ替えるとどのテンプレートにも反映されます。

...