フォーラムへの返信
-
特定の部分（何かのブロックの中だけ→例）この段落ブロックだけ）だけに有効にされたいのか、サイト全体で有効とされたいのかによって、若干書き方も変わってきますが、以下は「特定のブロック内だけに有効なCSSスタイル」という前提で流れをご紹介します。
- スタイルを指定したいブロックを編集画面で選択し、右サイドバー下にある「高度な設定」の中の「CSSクラス」に任意のCSSクラス名を入力（＝ここでは
my-styleとします） - 管理画面内の外観→カスタマイズ に移動し、追加CSS というところにCSSスタイルを書きます
- 書きながら右側のライブビューで、実際に有効になっているかを確認します
例えば、どこか段落ブロックに上記のように
my-styleというCSSクラス名を付けたとします。そして、カスタマイズ→追加CSS で以下のようにCSSを設定します。
.my-style { color: red; }こうすることで文字の色が赤色になることが確認できれば、ちゃんとスタイルが有効になっているということになります。
この要領で、スマートフォンで表示した際のスタイルを書いていくことになるのですが、一言で「スマートフォン」と言っても画面幅の区切りをどこに設定するかにもよるのでアレですが、トピックに書かれているように画面幅の上限を指定してスタイルを指定すれば実現できるかと思います。
@media ( max-width: 376px ) { .my-style { font-size: 12px; } }この場合、画面幅が376px以下の場合にスタイルが有効となるはずです。お試しください。
いいねをした人:
添付の画像内赤枠で示している部分で、新しく作られたカスタム投稿タイプが表示されるはずですので、こちらから選択してください。ここで選択できないということは、何かしらカスタム投稿タイプの設定が正しくないのか、そもそも正常に作られてないなど、カスタム投稿タイプ側に問題があるかと思われますので、その場合は上記以上の情報提供がないと原因究明は難しいかもしれません。
ご確認ください。
いいねをした人:
トピックを立てさせていただいてから、再度色々と調べてみたいのですが、やはり一番はCSSで非表示にする方法なのかなと思いまして、とりあえずはそちらで対応を致しました。
何かアドバイスいただけるかもしれないので、もう少しだけトピックを開いた状態にさせていただき、その後閉じたいと思います。
いいねをした人:
管理画面の外観→カスタマイズより、なんでも構わないのでアーカイブページを右側で表示をした状態で変更することができます。
添付画像にも記載しましたが、以下の流れで設定を確認してみてください。
１）記事一覧レイアウトを変更する
→【基本デザイン設定】
→記事一覧レイアウトで任意のレイアウトに変更２）ページレイアウトを変更
→【アーカイブページ設定】
→ページレイアウトで「右サイドバー」を選択「縦一列」のデザインが解釈によっては複数あるため、ご希望のレイアウトをプレビューして試してみてください。
いいねをした人:
内容を拝見しまして、僕なりの所感をお伝えします。
まずは、起きている「事案」については、「TOPページを編集したあと、更新後にページを確認したらヘッダー、フッターが非表示、セクションブロックのレスポンシブが対応されなくなった」とのことで理解いたしました。
ただ、この現象が起きている「環境」の情報がほとんどないので、正直なところ「何も答えられない」という状況です。また、この現象を確認するためのスクリーンショットなどはありませんか？
あるとより良いだろうなと思われる情報としては、
- 現象が発生している状態のスクリーンショット
- コンテンツ内に何かスクリプト等を設置していないか
- コンソールなどで出ているエラーの開示
- 利用されているプラグイン情報
- Snow Monkey本体と関連プラグインのバージョン
まずはこれらがないとなんともお伝えし難い状況ですので、可能な範囲で情報共有いただけますと幸いです。
いいねをした人:
頂いたテストページを開発者ツールで拝見すると、
.smb-section__innerにwidth関係の指定がないため、<input>のsizeで指定されている幅に引っ張られているように見えました。ですので、応急措置としては、
.smb-section__inner { width: 100%; }とすることで対応はできそうですが、抜本的解決策は @キタジマタカシ さんに確認していただいた方が良さそうな気がします。
いいねをした人: - スタイルを指定したいブロックを編集画面で選択し、右サイドバー下にある「高度な設定」の中の「CSSクラス」に任意のCSSクラス名を入力（＝ここでは
