16 September ライブラリの使い方 ライブラリで相対パスにLibraryと入ってしまう DW ライブラリの使い方 HTMLで基本を作ったら、ライブラリしたい箇所をコピー 「ウィンドウ」→「アセット」→「本マークのアイコン」→右下の「新規ライブラリ項目」→ペースト 別のページつくったらここから左下の「挿入」を選びます。 編集作業もここでやります。 相対パスリンクが入ってる場合、更新すると /Library/ と入ることがありました。 入らないときもあってよくわかんないです。 全ページが同じ階層にあるならいいんですが、htmlが入ってるフォルダがカテゴリごとに分かれていることは普通にありますよね。このときに/Library/が入ってきます。 色々考え調べてみて、ライブラリファイルに書かれている相対パスは「Libraryフォルダの各ライブラリファイルから見たサイトルート」でなくてはならない、ということなのかな？ http://webnomori.net/howto/designer-02.php それで更新反映させるとルートパスが変換されて吐き出される。 それもそのはず、あるフォルダ内の並列htmlリンク先と、別のフォルダへのリンク先の相対パスは階層が違うわけです。これはフォルダごとに異なりますよね。でも私は何も考えず一括でライブラリにてフッターメニューを編集してました。そしてリンクは正常に貼られていました。 ../ がつくつかないということなのですが、勝手に変換されていました。 このことのトラブル記事は全然なくて、そもそも分かってるのが普通なんですかね？ http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14107419574 役に立たない回答記事 ライブラリはフッターメニューなど書き換え要素がよくありそうな場所で、現在のon画像を仕込まないような場所に向いていると思います。 あとは同じ画像を色んなところにはめ込んでいて、一括で画像を差し替えたい場所などです。 つまりWPでいうfooter.php、sidebar.php、各種細かい部分読み込み.php みたいなものですよね。 DWで作るときは画像をなんでも埋め込んで作っちゃおうと思いますが、WPを作るときは.phpではWPが枠組みだけ基本吐き出して、装飾や配置はCSSのほうでやるわけです。特にメニュー・カテゴリー関連ではそれが顕著ですよね。 HTMLに直接画像を置くのではなく、ほぼ background-image で指定するわけです。 そう考えると特別編集が面倒ということはないのかなあと思います。 難点はHTML内でライブラリに指定されている場所のテキストは、文字の背景がクリーム色になっていました。文字が黄緑ですっごいみにくいから色変えたいんですけど、カラースキームみてもどこかえればいいのかわかりません･･･。 （※カテゴリ「HTML」内の「ライブラリ項目」でした） DWのテンプレートはまだ使ったことがありません。 これはWPの各種.phpにプラスして編集可能なオプション領域を作れるもの、と現時点では解釈しています。 これも使ったら一括更新が捗りそうですが、DWが吐き出すテンプレ開始終了のコメントアウトがやたらめったらガチャガチャ入ってて鬱陶しいのと、他人が見たときに編集しずらくなるって言うのがあると思います。 すごいページ数多いサイトだったらWPのようなファイル構成を自分でphpで作っちゃいますよね。そういう技術者は当然いると思うし。 追記 ライブラリはバグが多い。CS6 更新しているうちに、ライブラリの更新ウィンドウがループ出現したりします。 いったんDWを閉じないと直りません。 ライブラリを書き換え更新しても反映されなくなりました。 ライブラリ指定したところを削除して再挿入してもダメでした。 ページ数が少ないのでもう一度新規にライブラリを作成し挿入しました。 これが何十ページもあったとしたら･･･？ テンプレファイルであり得ないバグなんですけど。 ライブラリ使うのが怖いです PR
21 June クロムChromeでのみ文字フォントサイズが勝手に大きくなる現象 原因 html{ font-size:62.5%; } body{ font-size:14px; font-size:1.4rem; } 62.5%が無視され、100%に1.4remがかかってしまいドデカ文字サイズになったという現象。 remを使うと稀に起きるらしい。私も始めてなりました。 解決法 body > div{ font-size:14px; font-size:1.4rem; } http://hazumu.net/blog/2014/02/24/body%E3%81%84rem%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%9F%E3%82%89chrome%E3%81%A7%E5%8B%9D%E6%89%8B%E3%81%AB%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%82%B5%E3%82%A4%E3%82%BA%E3%81%8C%E5%A4%A7%E3%81%8D/ Scriptを追加する http://n2p.co.jp/blog/tech/chrome-fontsize/ 全ページにスプリクト埋め込むのがめんどうなので、1番目のcssに書くのを採用することにする。
