メインコンテンツへ移動

Search results of "i"

15件の結果を表示中 - 5,731 - 5,745件目 (全9,018件中)
  • 投稿者
    検索結果
  • #63812

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    0
    Who liked: No user
    #63811
    アバター画像キタジマ タカシ
    参加者
    2602

    気になる点が2点あります。

    1つはファイル名に日本語が含まれていることです。日本語(マルチバイト)のファイル名は環境によって正しく読み取れないことがあります。なので英語を使うものに変更して試してみてください!

    2つ目は localhost のパスになっていることです。今はローカル環境で確認されているので関係ないと思いますが、このままネット上にアップデートすると読み取れなくなってしまいます。なので URL のパスしていではなくて絶対パスでの指定が良いかもしれません。

    .l-header {
      background-image: url("/wordpress/wp-content/uploads/〜/bg.jpg");
    }

    みたいな。

    0
    Who liked: No user
    #63808
    アバター画像キタジマ タカシ
    参加者
    2602

    アクツさん

    あ、単純に .page-id-12345 のようなクラスが出力されるのでそれを使えば良いのでは?と思っての書き込みでした。テストサイトと本番サイトで id が異なることが多いようであれば、独自にスラッグのクラス名を追加するほうが勝手は良いかもですね!

    2
    Who liked: No user
    #63804

    返信が含まれるトピック: お知らせバーについて

    アバター画像キタジマ タカシ
    参加者
    2602

    あ、いや、ちょっと勘違いしていました。

    えっと、まず Snow Monkey で「オーバーレイ」ヘッダーというのは、ヘッダー自体(.l-header)がその下のコンテンツにかぶって表示されるものを指します。そして、スクロールしたときにグローバルナビゲーションがにゅるっとでてくるものはドロップナビゲーションと呼んでいます(つまり、Snow Monkey でいうヘッダーのオーバーレイとは別もの)。

    そういう前提で、ヘッダーの「ノーマル」というのは、ヘッダーがオーバーレイにも固定表示にもなっていないというだけの意味しかなく、ドロップナビゲーションとは関連がありません(ヘッダーが「シンプル」のときはドロップナビゲーションも表示されません)。また、ドロップナビゲーションはスマホではどの条件のときでも表示されない仕様なので、

    – ヘッダーがノーマルのときにドロップナビゲーションが表示される = 正しい
    – ヘッダーがノーマルのとき x お知らせバーがないときはドロップナビゲーションが表示されない = 不具合

    ということになります。こちらの環境だとスマホとPCの両方のヘッダーを「ノーマル」にしてお知らせバー未入力にしてもドロップナビゲーションが表示されるのですが、mayu さんの環境だとその場合はドロップナビゲーションが表示されないということですかね?

    ということで、このトピックの解決策としては CSS で

    .l-header__drop-nav {
      display: none !important;
    }

    とすることになりますが、PCの両方のヘッダーを「ノーマル」にしてお知らせバー未入力するとドロップナビゲーションが表示されない」のであればそれはバグになるということです!

    0
    Who liked: No user
    #63801
    アクツ
    参加者
    168

    キタジマさん

    私もよくbody_classにpage-{slug名}を吐き出す処理をMy Snow Monkeyに追加するのですが、けっこう何かに影響する感じでしょうか(処理多くしてるのでだめだよね等)

    ID値のclassだと、そのページ作り直してしまったときなどに駄目になるので(ページ複製してページ作り変えてしまう的なこともあったりするので)、slugのほうがいいかなって安易に使ってたのですが、極力Snow Monkeyで出力してるpageid-{ID}とかのほうがいいのか、知りたいなと思って(^^:)

    (そして、小山智久さん、横入りで質問ですみません)

    0
    Who liked: No user
    keipro
    参加者
    7

    Olein_jpさん

    ①添付写真の見本通り、トップ画面左のメニューのロゴ周りの背景を変更したい

    こちらの問題は、Olein_jpさんの言われた通り記述して解決できました。

    助かりました。ありがとうございます。

     

    キタジマさん

    ①添付写真の見本通り、トップ画面左のメニューのロゴ周りの背景を変更したい

    こちらのロゴ周りの背景を白くした後に、paddingで調整して、最上段にロゴと背景を移動することができました。ありがとうございます。

     

    トピックを複数件立ち上げてしまい申し訳ございません。

    開く際は、1トピックごとを徹底します。

    また、質問の際も具体的に記入するように気をつけます。

     

    ②見本の方に左下に葉っぱの画像を差し込みたいが差し込めない

    に関して、返信をしたい場合は、再度トピックを立ち上げたほうがよろしいでしょうか?

    ※現状調べながら実装を試みていますがうまくいきません・・・・・

     

    引き続きよろしくお願いいたします。

    1
    Who liked: No user
    #63785

    返信が含まれるトピック: Snow Monkey Formsの仕様

    アバター画像キタジマ タカシ
    参加者
    2602

    小山智久さん

    オフィシャルにもありますので、まずは検索してみていただければと思います。

    恐らく、Contact Form 7より、Snow Monkeyに親和性が高いと思われ必要な機能があるようなら、乗換も検討したいとおもってます。

    Snow Monkey は Contact Form 7 にも最低限のスタイルを当てています。また、機能的には Contact Form 7 のほうが高機能でできることは多いです。なので今 Contact Form 7 で特に不満がないのであれば、無理に乗り換える必要はないと思います。

    0
    Who liked: No user
    #63780

    返信が含まれるトピック: スライダーの高さを変更したい

    アバター画像キタジマ タカシ
    参加者
    2602

    オレインさん
    デフォルトでは切り取り(トリミング)はおこなわれないので、.spider__canvas.spider__slide でトリミングする感じになるかなと思います。

    mayuさん
    「画像の上下をトリミングして、縦幅を狭くしたい。」とのことなので、CSS でやるとすれば width ではなく height を使うことになります。また、.spider__figure は画像そのものなので、普通に高さを指定すると画像が潰れてしまいます。background-size を併用するか、オレインさんが書かれているように .spider__canvas.spider__slide に対して高さ指定することになると思います。
    あるいは、スライダーブロックはインスペクター(設定パネル)に「画像のアスペクト比」という設定があり、そこで「16:9」の比率で画像をトリミングして表示することが出来るので、比率がそれで良いのなら、その設定を使うのが一番簡単だと思います。

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2602

    keipro さん

    ①添付写真の見本通り、トップ画面左のメニューのロゴ周りの背景を変更したい

    .l-header に背景色を指定するとヘッダー全体に色がついてしまうので、ロゴの周りだけであればオレインさんが書かれているように、.c-site-branding に背景色を指定するのが良いです。あとは良い感じになるように padding を調整すると良いと思います。

    ①追加cssにて該当箇所のみ背景変更を試みましたができませんでした。
    ②追加cssにて画像を挿入しようとしたが上手くできませんでした。

    お手数おかけして申し訳ないのですが、他のユーザーさんが同じ問題に直面したときに調べやすいように、次回からは1トピック1課題の投稿をお願いします!あと、どのようにうまくいかなかったのかも具体的に書いたりスクリーンショットを入れていただけると解決しやすくなると思いますのでお願いします。

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2602

    任意のタクソノミーの投稿にはクエリをカスタマイズできるフィルターフックが用意されています。

    snow_monkey_taxonomy_posts_widget_args_{ID} です。

    下記のトピックが参考になると思います。

    渡ってくる $query_argstax_query を条件にあうように書き換えればいけると思います。

    0
    Who liked: No user
    #63769
    アバター画像キタジマ タカシ
    参加者
    2602

    heightwidth を背景画像の大きさにあわせるか、アクツさんが書かれているように background-position で調整する、あるいは background-size で調整するとかですかね。

    1
    Who liked: No user
    #63750
    アバター画像星乃 みなみ
    閲覧者
    36

    アクツさん Olein_jpさん 早速コメントありがとうございます。
    スミマセン、たしかに質問が3つまとまってました。後ほどスレッド分けます。少々お待ち下さい。

    bodyに追加する記述、リンク先では、一般例として、functions.phpに記述するようになっていますが、
    Snow Monkey的なお作法としては、My Snow Monkeyプラグインに記述する形になるのですよね。

    パスについては、僕が考えた案だとバージョンアップ時に消えるようなので、新たな格納先を具体的考えて見て
    また提示したいと思います。これは新しいスレッドで行います。少々お待ち下さい。

    まずはご回答頂いた皆様にお礼まで、ありがとうございました!

    1
    Who liked: No user
    #63735
    アクツ
    参加者
    168

    tomohanano 様

    こんにちは。お返事ありがとうございます。
    こちら画像のサイズ以上に領域が確保されているっぽいっぽく、背景画像のpositionを指定していないので左にでてるような状態っぽいですね。
    なので背景にposition指定(background-position:)するとお望みの形になりそうな気がします。

    2
    Who liked: No user
    #63734

    返信が含まれるトピック: 2カラムのデザインを実現したい

    Olein_jp
    参加者
    576

    Snow MonkeyとSnow Monkey Blocksを普通に使う形では実現は難しいと感じます。また、ここはSnow Monkey公式フォーラムですので、アドバイス差し上げることが適切かどうか判断が難しいので、個人的な実現イメージだけ共有しておきますね。

    @キタジマタカシ 氏 不適切であれば削除していただいて大丈夫です。

    色々なアプローチが存在すると思いますが、僕の思いつきアイデアを共有します。

    ### 発生している問題

    ・使うべきブロックがわからない

    ・テキストとアイコンを併記させる方法がわからない

    使うべきブロックですが、方法の一つとして「カラムブロック」でも良いかもしれません。よりカラムブロックを管理したい場合には、外側にグループブロックでラップしてCSSクラスを付与しても良いでしょう。

    「テキストとアイコン」ですが、こちらはグループブロックでラップしてCSSクラスを付与し、見出しブロック(CSSクラス付与してスタイル追記)とカスタムHTMLブロックor画像ブロックでアイコンを配置してposition: absolute; でコントロールする感じでしょうか。

    2
    Who liked: No user
    Olein_jp
    参加者
    576

    実際のサイトの構造を見ないと確実なことは言えませんが、

    葉っぱのアクセントをCSSの記述で挿入できないかと試してみました

    .l-header{ background-image:url(ファイルの場所);}

    これで背景に画像を入れるということは可能でしょう。あとは、background-position などなど利用して希望する場所に配置する流れるになるかと思います。

    上段のカラーが変更できないかCSSの記述で試してみました

    .l-header{background-color:#ffffff;}

    これに加え、top、padding、marginなどの記述で幅を調整したりしていますが、上手く調整できない状況です。

    これだと、ヘッダー全体の背景色を変えることになると思います。

    ①添付画像の見本のようにロゴ周りの背景を白くしたいが変更できない

    ロゴの周りをということであれば、c-site-branding 付近の良さそうにCSSクラスに背景色を指定して調整するなどの方が、ご希望されている見た目に近くなるかもしれません。(ヘッダー全体の背景色を変えたいのであれば l-header でも良いと思います)

    ご確認くださいませー。

    0
    Who liked: No user
15件の結果を表示中 - 5,731 - 5,745件目 (全9,018件中)

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。