ブログデザインを変えてみた / 南国スキーぶろぐ

TAG ARCHIVES:web

ブログデザインを変えてみた

2011年04月11日 月曜日 16時59分

ブログのデザインを変更しました。
このブログはwordpressで構築されていて、今まではフリーテーマを使ってたんだけど、そいつをイジろうにもphpでフルコーティングされていて手が出せなかったのw

でも、WordPressでイチから作るのは流石に面倒臭すぎるので、WordPressでイチから構築している俺の沖縄特化サイト「南国スキー部 沖縄スタイル」のブログデータを思いっきり流用してみました。

と言う訳で、今後もヨロシク。

MovableTypeで新しいブログを作ってみた

2010年12月08日 水曜日 02時26分

MovableTypeの勉強のため『SNOW JUNKIES』と言う一般サイト&ブログを作ったばっかりですが、その復習のために新しいブログを作ってみました。

その名も『BMW MINI blog』です。
はい、そのまんまです。
てか、今まで持ってたMINI blogをMovableTypeで作って移転しただけです。

個人的に今回コダワリを持ったのは、1ページに載せる記事は1つだけ、いろんなメニューをフッターに格納しすっきりデザインに、コメント入力フォームとコメント欄を横並びにして一体感を持たせてみた、検索フォームやコメントフォームをデザイン。
こんな感じかな〜。

これで基本的なMovableTypeの使い方は分かったかな。
あくまでも基本的なね。
後は複雑なテンプレートタグやPHPなんだろうけど、必要に迫られないと覚えようがないんだよなぁ。
やっぱ本買ってきて『へぇ〜こんなのも出来るんだぁ〜』って感じで勉強してくしか無いかな。

後は、今まであえてやってなかったCSSデザインのパーツを作ってみるとか。
例えばCSSでのプルダウンメニューとか。
あ〜やべぇ〜、まだ異動の時期がハッキリと決まったわけじゃないのに気持ちばかりが超焦る。
まぁ本来、異動というものは突然来るもので、こうやって準備出来てるだけでも良いのかもしれないが…

最後に。
『冬のボーナスがちゃんと支給されますように(願!!)』

MovableType 検索フォームの設置

2010年12月08日 水曜日 01時45分

検索フォームを設置したい場所に、下記のソースを記述。

<form method=”get” action=”<$mt:CGIPath$><$mt:SearchScript$>”>
 <input type=”hidden” name=”limit” value=”<$mt:SearchMaxResults$>” />
 <input type=”hidden” name=”IncludeBlogs” value=”<$mt:BlogID$>” />
 <input type=”text” name=”search” />
 <input type=”submit” value=”SEARCH” />
</form>

以下、FORMの解説。

『MovableType 検索フォームの設置』の続きを読む

MovableType 検索結果ページを分割

2010年12月08日 水曜日 01時35分

MovableTypeフォルダからmt-config.cgiをダウンロードし、『SearchMaxResults ◎←件数』と記述しアップロード。
俺の場合、検索結果1ページに3件の記事を表示させたいので『SearchMaxResults 3』と記述。
それを、同じ場所にアップロードし上書き。

で、検索フォームのソースに、
<input type=”hidden” name=”limit” value=”<$mt:SearchMaxResults$>” />
を追加する。
全体はこんな感じに。

『MovableType 検索結果ページを分割』の続きを読む

MovableType ブログ記事の概要

2010年11月30日 火曜日 16時41分

ダッシュボードの『デザイン→テンプレートモジュール→ブログ記事の概要』について。

当然、ブログの基本デザインはインデックステンプレートのメインページに記述するが、全部書くと長くなるので、ヘッダー、フッター、サイドバーなどはモジュール化し、それを読み込んで表示させるようにする。
ちなみに<$mt:Include module=”モジュール名”$>で読み込む。

それと同様に、ブログのメインページのブログ記事を表示させる記述もモジュール化する。
テンプレートモジュールの『ブログ記事の概要』にそれを記述。

長めだが、ブログ記事を表示させるソースはこちら。

『MovableType ブログ記事の概要』の続きを読む

MovableType PageButeでページ分割

2010年11月30日 火曜日 16時17分

MovableTypeには記事が多くなった時に、例えば5件の記事を表示させたら次のページにリンクさせて、そっちに続きを表示って機能が無いんだよね。
ほっといたらアーカイブでしか1ページから溢れた記事を読めなくなっちゃうの。
それじゃ〜不便だから、ページ下部に分割したページのリンクが欲しいよね。
それをやってくれるのがPageButeと言うプラグイン。
↓こう言うのね。

下のソースはブログトップページのブログ記事を表示させてる部分のソースだけど(所謂、ブログ記事の概要)、そのソースの赤い部分がPageButeの記述です。
下で解説をするので、参考になるなら幸いです。
が、基本自分の備忘録なので解釈が間違ってるやもしれません。

『MovableType PageButeでページ分割』の続きを読む

MovableType 月別アーカイブ

2010年11月30日 火曜日 13時47分

記述はコチラ。

<mt:ArchiveList archive_type=”Monthly”>
<mt:ArchiveListHeader><ul></mt:ArchiveListHeader>
<li><a href=”<$mt:ArchiveLink$>”><$mt:ArchiveTitle$>(<$mt:ArchiveCount$>)</a></li>
<mt:ArchiveListFooter></ul></mt:ArchiveListFooter>
</mt:ArchiveList>

で、結果はこんな感じ。

解説。

『MovableType 月別アーカイブ』の続きを読む

MovableType カテゴリーを表示

2010年11月24日 水曜日 03時19分

ソースはコチラ。

<mt:TopLevelCategories>
<mt:SubCatIsFirst><ul></mt:SubCatIsFirst>
<li><a href=”<$mt:CategoryArchiveLink$>”><$mt:CategoryLabel$>(<$mt:CategoryCount$>)</a><$mt:SubCatsRecurse$></li>
<mt:SubCatIsLast></ul></mt:SubCatIsLast>
</mt:TopLevelCategories>

出力はこんな感じ。

カテゴリーを表示

で、解説。

『MovableType カテゴリーを表示』の続きを読む

movabletype 最近の投稿

2010年11月24日 水曜日 00時34分

今回は最近の投稿を表示させる方法を。
記述はコチラ。

<mt:ArchiveList lastn=”5″ archive_type=”Individual”>
<mt:ArchiveListHeader><ul></mt:ArchiveListHeader>
<li><a href=”<$mt:ArchiveLink$>”><$mt:ArchiveTitle$></a><p>└ <$mt:ArchiveDate format=”%Y年%m月%d日%I時%M分”$></p></li>
<mt:ArchiveListfooter></ul></mt:ArchiveListfooter>
</mt:ArchiveList>

で、結果はコチラ。

最近の投稿

解説。

『movabletype 最近の投稿』の続きを読む

WordPressとMovabletypeで作った一般サイト

2010年11月23日 火曜日 17時05分

ここのブログはwordpressのテーマをチョコっと加工しただけなんだけど、俺が勉強がてらにWORDPRESSとMOVABLETYPEで1から全部自作した一般サイトを紹介します。

まずはWORDPRESSで作った一般サイトから。
沖縄に完全特化した『南国スキー部・沖縄スタイル』です。
今見てみれば直したい所だらけなんだけど、訳あってMOVABLETYPEを覚えなきゃいけないので放置中。
独自ドメインなんかも取っちゃってたり。

そして最近完成したばかりのMOVABLETYPEで作ったスキー特化サイト『SNOW JUNKIES』です。
いや〜movabletypeは手強かった…。
なんか知らんがやたら苦労した。
まだ作っただけで小難しい事してないから、今後勉強しながら弄ろうかと思ってます。

『WordPressとMovabletypeで作った一般サイト』の続きを読む

© 2010 - 2024 南国スキーぶろぐ