-
投稿者検索結果
-
*****[ プライベートトピックのため非表示 ]♥ 0Who liked: No user*****[ プライベートトピックのため非表示 ]♥ 0Who liked: No user2020年6月11日 12:01 PM #52532
返信が含まれるトピック: アイキャッチ画像がズームされて表示される(推奨アイキャッチ画像のサイズについて)
上記に書いているとおり、推奨サイズは特にありませんが強いて挙げるなら 4:3 か 16:9 の画角のサイズが良いと思います。
Snow Monkey はどんな画像がアップされても「それなりに整ってみえる」ようにするために、一覧での画像の表示サイズを強制的に統一しています。その反面、きっちりしたサイズで表示したい場合には Snow Monkey の一覧のデザインは向いていません。アイキャッチ画像に登録した画像は一覧のサムネイルの他、ページヘッダーの画像としても表示される場合があります。一覧ではきっちりサイズでつくったとしても、それだと今度はページヘッダーではずれて表示されることになります。
そういったことから、ある程度きれてもおかしくない画像を登録するようにするか、どうしても文字を入れたいなら 4:3 か 16:9 の画角のサイズにしてなるべく文字を中央に詰めるのがベターかなと思います。
♥ 0Who liked: No user2020年6月11日 10:06 AM #52523返信が含まれるトピック: Snow Monkey Blocksの【セクション】と【ボタン】
アドバイスありがとうございます!
動画のURLをご教示頂けますか?このページからだと閲覧ができませんでした。。セクションボックス:グレー背景
ボタンボックス:白背景→グレー背景にしたいよろしくお願いいたします。
♥ 0Who liked: No user*****[ プライベートトピックのため非表示 ]♥ 0Who liked: No user*****[ プライベートトピックのため非表示 ]♥ 0Who liked: No user2020年6月10日 4:26 PM #52487返信が含まれるトピック: IE11でのグローバルメニューの表示
確認できました。どうも
position: fixed
時のtop
の扱いが異なるため発生するようです。次のアップデートで IE11用のパッチを当てようと思います。ご報告ありがとうございます!♥ 0Who liked: No user2020年6月10日 2:03 PM #52468返信が含まれるトピック: h3の装飾(過去の投稿を拝見したが、適用できず…)
では、ブロックエディタで「見出しブロック」として作成されたh3にだけ適用する
方法はありますでしょうか。先程の繰り返しになりますが、
(注記: 表側とブロックエディター上では WordPress の仕様上 HTML の構造が違います。そのため、この CSS は表側には適用されますがエディター上には適用されません。エディター上にも適用するにはさらに工夫が必要ですが、それはメンテナンスが難しくなるので、特に必要なければ先の CSS だけに留めておくのがベターだと思います)
HTML の構造が表側とエディター側で異なっているので(これは Snow Monkey の問題ではなく WordPress の仕様です)、厳密に「見出しブロック」だけに CSS を適用するのは意外に難しいのです。具体的には、表側については
.c-entry__content > h3, .smb-section__body > h3 { ... }
といったように自分が使う可能性があるセレクタを地道に追記していき、エディタ側については
[data-type="core/heading"] h3 {}
に対して CSS を当てることになると思います。
このとき、前述したように表側とエディタ側で HTML 構造が違うため、表側では CSS が当たるけどエディター側では当たらない、逆に表側では当たらないけどエディター側では当たる、といったことがおこる可能性があります。それは地道にセレクタを調整して潰していくしかありません。これはなかなか骨の折れる作業なので、「それはメンテナンスが難しくなるので、特に必要なければ先の CSS だけに留めておくのがベターだと思います」と書いた次第です。
♥ 0Who liked: No user2020年6月10日 1:53 PM #52465返信が含まれるトピック: 「クラシック版の段落」がデフォルトになっているのを変更したい
プラグインを1つずつ検証したところ、「TinyMCE Advanced」を
入れていることに気づき、外したら改善されました!ありがとうございます!!
クローズいたします。♥ 1Who liked: No user2020年6月10日 1:40 PM #52455返信が含まれるトピック: h3の装飾(過去の投稿を拝見したが、適用できず…)
お二方、ご丁寧にありがとうございます。
html構造にはアウトライン(ブロックレベル)とインラインと言った〜
HTMLとCSSは一応書けるので構造の理解はしております。
クラシックエディタやsublime等で記述する際は問題ないのですが、
Gutenbergエディタに慣れておらず、お手数をおかけしてしまいました。厳密に言うと、セクションブロックの「直下にある」h3です。なので例えばセクションブロックの中>にあるメディアの文章ブロックの中にあるh3には適用されません。
承知いたしました。
では、ブロックエディタで「見出しブロック」として作成されたh3にだけ適用する
方法はありますでしょうか。お手間を取らせて申し訳ございません。
♥ 0Who liked: No user*****[ プライベートトピックのため非表示 ]♥ 0Who liked: No user2020年6月10日 1:22 PM #52447返信が含まれるトピック: グループ化と再利用ブロックの使い方
ブロックエディターの上部に、インフォメーションアイコンのボタンと鉛筆のアイコンのボタンの間>に「ブロック構造」があるので、それで見てみてください。
確認できました。
ただ、グループ化されているようにみえるのですが、実際は、段落だけを
移動させることができます。。うまくグループ化できていないということでしょうか。
♥ 0Who liked: No user2020年6月10日 1:17 PM #52445返信が含まれるトピック: h3の装飾(過去の投稿を拝見したが、適用できず…)
@Kmical Lights さん、「単純に段落の中に記述したh3」というのは、ブロックエディターで普通に h3 を配置した場合、ということだと思いました。@杉原 圭 さん、ですよね?
そういうことだとすると、
.c-entry__content > h3 { ... }
とすると適用されます。(注記: 表側とブロックエディター上では WordPress の仕様上 HTML の構造が違います。そのため、この CSS は表側には適用されますがエディター上には適用されません。エディター上にも適用するにはさらに工夫が必要ですが、それはメンテナンスが難しくなるので、特に必要なければ先の CSS だけに留めておくのがベターだと思います)
上記コードは、セクションブロックの中にあるh3に適用されるという認識でよいでしょうか。
厳密に言うと、セクションブロックの「直下にある」h3です。なので例えばセクションブロックの中にあるメディアの文章ブロックの中にあるh3には適用されません。
♥ 0Who liked: No user*****[ プライベートトピックのため非表示 ]♥ 0Who liked: No user*****[ プライベートトピックのため非表示 ]♥ 1Who liked: No user -
投稿者検索結果