Successfully reported this slideshow.

Movable Typeの空白をなくすためには。

906 views

Published on

2013年8月3日番外編で開催されるライトニングトークで使用した資料です。
詳細に関しては以下の記事を参考にして下さい。
http://focusmark.jp/entry/post-12.html

Published in: Self Improvement
  • Be the first to comment

Movable Typeの空白をなくすためには。

  1. 1. MTの空白をなくすためには。 大杉 将輝(a.k.a. nasa114, Masa) - twitter.com/nasa114 - MT:DDC 2013.08.03(Sat)
  2. 2. About me 広島県で高校生をしています。 某学生団体に入っていますが Movable TypeがはじめてでMovable Type好きで す 17歳と6ヶ月なのでお酒は飲めません。(重要) お酒勧めないで下さい Webクリエイターボックスに寄稿したことも有 ります。 近日こそっと内部コンテンツを更新予定 focusmark.jpで更新したらお知らせします。
  3. 3. コードの見やすさ 共通事項(HTML、CSS) インデントを使う(大体Tab) 終わりなどでわからないようにしないために./と かで見分ける CSS 部分ごとにコメントを入力して見やすくする リストを作るときにはol > liのように変更する
  4. 4. テーマを作成するには? 1. 元となるHTMLファイルとCSSファイルを作成 2. ヘッダー・フッター等小分けしていく 3. システム(MTとかWPとか)の関数を代入して 作成する 4. 動作確認・元となるHTMLファイルと誤差がない か確認 5. 完成。
  5. 5. 確認してて Movable Typeで構築すると 無駄な空白の行ができていたりする というか、その空白行作った覚え無い WordPressで構築すると 空白行がそこまでできてない 矛盾が発生!
  6. 6. Before
  7. 7. After - 1 ※
  8. 8. 当然… 空白行がある (mt:ignore)
  9. 9. ですが、
  10. 10. ということで、
  11. 11. 再構築して
  12. 12. After – 2 改行が なくなっている
  13. 13. まとめ mt:ignoreタグを多用するときは別ファイルでま とめる 続きを読むなど構造あまり面倒ではないときは 1行で条件分岐などを記載する
  14. 14. ちなみに… 相当テコ入れしてここまで綺麗になりました。
  15. 15. ご静聴ありがとうございまし た。 今回の資料等を公開しています 詳しくはfocusmark.jpへ
  16. 16. 勉強会を広めるには? シックス・ア パートが交流 サイトを作成 全国のMT イベントを 掲載 ユーザーが 県を見つけて 参加する
  17. 17. ご静聴ありがとうございまし た。 今回の資料等を公開しています 詳しくはfocusmark.jpへ

×