2008年1月アーカイブ

携帯サイトを作る時にあると便利な携帯シュミレーター。
Windows対応のシュミレーターはよく紹介されてますがMacはあるのか?あるよな。。


…簡単に見つかりました。


3_stroll.gif


携帯シミュレータ Stroll


これがあればある程度の検証は可能です。

ホームページの更新作業は思ったよりも重労働ですよね。


1.ソフトを起動する
2.テキストもしくは画像を用意しhtmlに書き込む
3.リンク先のページを作成
4.元ページからリンク先のページにリンクを貼る。
5.古くなったページをバックナンバーページに移動する。
6.リンク先を変更する。
7.FTPアップロードをする。


【デメリット】
1.ソフトのある環境でしか更新ができない。
2.古くなったページを別ページに移動してリンク先を変更しなければいけない。
3.テンプレートの更新に時間がかかる
4.外出先からはリアルタイムな更新ができない。
5.RSS配信ができない。


他にも数えるといくつか出てきますが、これまでのホームページ管理は時間と労力が非常にかかっていました。
しかし、「ブログ」が普及し始めてからはCMSの利用が拡大してきました。


「CMS(コンテンツ・マネージメント・システム)」
Webコンテンツを構成するテキストや画像、レイアウト情報などを一元的に保存・管理し、サイトを構築したり編集したりするソフトウェアのこと。広義には、デジタルコンテンツの管理を行なうシステムの総称。


簡単に説明すると、ホームページ作成ソフトが無くてもホームページの更新ができ、ホームページの更新の際は管理画面から記事を入力するだけで良い。と言うことです。


実際に更新の手順を見てみましょう。(Movable Type)
1.インターネットで管理画面にアクセスする。
2.IDとPWを入力してログインする。
3.記事のタイトルを書く
4.記事のカテゴリを選ぶ
5.記事の内容を書く。
6.記事を保存する。


29_mt_flow.gif


後は自動的にページを生成してくれますし、携帯電話からの投稿も可能です。
これだけ作業内容が短縮されると時間が有効的に使えます。


また、このCMSを導入することによりSEO対策(検索エンジン最適化)が自動的に行われます。
今現在、ホームページの作成をお考えの方、または更新をもっと楽にしたいをお考えの方はCMSの導入を是非お勧めします!


Movable Typeカテゴリー
Movable Type(ムーバブル・タイプ)は、シックス・アパート社が開発・提供するブログソフトウェアであり、ブログソフトウェアとしては定番的存在である。


WordPress
WordPress(ワードプレス)はデータベースにMySQLを利用し、PHPで書かれたオープンソースのブログソフトウェアである。

おおお!
これは非常に便利なものを見つけました!


それは更新情報などで強調させるNEWマークを日程指定して表示させるPHPです。
「投稿してから?日間表示させる」と言う指定が簡単にできます。
しかも設置が非常に簡単です。


まず、<head>~</head>内に
<?php
function disp_new($d1,$n){
$d3=date( "Ymd", mktime( 0,0,0,date("m") ,date("d")-$n, date("Y") ) );
if($d1>=$d3) print "<img src=\"<$MTBlogURL$>img/icon_new.gif\">";
}
?>
を挿入します。


次に、NEWマークを表示させたい<MTEntries>~</MTEntries>内に
<?php disp_new("<$MTEntryDate language='en' format='%Y%m%d'$>",3); ?>
を挿入します。


たったのこれだけ!
表示日数を変更したい時は「3」の部分を変更して下さい。


この技を開発されたのは「アロマネット株式会社」様です。
http://www.aromanet.co.jp/devphp/000183.php

今や少なくなってしまった相互リンクですが、マウンテンブックでは時代の流れを肌で実感するまでは相互リンクを行っていきたいと思います。
ちなみに有料ではありますがRSSでの広告掲載やアクセス解析情報を元にした広告掲載も行う予定です。


>>相互リンクページ

>>お問い合わせページ

実際にアドセンスをはじめてみてもページ内の内容と全く違う広告が表示される事があります。


そんな時には「セクションターゲット」
これはグーグルの公式ページにも載っているのでご存知の方が多いかもしれません。
広告表示で強調または無視するセクションの前後に挿入する形になります。


・強調する場合
<!-- google_ad_section_start -->
強調させたい内容
<!-- google_ad_section_end -->


・無視する場合
<!-- google_ad_section_start(weight=ignore) -->
無視させたい内容
<!-- google_ad_section_end -->


この方法でより内容に近い広告が表示されるようになりました。

レンタルサーバーなども様々あって、よく分からないという声もあります。
マウンテンブックではサーバー取得代行も行なっております。


ロリポップ!レンタルサーバー - ナウでヤングなレンタルサーバー
NINJA TOOLS

ドメイン取得代行も行なっております。2,3種類の候補をお考え頂きご相談下さい。

ムームードメイン- 年間651円~ 国内最安値のドメイン管理

通常は1ヶ月~2ヶ月程度のお時間をいただいております。ですが、早急にホームページを立ち上げたいなど、様々なご意見などがあると思います。なるべくご意向にあうかたちで取り組ませていただきます。作業が込み合っている場合は、通常の期間を頂いております。

東京都あれば、出来るだけお会いしてお打ち合わせをさせていただいております。お客様の会社、店舗などの雰囲気もデザインなどに活かしていきたいと考えておりますので、なるべく直接会ってお打ち合わせをさせていただいております。遠方の方はご相談下さい。

発注をいただく際は、メール、メールフォーム、お電話等で、発注についてご連絡を頂ければ、注文書等の書類を送付いたします。必要事項を明記し、書名捺印してお送り頂ければ、発注完了です。その後の作業やその他、ご説明をさせていただき、作業開始になります。他の方法での発注の場合はお問い合わせ下さい。

はい、大丈夫です。 イメージとしているホームページのサンプルなどを2,3点御用意していただけるとスムーズに話が進みます。
また、現在のWEB制作の現状などもお話しさせていただき、よりよいカタチになるようにご提案、ご説明などもさせていただきます。

(2007年12月時点)イーバンク銀行・みずほ銀行・郵貯でのお取り扱いが可能です。
振込口座などをお知りになりたい方はその都度お問い合せ下さい。

ある程度の知識がないと、ご自身では難しいと思います。ですが、全く知識がなくても、更新管理が出来るCMSと言う便利なシステムもあります。詳しくはお問い合わせ下さい。

ホームページの作り方にもよりますが、お客様での修正は可能です。
また、修正したことによりレイアウトが崩れたり、元通りに戻らなくなることもありますので自己責任でお願いします。

お客様の契約しているホスティング会社が無料でアクセス解析を提供している場合があります。
提供していなければ他社のアクセス解析サービスを利用されるといいでしょう。
マウンテンブックでは有料にてアクセス解析設置作業も行っています。

タイトル部分などの強調させたい部分を画像にすることはありますが、本文などの文字に関しては基本的にテキストを推奨しております。
画像でなくテキストにすることで検索エンジンにヒットしやすくなり、ホームページの管理にも適しています。

お問い合わせ・お見積もりフォームから、必要事項を明記してお問い合わせ下さい。その際に、詳しくお書きいただければ、より正確なお見積もりをお出しできます。通常は、大まかなお見積もりをお出しして、詳しく内容等、お聞きしてから、より正確なお見積もりをお出しする事が多いです。

概算で制作料金の単価をお出ししておりますが、毎回案件ごとに、内容や作業量が異なるので、詳しくはお問い合わせからお問い合わせ下さい。

ホームページ制作の料金は、WEBサイトそれぞれの規模や、中身の内容によって、作業量は全て異なります。ですので、標準的な料金は提示しにくいです。
有名な大規模サイトなどは数千万円かかると言われていたり、また中規模サイトでも数百万円、百数十万円とそれぞれ大きく異なります。
また、大手の制作会社などは、作業もプロデューサー、ディレクター、デザイナー、コーダー、プログラマーと、それぞれ分担作業で行なわれ、料金も高額になる事がおおいようです。

画像のアップロード先を変更する方法はバージョンによって様々です。
今回はMT3.3の変更方法について書きます。


今までは、サイトパス/images/(任意のファイル名)
と言う設定でしたが
サイトパス/tmpl/cms/upload.tmpl
のスクリプトを編集することにより


サイトパス/images/年/月/(任意のファイル名)


と言うように自動的に年と月を生成してくれる方法です。
まずは、ファイル先頭のJavascriptを編集します。


【編集前】


<TMPL_INCLUDE NAME="header-popup.tmpl">

<script type="text/javascript">
<!--
function setExtraPath(sel) {
var opt = sel.options[sel.selectedIndex];
var path = opt.getAttribute("middle_path");
if (!path) path = '';
var middle = sel.form['middle_path'];
if (middle) middle.value = path;
}
//-->
</script>


【編集後】


<TMPL_INCLUDE NAME="header-popup.tmpl">

<script type="text/javascript">
<!--
var today = new Date();
var num_year = today.getYear();
var str_year = String((num_year < 2000) ? num_year + 1900 : num_year);
var num_month = today.getMonth() + 1;
var str_month = (num_month < 10) ? "0" + num_month : String(num_month);

function setExtraPath(sel) {
var opt = sel.options[sel.selectedIndex];
var path = opt.getAttribute("middle_path");
if (!path) path = '';
var middle = sel.form['middle_path'];
if (middle) middle.value = path;

if (path) {
document.forms[0].extra_path.value = "images/";
} else {
document.forms[0].extra_path.value = "images/" + str_year + "/" + str_month;
}
}
//-->
</script>


そして、オプションでパスを入れる入力フィールドの部分の直後の部分も修正を加えます。



/ <input name="extra_path" id="extra_path" />

<script type="text/javascript">
<!--
document.forms[0].extra_path.value = "images/" + str_year + "/" + str_month;
//-->
</script>


これでオプションでアップロード先を選択し忘れても、
日付で分けられたフォルダが作成され、そこにアップロードされます。

26_googlead.gif


今日から本格的にGoogle AdSenseを使って行こうと思い、AdSenseの個人設定をイライラしながらやってました。
20分ほどごちゃごちゃしながらようやくコードを取得し、テンプレートに挿入。→再構築。。


よーし!と思いページを更新するとあれ!
英語の広告が表示されています??
再度更新をしてみると日本語なったりしました。


別のページに移動するとまた英語表示。。
ページの更新をしても日本語は出てこないようです。


この問題について色々調べてみると、どうもURLに原因があるようで。
例えば「車」のページを作る時に
「car」では無く「kuruma」とした方が日本語で対応しやすくなるらしいです。
もの凄く理解度できない理由ですが、そうらしいです。


この現象の解決法は以下のコードを追加することで解決しました。
google_language = 'ja';


そんなモノは日本語で設定してるんやから自動的にいれてくれよーって思いますけど、そこがGoogleっぽいとこでもあります。
なにはともあれこれで日本語表示ができました。

Webコンテンツを構成するテキストや画像、レイアウト情報などを一元的に保存・管理し、サイトを構築したり編集したりするソフトウェアのこと。広義には、デジタルコンテンツの管理を行なうシステムの総称。


Webサイトを構築するには、テキストや画像を作成するだけでなく、HTMLやCSSなどの言語でレイアウトや装飾を行ない、ページ間にハイパーリンクを設定するなどの作業も行なう必要がある。これらの要素を分離してデータベースに保存し、サイト構築をソフトウェアで自動的に行なうようにしたものがCMSである。


CMSを導入すれば、テキスト制作者はHTMLなどの知識を習得する必要はなく、デザイナーはテキストが更新されるたびに作業を行なう必要はなくなり、それぞれ自らの作業に集中することができる。また、サイト内のナビゲーション要素なども自動生成するため、ページが追加されるたびに関連するページにリンクを追加するといった煩わしい作業からも解放される。CMSの中には、サイトのデザインを「テンプレート」(ひな型)としてあらかじめいくつか用意しているものもあり、これを使えば画像の作成やデザインなどを行なうことなくサイトを構築することができる。

長らくお問い合せフォームを設置してませんでしたが、ようやく出来上がりました。
ちょっとした用件でもかまいませんので、質問事項などございましたらお気軽にお問い合せ下さい。
また、動作に関する不具合や提案などがあればお知らせ下さい。

マウンテンブックに問い合わせる

なかなか進まなかったサイトリニューアルもようやくCMS導入までこぎつけました。
自分のサイトというのは納期がないのでどうしてもダラダラとしてしまいます。
貴重な休みの時間を使って自分にムチを打って行きたいと思います。

4_nenga.gif


去年までは年賀状の当選番号を一つずつチェックしてましたが、今年からはそんな必要はなーし!
下二桁を入力するだけではずれがわかる!
これ便利です。。


大当たり★お年玉年賀状&かもめーる 当選番号チェックサイト

特定のカテゴリで使われている画像をサムネイル化してサイドバーなどに表示するプラグインです。

まずはEntryImages_1_04.zipよりプラグインをダウンロードしpluginフォルダにアップロードする。


標準設置例
<div class="module-images module">
<h2 class="module-header">最近の画像</h2>
<div class="module-content">
<MTEntryImages img_lastn="5">
<p><a href="<MTEntryImageEntry><$MTEntryPermalink$></MTEntryImageEntry>"><img src="<$MTEntryImageSrc$>" width="140" height="105" alt="<$MTEntryImageAlt$>" /></a></p>
</MTEntryImages>
</div>
</div>


マウンテンブック設置例
<div class="module-archives module">
<h2 class="module-header">制作実績</h2>
<div class="module-content">
<MTEntryImages img_lastn="5"include_cats="制作実績">
<p><a href="<MTEntryImageEntry><$MTEntryPermalink$></MTEntryImageEntry>"><img src="<$MTEntryImageSrc$>" width="140" height="140" alt="<$MTEntryImageAlt$>" /></a></p>
</MTEntryImages>
</div><!--module-content-->
</div><!--module-archives module-->

【タグ解説】
img_lastn="5" … 最新5件を表示
include_cats="カテゴリ名" … 表示させるカテゴリを指定する

今までは使っていませんでしたが、これからはタグクラウドも使っていこうと思います。
「mt タグ」と検索するとタグリファレンスが表示されて参りましたが、タグクラウドを検索して何とか探していたものがヒットしました。
設置は物すごく簡単です。


htmlには以下を貼り付け
<ul id="tag-cloud">
<MTTags>
<li class="tag">
<a class="tag level<$MTTagRank$>" href="<$MTTagSearchLink$>" title="<$MTTagName$>(<$MTTagCount$>)" rel="tag"><$MTTagName$></a>
</li>
</MTTags>
</ul>


CSSには以下を貼り付け
/* Tag cloud */
ul li.tag {
margin-right: 5px;
display: inline;
list-style: none;
}

li.tag a.level1 {
font-size: 175%;
}

li.tag a.level2 {
font-size: 160%;
}

li.tag a.level3 {
font-size: 145%;
}

li.tag a.level4 {
font-size: 135%;
}

li.tag a.level5 {
font-size: 120%;
}

li.tag a.level6 {
font-size: 110%;
}


引用ページはpur*logさん

このアーカイブについて

このページには、2008年1月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2007年12月です。

次のアーカイブは2008年2月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。