kira88
フォーラムへの返信
-
フォーラム: 自作品の告知
返信が含まれるトピック: レスポンシブWebなテーマ「BirdTIPS」ようやくできました!
頂いたコードをmin-width/650pxにまで適用していたのが主なミスでした・・・。
それはカラムが落ちなくなりますね・・・。今回、いろいろと勉強が出来ました。
詳しく説明をいただき、どうもありがとうございました。
フォーラム: 自作品の告知
返信が含まれるトピック: レスポンシブWebなテーマ「BirdTIPS」ありがとうございます。
800pxと650px(maxとmin)のブレークポイントに同様にコードを付け足してみました。
結果としては1000pxにのみコードを付け足した時と同じ挙動です。
例えばPCのブラウザで表示幅を狭めていくと、
まず右サイドバーが落ちますが(ここまではOK)、どこまで狭めても左サイドバーは落ちない(メインカラムと左サイドバーが並んで表示されている)、という状態です。iPhone-safariでも同様で、メインカラムと左サイドバーが表示されている状態です。
各ブレークポイントでの設定を変えてもみましたがうまくいきませんでした。
メディアクエリー、難しいですね・・・フォーラム: 自作品の告知
返信が含まれるトピック: レスポンシブWebなテーマ「BirdTIPS」こんばんわ!さっそくありがとうございました。
頂いたコードを子テーマ末尾に付け足した所、
左サイドバーが落ちなくなりました。右サイドバーだけが落ちます。
iPhoneから見ても、PCブラウザの幅を狭めて見ても同じ挙動です。iPhoneでサイドバーが出てたらちょっと見づらいですね w
これはなぜでしょう。
メディアクエリーをいろいろ弄りましたが、解決しませんでした・・・。フォーラム: 自作品の告知
返信が含まれるトピック: レスポンシブWebなテーマ「BirdTIPS」こんばんわ!お忙しいところご回答ありがとうございます。
メディアクエリーのところで設定でしたか・・・
この辺り知識が浅く、まったく見当がつきませんでした。で、早速にご指摘のコードを適用したのですがすが、うまく動作しません。
具体的には、左サイドバーと右サイドバーが同時に、同じタイミングでカラム落ちしてしまいます。つまりは、両サイドバーが一つのサイドバーのように振舞っているようで、
左サイドバー→右サイドバーと順次に落ちてはくれません。CSSを読む限りでは(というか読み解き切れていないのですが・・・)#leftcolumnの指定がこれでいいのか気になっていますが、まだよい結果が出ていません。
なお、環境としては子テーマを使ってカスタマイズしており、元々のbirdtipsのファイルには手を加えていません。
これから更にテストをしようと思いますが、どの辺りがテストでの確認点になるでしょうか。
アドバイスありましたらお願い致します。フォーラム: 自作品の告知
返信が含まれるトピック: レスポンシブWebなテーマ「BirdTIPS」こんにちわ
シンプルなデザインが気に入ってこの夏頃から使わせてもらっています1つ質問がありますので、教えていただけるでしょうか
(WordPress 3.6.1、さくらレンタルサーバの環境です)・サイドバーの挙動
レスポンシブですので、ブラウザの幅を狭めるとサードバーが左サイドバー>右サイドバーの順にメインコンテンツの下に落ちていきます。
この下に落ちる順を逆に、つまり右サイドバー>左サイドバーの順にしようとしていますが、苦戦しています。なにかヒントはありますでしょうか。お時間ありましたら、よろしくお願い致します。
フォーラム: プラグイン
返信が含まれるトピック: Ktai Styleのimgタグにおけるalign属性の扱いについて登録されている公式テーマをいくつか確認してみましたが、.alignleftまたは.alignrightは、いずれもfloatが指定されていました。
やはりそうでしたか・・・。
そうするべきなのでしょうね。自分の使っているテーマではなぜかfloatがなく、そのまま使っていました。初心者故に思慮が及びませんでした。何も指定していなければ、通常は左から表示されますので、わざわざ左寄せを指定する必要はなく・・・
昨夜そのことに気がついた次第で・・・。
たまたまなのか、.alignleftのマージンの取り方が左寄せ(というか左寄せの指定なし)で画像を配置した際にちょうどいい感じになっていたので、そのまま何も考えず使っていました。今後のエントリの書き方に関わることなので、ここでしっかりと設定を手直ししようと考えております。
ご丁寧に、分かりやすい説明をありがとうございました!
フォーラム: プラグイン
返信が含まれるトピック: Ktai Styleのimgタグにおけるalign属性の扱いについてありがとうございます
Ktai Styleのご指摘の箇所のロジックを確認しました上述の通り、自分のテーマのcssでは.alignleftではマージンのみを指定しているのですが、
Ktai Styleではそれは「align=”left”を指定しているはず」として処理されているのですね
各クラスの定義内容を確認の上、携帯電話用にHTMLを吐き出しているという過保護なロジックになっていると思い込んでいました・・・対して、Twenty Elevenではfloat:left;も指定されていました
となれば、Ktai Styleのロジックの組立がより一般的なのでしょうか自分の環境では、左寄せにしたからといって必ずしもテキスト等を回りこませる必要はないと考えており、回りこませる際には別のクラスで対応しているのですが、方法的にイマイチでしょうか?
いずれにせよ、その他に当方のcssでのimgに対するmarginやalignの指定の仕方にイマイチな点に気が付きましたので、こちらのcssを直す方向で考えています
ご説明をいただきありがとうございました