人気のCMS(MovableTypeOS・WordPress)もカスタマイズ

無料ブログに満足できなくなったら人気のCMS(MovableTypeOS・WordPress)へステップアップ!

Platinum color 涼優彩色では、MovableTypeOSやWordPressのカスタマイズはもちろん
ステップアップするためのアドバイスやお手伝いも行います。

無料ブログはとっても便利なのですが、いろいろ制限があったり広告が入ったり・・と
本格的にホームページを運営したり、ブログを思いっきり楽しむには不満もちらほら。
そんな方にはMovableTypeOSやWordPressがオススメです。

当スタジオではMovableTypeOSやWordPress用の無料のテンプレートも配布しています。
空き時間を利用して行ったカスタマイズなので若干趣味の部分も現れていますが
すべてがフリーで利用(再配布以外の制限は行っていません)できるため
興味のある方はご利用ください。

カスタマイズサンプルとしていくつかご紹介します。
BLUE CUSTOMテンプレート
MovableType (MTOS)用スタイルテンプレート。青色をテーマにミリタリー調でまとめています。トップページは3カラム、カテゴリー及び個別のページはフルサイズの2カラムです。

RED CUSTOMテンプレート
MovableType (MTOS)用スタイルテンプレート。上記のテンプレートををさらにカスタマイズしてトップページを2カラムにしました。テーマは赤で和風の雰囲気を表しています。

BLACK CUSTOMテンプレート
WordPress用のテンプレート。標準に付属するテンプレートをカスタマイズして左側にパーツ用カラムと右側に本文スペースを配置する変則的な配置を行っています。テーマは黒で隠れ家的なイメージを表しました。

WHITE CUSTOMテンプレート
WordPress用のテンプレート。テンプレートの基本構造は黒のテンプレートと同じで、配色のみを変更しました。テーマは白、キッチンをイメージしています。ただ、今ひとつ納得いかない点もあり白のテンプレートは再度作成することにしました。

WHITE CUSTOM Mk2テンプレート
WordPress用のテンプレート。ベースとなったのは上記二つのテンプレートと同じ標準付属の「WordPress Default」ですが、こちらは一般的な3カラムとしてカスタマイズを行いました。テーマは白で、ミリタリー調を基本にしています。

*MovableTypeOSやWordPressのテンプレートの紹介やカスタマイズ内容につきましては、左メニューの「無料テンプレート」をご覧ください。

カスタマイズ小話「MovableTypeとWordPressのカスタマイズ」

しばらく無料テンプレートの配布が続いたので、カスタマイズに関する話題でも・・。

配布用のテンプレートを作成のためMovableTypeのカスタマイズをおこなったわけですが、あらためて感じたのはWordPressよりもシンプルな分だけ素直であること。
正しくは、ホームページの時代から使ってきたhtml技術の発展系として作られたシステムが故の使いやすさがMovableTypeにはあります。

ただ、ホームページにしてもブログにしても、カスタマイズ作業のメインはスタイルシート(css)にあるためMovableTypeがどうで、WordPressはこうだと、意識する必要はありません。
しかし、わずかなれど発生するthml部分の修正(phpを含め)では、自動化されていないMovableTypeの方が素直な動きだと感じました(正しくは余計な事しない)。

以前、当サイトである「Platinum color 涼優彩色」のw3c対応を行ったのですが、その際もWordPressが勝手に改行を書き換えたり、<p>コードを入れたりと文書部分の調整に苦労をした覚えがあります。
MovableTypeは不必要な加工を勝手に行わない分だけ素直に感じるのでしょう。
ただし、二つの違いはカスタマイズというより編集部分の処理にあるため使い勝手と好みによる違いです。

少なくとも、テンプレート(テーマ)作成のためのスタイルシート(css)カスタマイズにおいては苦労も仕上がりも同じでしょうね。

作業工程で考えるとMovableTypeの再構築は煩わしさがあります。
基本的にはcssファイルをftpから転送するだけなので調整するごとに再構築する必要はありませんがhtml側のカスタマイズを行ったときには再構築の必要があります。
その点、書き換えたテキストファイルをftpで転送するだけでサイトに反映されるWordPressは
クリックもなければ待ち時間もないためストレスが少ない。
この違いは、作業に追われてストレスが増えたときには大きな差となって現れます。

では、MovableTypeとWordPressは、どちらが好きか、どちらがオススメなのかと聞かれると
答えづらいですね。
使い慣れたMovableTypeは好きなのですが、代行サービスとしてお客様のホームページを作成する立場で考えると後々のサポートが行いやすいWordPressを選ぶかもしれません。

やはり、MovableTypeとWordPressは、一長一短としか言いようがありませんね。

WordPress用 無料テンプレートの配布「BLACK CUSTOM」

BLACK CUSTOMテンプレートWordPressのDefaultテンプレート「WordPress Default」をベースにカスタマイズした漆黒のテンプレート(BLACK CUSTOM)テーマを配布致します。

当テンプレートも、個人利用及び商用利用にかかわらず利用制限等はございません。(フリー)
*再配布のみ不可。

 

 

「漆黒のテンプレート」サンプルサイト リンク

漆黒のテンプレートテーマのダウンロード
漆黒のテンプレートは、3カラム仕様となっていますが左右のウィジェット用サイドバーを
左側の2列に配置しています。

また、右側にメインコンテンツ配置していますが、最上段はウィジェットに対応していますので
状況に応じたコンテンツの入れ替えが可能です。

まだまだ未完成部分があるとおもいますが、お好みでカスタマイズしてみてください。

インストール方法
1)ダウンロードしたzipファイルは、書庫のフォルダを復元するように解凍してください。
2)「blackcustom」フォルダーは「wp-contentのthemes」に転送。
3)「images」フォルダーはサイトURL直下に転送(サイトパス直下)。
4)イメージflashファイルを利用する場合は、「mihonight.swf」をURL直下に転送後、
「flash(alpha ウィジェット).txt」の内容でテキストウィジェットを作成してください。
alpha が右側のメインカラム、betaが左側カラム、gammaが中央カラムです。

漆黒のテンプレート(BLACK CUSTOM)トのコンセプトは黒であり、秘密基地、アジトをイメージしています。
こちらも裏のコンセプトを意識しながら、デザイン性の高いテンプレート(テーマ)にカスタマイズしてみました。
実用性はあまりないかもしれません。
レイアウトはビジネスにも対応できるタイプですが、個性が強すぎますね。
社長ブログのような自分を表現するタイプには良いかもしれません。

「黒」が前提にあってカスタマイズを始めたため、夜のイメージや隠れ家的な表現を
(工事中な気もしますが)多く取り入れています。
「白」がテーマなら全く違ったデザインになります。*次は白にしましょう。

タイトルロゴは透過GIFにて作成し、サイトURL直下に転送(サイトパス直下)「images」フォルダーに
アップロードしてください。
その後、themesのblackcustom内にある「header.php」を書き換えればタイトルが変わります。
*編集はUTF-8でエンコード

「mihonight.swf」」は、alpha ウィジェットカラムの利用サンプルとして作成しましたが
本来はアフィリエイトやサイトの紹介画像・広告等を設置します。
*alpha ウィジェットは、インデックスページ・ページで表示、カテゴリやアーカイブページ等では表示しません。

WordPressのDefaultテンプレートは、不思議で複雑なテンプレートでした。
外観がシンプルなので中身もシンプルな構造を想像していましたが
ある程度理解して2カラムから3カラムに変えるまでに1日も掛かってしまいました。
*それでもVicuna Extの方が難しいかもしれません。
ただ、一度カスタマイズしてしまえば根本はシンプルなので、さらなるカスタマイズには最適です。
MovableType (MTOS)用のスタイルが続いたのでWordPressのテーマも充実させていきたいと思います。

その他、気づいた点がありましたら、そのつど追加・変更していきます。

また、カスタマイズに関するご質問等ございましたらお気軽にご連絡ください。

カスタマイズがブログを変える!

ごく普通のブログも、カスタマイズ次第でホームページになったり、ネットショップになったりと
さまざまなサイトに変わります。

例えば同じテンプレートをベースに、用途に応じたカスタマイズを行うと・・

ベースとなるカスタマイズ前のテンプレート


温泉旅館のホームページサンプルとして作成。
トップページにはメニューとフラッシュの紹介を配置しています。


「島根の世界遺産 石見銀山遺跡の旅へ」観光案内と宿泊施設紹介のサンプルサイト。

カスタマイズを行えば、温泉旅館のホームページになったり、地域情報発信サイトになったりと
全く別のサイトのように変化します。

ブログを日記サイトと誤解されている方も多いように標準のテンプレートでは日記的なサイトになってまいますが、カスタマイズ次第で商用ホームページやアフィリエイトに対応できる柔軟さがブログの魅力です。

Platinum color 涼優彩色『ブログカスタマイズ・ホームページ作成代行』では、ブログの枠に囚われないカスタマイズ・ホームページ作成の代行を行っています。

商用ホームページのリフォーム

商用ホームページの強化は華やかなリフォーム
自社のサイトである商用ホームページに無料ブログを利用する事業者が増えています。
開設の手軽さと更新の容易さがブログ型ホームページを利用するメリットですね。

カスタマイズのサンプルとしてご紹介する今回のケースも、
ブログ型の商用ホームページを開設されている方からのご依頼になります。
鳥取県米子市で電気設備、設計、施工を営まれている、なかだ電気工事さんから
サンプル掲載のご了承を頂けましたのでカスタマイズ例としてご紹介させて頂きます。

なかだ電気工事さんのサイトは、fc2ブログに開設されています。

ご依頼主「なかだ電気工事」さんのサイト
http://nakadadenki.blog7.fc2.com/

正しくは、なかだ電気工事代表者様の妹さんが作られていて、ご依頼主も妹さんです。
そのため、全体的に可愛らしい雰囲気へのリフォームとなりました。

ご依頼を頂く前 ・・・before

米子市 なかだ電気工業  beforeなかだ電気工事さんのサイトは、簡単なカスタマイズが行われているのみでした。すっきりしたデザインも爽やかな印象があって良いですね。しかし、少し窮屈な部分もありましたので紹介文章の収まりが綺麗に見えるよう、サイズの変更や見栄えの華やかさをご依頼されました。

カスタマイズの終了したホームページ・・・after
米子市 なかだ電気工業 afterトップ画像のデザインはご依頼主様から送って頂いた手書きのメモが元になっています。もとのホームページが持つ爽やかな印象を残しながらも、暖かなイメージと可愛らしさが演出されていますね。代表者様ご自身の依頼であればもっと違ったイメージになったと思います。

*画像クリックで等倍表示

なかだ電気工事さんのトップ画像は、当スタジオでご用意いたしました。
実は写真を送って頂く間にも作成作業を進めるため仮サンプルとしてネコ画像利用していましたが、ネコの愛らしい雰囲気がイメージに近いと気に入られたため、あらためてネコのイラストが描かれた手書きのメモを携帯写真で送って頂きました。

さすがに手書きメモをお見せできませんが、雰囲気の近い写真を使ってトップ画像を制作しています。

ちなみに、ボツとなったデザインやトップ画像もご紹介しておきます。
なかだ電気工業 作成サンプル ボツ1最初に作成したサンプルです。アットホームな雰囲気と暖かなイメージを連想させる画像を選んでいますが、写真待ちの仮サンプルだったので半分は遊び感覚もありました。ちなみに、上部のメニューは蛍光灯の点灯をイメージしています。右カラムのオレンジは電灯をイメージ。

なかだ電気工業 作成サンプル ボツ2背景が完全なモノクロでなく、カラーから徐々に変化させて欲しいとのご要望。希望のデザイン案も手書きメモで送って頂けるとのことでしたので待ち時間を利用して加工してみました。*作り直しなのでかなり大変でした。商用ホームページの看板とも言えるトップ画像はとても重要なので試行錯誤がありますね。また、トップ画像サイズも変更しています。

最終的には「あくびをしている猫」に「電化生活は~」の吹き出しを付けるとのご依頼を頂きましたのでスタジオ内の写真からイメージに近いものを選びバランスを整えてご納品となりました。
また、なかだ電気工事代表者様から右カラムのオレンジをブルー系に換えて欲しいとのご要望を頂きましたので現在の色合いに変更しています。

なかだ電気工事さんは、カスタマイズのみのご依頼でした。
ブログ形式のならば、比較的簡単に行えますので大まかな作成をお客様ご自身で行って頂いたうえで当スタジオにカスタマイズとしてご依頼頂ければ低価格で商用ホームページが作成できます。

なかだ電気工事さんのようにブログカスタマイズサービス扱いならばお得に作成できるので裏技ですね。

ブログカスタマイズ Q&A 「どんなブラウザで確認されていますか」

Q 「カスタマイズを依頼したときは、どんなブラウザで確認されますか」

IE6、IE7、及びFirefox等で用いられているGeckoです。

IE7は少し値が違っていても綺麗に表示してくれますが、Geckoエンジンは丁寧に設定していかないと
すぐにずれてしまいます。
また、IE6も癖のようなものがあり、チェックを怠ると原因探しに苦労します。

ただ、検査環境の関係でMacや携帯機種による検査は行っていません。

ブログカスタマイズ Q&A 「簡単なカスタマイズなのでもっと安くしてください」

Q 「一部だけの簡単なカスタマイズをお願いしたいので、もっと安くしてください」

簡単なカスタマイズなら「ブログカスタマイズ シンプルコース 」で対応可能です。
ブログカスタマイズ フルコースは、ブログ全体のカスタマイズを行うため
費用は12,000円~14,000円ですが、「ブログカスタマイズ シンプルコース 」は
1作業あたり2,000円とお手頃な価格設定です。

もちろん、2,000円でも十分高価なお値段なので
十分ご検討ください。

ブログカスタマイズ Q&A 「カスタマイズと同時に他のブログへ移転したい」

Q 「カスタマイズと同時に他の無料ブログへ移転したいのですが可能ですか」

可能ですが、他の無料ブログを取得する手続きを当スタジオが行うのなら
「ブログカスタマイズサービス」よりも「無料ブログ作成代行サービス」に該当します。

ただし、お客様ご自身により移転先の無料ブログを取得いただき
ID及びパスワードをご連絡頂けたなら新しいブログをカスタマイズいたします。
また、ブログによっては過去の投稿をまとめて保存(エクスポート機能)できますし
新しいプログに投稿を一括して登録できる機能(インポート機能)があるのなら
カスタマイズの合間に登録いたします。

ブログ移転につきましてはいろいろご相談にのりますし
移転理由によっては現在のブログでも解決できるかもしれませんので
気軽にお問い合せください。

ブログカスタマイズ Q&A 「トップページでゲームができるようなカスタマイズ」

Q 「トップページでゲームができる、ゲームセンターみたいなカスタマイズはできますか」

トップページの画像でゲームができるようにカスタマイズとのご要望だと思いますが
ゲーム部分はブログのカスタマイズではなく「Flash」と呼ばれているソフトウェアが必要です。
現状としてゲームのフラッシュまで作る余力はございませんのでお引き受けできません。

Flashを用いた写真イメージ表示やキャッチコピーの再生ならば
時期を見て開始する「トップFlash作成サービス」で対応可能ですが
ゲームとなると困難な状況です。

もちろん、別途ゲームのFlashファイルをご用意頂けましたら
ブログカスタマイズサービスとして対応させて頂きます。

ブログカスタマイズ Q&A 「どんなカスタマイズも可能なのですか」

Q 「どのようなカスタマイズ内容でもお願いすれば可能なのでしょうか」

内容を詳しく聞かない限りは何とも言えません。
見た目はホームページ的なサイトもありますが基本はブログのシステムなので
ブログのベースとなるプログラムの能力を超えるカスタマイズはできません。

当スタジオのブログカスタマイズサービスは、
トップ画像・各背景画像・文字の色やサイズ・記事部分カラム部分のサイズの
変更・調整がカ主な内容です。
また、ブログ全体のレイアウト変更も行いますが、スタイルシートの
カスタマイズを行う場合と、テンプレートそのものを変更する場合があります。

ただ、可能・不可能の判断はご要望を聞き、調査してみないと判りませんので
お気軽にお問い合せください。