80年代へようこそ!

Welcome back to the 80s!

80年代へようこそ! Welcome back to the 80s!

スタイルシートのカスタマイズ

  |金曜日

まずは、テンプレートの確認。プロフェッショナル ウェブサイトを選択した場合、デフォルトで「Professional Black」のスタイルが適用されている。「Professional Black」のデザインパーツとCSSは、「mt/mt-static/addons/Commercial.pack/themes/professional-black/」にあるので、これを基準にカスタマイズを行うのが手っ取り早い。ローカルにある「professional-black」のフォルダをコピーし、その中身をカスタマイズし、サーバーにアップする。たぶんもっとスマートなやり方があるのだろうが、自分にとっていちばん分かりやすい方法がベストだと思う。

カスタマイズしたフォルダをサーバーにアップしたら、MT管理画面にて、インデックステンプレートのスタイルシートを書き換える。

@import url(<$mt:StaticWebPath$>themes-base/blog.css);
@import url(<$mt:StaticWebPath$>addons/Commercial.pack/themes/professional-black/screen.css);

professional-blackをカスタマイズしたフォルダの名前に書き換えて「保存と再構築」を行う。

これで見た目は変わったので、あとは、テストサーバーにて実行したカスタマイズをMT管理画面にて行っていく。同じことを繰り返すので、萎える。

  最終更新日 :

 - WebTips

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

no image
カテゴリーの順番を任意に並べ替える

カテゴリーの順番を任意に並べ替える。 カテゴリーと …

WordPressのロゴ
WP 投稿の日付を元号表記に

投稿の日付を元号表記に 当サイトは、1980年代を …

no image
IETester、複数のバージョンのIEを表示するアプリ

IETester、複数のバージョンのIEを表示するアプリケーションの紹介です。

no image
こんな企業サイトは嫌だベスト20

Webサイトで嫌われる企業サイトの理由ランキング上位20項目です。

no image
MT4.21 カスタマイズメモ(4)

最近のコメントの不具合についていろいろと検索してみ …

no image
パンくずリストの設置について

MTにパンくずリストを設置する方法について記載しています。

no image
ブログ記事の日付を元号表記にする その2

元号を表記する、その2です。今度こそ。できました。 …

no image
Web Design ギャラリーサイト

秀逸なサイトを見て刺激を受ける。恥も外聞もなく、素 …

no image
MT4.21 カスタマイズメモ(7)

ping送信先リストのメモ。SEOの効果、アクセス …

no image
ランダムに選択したブログ記事を表示する

ランダムに選択したブログ記事を表示するプラグイン。 …