Movable Typeの最近のブログ記事

記事の日付の場所を変える_01

Unstyledではデフォルトでブログ記事の下に日付が付きますが何となく記事の下に移しちゃいたいと思います。

モジュールテンプレート→ブログ記事の概要の中の日付の記述は

6行目？
<div class="asset-meta">
            <span class="byline">
<!--
<mt:If tag="EntryAuthorDisplayName">
...以下略
『asset-meta』というクラスの付いた『div』になります。

この記述を『div』ごと下の方の<div class="asset-footer">の中に移動させます。

アーカイブテンプレート→ブログ記事　でも同じように『asset-meta』を移動させます。

これで日付は下に行きました。
2008,12,23 - 09:44 | コメント(0) | トラックバック(0)

Web Designing 2009/1月号

MovableTypeが特集されていました。

23ページほどの特集ですがMTの最近の傾向やテクニックなどが紹介されています。

FlashでMTを読み込んで作るFlashBlogはそのうちやってみたいですね。

便利なプラグインもいくつか紹介されています。

しかしこのブログ、レイアウトの更新速度が遅い気がします・・

頑張りましょう。

Web Designing (ウェブデザイニング) 2009年 01月号 [雑誌]
2008,12,23 - 04:28 | コメント(0) | トラックバック(0)

iPhoneから更新するMovableType

iMT.jpg

iPhone、iPod touchからだとMovableTypeの管理がしにくい現状。

でもiPhoneやiPod touchからでも管理が簡単になるPlugInがありました。

iMTプラグインといってiPhoneなどからアクセスした場合に専用の管理画面で管理できるようになります。

インストールの手順は以下

  1. 上記のサイトからダウンロードしたZipファイルを解凍する。
  2. 解凍して出来たフォルダ『mt-static』と『plugins』をMovableTypeをインストールしたディレクトリにアップロードする。
  3. iPhone、iPod touchから管理画面にアクセスします。
すると管理画面が変わっているはずです。

現状では

  • ブログ記事の投稿
  • コメントの管理
  • ブログ記事の管理
が出来ます。

ファイルアップロードに対応していないのが残念ですがPlugInのアップデートに期待しましょう。

2008,12,22 - 08:39 | コメント(9) | トラックバック(0)

文字の間隔を指定する

letter-spacing.jpg

文字の間隔が狭くて読みづらかったので字間の調整をしていきます。

記事だけにスタイルを当てていきます。

ブログの記事は

<div class="asset-content entry-content">
内に記述されています。

ですのでこのクラスにCSSを定義します。

/*記事の幅と文字の間隔を調整*/
#alpha .entry-content {
margin : 0 55px 0 15px;
letter-spacing: 1px;（＊追記＊）
}
これだけだとHTMLばっかり記述してる引用文にまで文字の間隔が定義されてしまうので、

/*引用文の背景色と枠線と領域*/
#alpha blockquote {
background:#ffc;
border: 1px dashed #ccc;
padding: 6px 8px 6px 10px;
margin-left: 20px;
margin-right: 70px;
letter-spacing: normal;（＊追記＊）
}
と引用文にも定義します。

＊何故クラスの中のタグを指定しないかというとブラウザによって記述されるタグが違うのでエンジンの違うブラウザで投稿したときにレイアウトが統一されないからです。
2008,12,22 - 05:46 | コメント(0) | トラックバック(0)

ウィジェットのリストに任意のマーカーを付ける

new_archives.jpg

記事が増えてきてウィジェットの中身が見にくくなりました。

ですのでリストマーカーを付けて見やすくしていきます。

使う画像はこれ

arrow.gif

MTの【Unstyled】ではウィジェットの全てのリストに

【list-style:none;】

がかかっていたので今回は背景に設置して対応したいと思います。

続きを読む: ウィジェットのリストに任意のマーカーを付ける
2008,12,20 - 21:31 | コメント(0) | トラックバック(0)
前の5件 | メインページ |