Olein_jp

フォーラムへの返信

15件の投稿を表示中 - 391 - 405件目 (全488件中)
  • 投稿者
    投稿
  • Olein_jp
    参加者
    548

    了解しました!

    ご確認いただきありがとうございましたー!

    1
    いいねをした人: 居ません
    返信先: 画像のサイズが合わない #64993
    Olein_jp
    参加者
    548

    画像のサイズが合わない

    とのことですが、これは「画像の縦横比」が合ってないからこのようになってしまったいます。

    まずできる対策としては、

    1. ご自身で画像サイズ・縦横比を整えてアップロードしたものを使う
    2. WordPress内で画像編集機能を使って整える

    ということができます。

    どんな画像を設定しても同じサイズで表示させたい場合や、トリミングして表示位置を任意に定めたい場合は、CSSに挑戦する必要がありますが、レスポンシブ対応まで全て自身で設定して管理しないといけないので、そこまでのやらない場合は上記の方法での対応がベターかと思われます。

    ご参考にどうぞ!

    1
    いいねをした人: 居ません
    返信先: 文字の大きさと行間を調整したい #64986
    Olein_jp
    参加者
    548

    @JKDECOR さん

    ちなみに、関連記事の記事のタイトルを
    2行目以降は表示せずに「…」にする方法はありますか?

    基本的に、1つのトピック内に複数の質問という形ではなく、質問1つに対して1トピックを作成いただくことが、こちらのフォーラムでは望ましいです。

    ですので、大変お手数ですが「カスタマイズに関する質問」に、別途トピックを作成いただけますと幸いです。

    ご確認お願いいたします。

    0
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    ちょっと試してみました。

    結論からお伝えすると、animation部分の記述が間違っています。

    例えば、「左からフェードイン」の部分ですが、
    animation: fadein-left 1.5s 0 ease-out forwards;
    と記載がありますが、この0が何を意図しているのかわかりませんが、プロパティの指定がおかしくなっています。

    ですので、とりあえず
    animation: fadein-left 1.5s ease-out forwards;
    こうするだけで動作します。追加CSSからの記述でも問題ありません。

    こちらもご一読いただいて、理解を深めてみてください。また、CSSアニメーションなどをコピペでサクッとやりたい気持ちはよくわかるのですが、本件のように問題が発生した際に自ら解決できるようが手っ取り早いと思いますので、開発者ツールで動作がうまく行かない原因を確認してみるなど、試してみてください。

    https://developer.mozilla.org/ja/docs/Web/CSS/animation

    2
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    現状、添付のページに掲載されているCSSのソースコードを、カスタマイズ→追加CSS に入力されて、アニメーションをさせたい部分に任意のCSSクラスを付与したけど動かないということでしょうか?

    実際、どのような状況になっているのか想像しにくいので最適なアドバイスが思いつきませんが、公開URLなどを用意されるか、具体的にどのような方法でCSS(と 必要なhtmlタグ ?)を挿入されたのかを共有いただけますと、アドバイスしやすいかなと思います。

    ご確認お願いいたします。

    0
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    こちらですが、現在はテーマに Snow Monkey を利用しておらず、同じく100%GPL 有料WordPressテーマの SWELL を利用されているようです。

    ですので、Snow Monkey で同じようなことをやろうと考えると、若干カスタマイズが必要になる可能性が高いです。その方法については、フォーラム内の「カスタマイズに関する質問」にて、別途トピックを立てられると良いかと思います。

    0
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    こちらのテスト環境で確認しましたが、カスタマイズ項目からは設定できませんね。CSSでの対応になるかと思います。

    対応方法としては、

    .c-page-header[data-has-image=true] {
       min-height: ***px;
    }

    という形で記述すると良いでしょう。画面幅によってメディアクエリで上書きしている形になっているので、その辺りはちょっと注意が必要ですね。

    参考にしていただければ幸いです。

    5
    いいねをした人:
    Olein_jp
    参加者
    548

    おそらく、固定ページのアイキャッチ画像の高さはカスタマイズ画面の中では変更できなかったはずです。

    CSSでの対応になると思いますが、現在の以下の設定状況を共有していただけますか?固定ページを表示した状態で以下を確認してみてください。

    • カスタマイズ→デザイン→固定ページ設定→ページレイアウト
    • カスタマイズ→デザイン→固定ページ設定→アイキャッチ画像の位置

    ご確認お願いします。

    0
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    こちらで意図されている形のCSSクラスが<body>タグに出力されていれば問題ないかと思いますー!

    0
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    @キタジマタカシ 氏
    確認しました!僕の方では target="_blank" はちゃんと動作していました!
    ありがとうございます!

    1
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    こちらはプラグインといえばプラグインなのですが、WordPressのプラグインではないですね。

    こちらを指されているという前提でお話をしますと、こちらSwiper本体を利用してSnow Monkey内に実装しようとするならば、カスタムHTMLブロック内でゴニョゴニョとコードを書くしかないかなと思います。

    ただ、上記カスタムHTMLブロックだけでは推奨する形でCSSやJavaScriptを読み込むことができなくなるので、結果的にあまりお勧めしたい方法ではなくなってしまいます。

    また、コードを書かれず実現したいという場合には、プラグインを活用する方法がベターだと思いますので、ウェブ検索などで「wordpress slider draggable plugin」といった形で検索をしてみて、色々なプラグインを片っ端から試してみることもお勧めします。

    もうちょっと良いアイデアをお持ちの方がみえるかもしれませんが、いただきました情報から考えるとこのようなお返事になるかと思います。

    よろしければ参考になさってください。

    0
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    swiperというプラグインがあるのはわかったのですが、これをSnowMonkeyに導入

    するための方法がわからないです。

    ここで言われているプラグインのURLもしくは正式名称をお教えいただいてもよろしいでしょうか?

    また、ご自身でコードを書ける場合は、以下のリンクとSwiper公式ドキュメントを参照しながら、ショートコードなどで出力できる形にして、ページに設置する形がスムーズかもしれませんね。

    1
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    @アクツ さん
    ドンピシャでかぶった…ww

    0
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    現在のバージョン以前はちょっとわからないのですが、こちらは項目にフォーカスが当たった状態に出るものです。

    現在もinputなどのフォーム入力部分をテキスト入力をしようと選択すると、フォーム部分に青く細い罫線が表示されると思いますが、そちらと同じ用途のものです。

    ご存知かと思いますが、こちらは様々な方法(スクリーンリーダーやキーボードのみ)でアクセスされる方々に向けたアクセシビリティ確保のための手段で、ブラウザの機能になります。(なのでバグではないと思われます)

    div.wp-block-snow-monkey-forms-item に tabindex が付いているのでこうなるのですが、確かにはっきりと罫線が見えるので気にはなりますよね…。CSS的な処理で消すこともできますが、アクセシビリティ的な観点からこのような方法を採用している可能性もあるため、@キタジマさんのご意見も伺った方がよさそうです。

    0
    いいねをした人: 居ません
    Olein_jp
    参加者
    548

    プラグインからのアプローチもあるとは思うのですが、

    フロントページを固定ページにした際の最近の投稿の日付をタイトルの上に設定したい

    だけを実現するとすれば、CSSだけで実現できると思います。

    .c-entry-summary__bodydisplay: flex; が設定されているのですが、その中には、

    • .c-entry-summary__header
    • .c-entry-summary__content
    • .c-entry-summary__meta

    と上から単純にレイアウトされています。

    固定ページをフロントページとして、そこに最新の投稿ブロックなどで記事の一覧を用意されているとするならば、そのブロックにCSSクラスを任意で設置して(以下、.top-recent-posts とする)、

    .top-recent-posts .c-entry-summary__meta {
      order: 0;
    }
    
    .top-recent-posts .c-entry-summary__header {
      order: 1;
    }
    
    .top-recent-posts .c-entry-summary__content {
      order: 2;
    }

    とすると、上から日付等メタ情報→ヘッダー→コンテンツ という並びに変更できるかと思います。あとは上下マージンなどを調整するだけで大丈夫かと思います。

    プラグインアプローチについては…強強なユーザーを待ちましょう…!!

    2
    いいねをした人: 居ません
15件の投稿を表示中 - 391 - 405件目 (全488件中)

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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