フォーラムへの返信
-
投稿者投稿
-
ボタンのテキストに電話番号を入力し、ボタンのリンク設定部分で「検索またはURLを入力」と出てくると思うのですが、その部分に、
tel:0123456789
という感じで電話番号を設定したら機能しませんか?
こちらPCでしか試していませんが、PC(Mac)ではFacetimeを起動するかどうか聞かれるので、正常に動作している気がします。
♥ 0いいねをした人: 居ません「使い方に関する質問」の中のスレッドなので、使い方だけに言及する形にしますが、設定などを変更してご要望の内容に変更することはできないという(個人的な)認識です。
ですので、そのように任意のデザインにしたい場合は、カスタムHTMLウィジェットなどでマークアップしたものにCSSスタイルを当てる形で実現する方法がベターなように思います。
♥ 0いいねをした人: 居ませんまずは、
カスタマイズ→デザイン→ヘッダー→PCヘッダー位置
が「オーバーレイ(上部固定/スクロール時背景白)」に設定されていませんか?共有いただきましたURLのページの
header
要素に付与されているCSSクラスを確認すると、l-header--sticky-overlay-colored-lg
とありますのでおそらく間違いないかと思います。オーバーレイの場合、作られているページの上に被さるような形でレイアウトされるのでこのような見た目になっていると思われますので、不具合ではない可能性が高いです。
一度ご確認をお願いします。
♥ 1いいねをした人: 居ません「メディアと文章」を使わずに、(グループブロックなどでラッピングしてもいいですが)テキストを入力した上で画像を右寄せなどにして対応してみてはいかがでしょうか?未検証ですが…
♥ 0いいねをした人: 居ませんキタジマさん
なるほど!ちょっと試してみますー!!ありがとうございます!!
♥ 1いいねをした人: 居ません横から失礼します。
これって、例えば単純に、表示しているページのタイトルをフォームの項目(以下コードでは
name=event
)に自動入力させて!という場合、add_filter( 'snow_monkey_forms/control/attributes', function( $attributes ) { // name 属性値を持つブロックが対象 // name が fullname という名前のとき if ( isset( $attributes['name'] ) && 'event' === $attributes['name'] ) { $attributes['value'] = get_the_title( $post_id ); } return $attributes; } );
で良いんでしょうか?実際に運用する場合には、他に何かしら分岐した方が良いとは思いますが…
♥ 2いいねをした人: 居ませんあ、All in one SEOはOGPに関係しますね。。
♥ 3いいねをした人: 居ませんご活用いただきましてありがとうございます!(笑
確認ですが、カスタマイズ→デザイン→基本デザイン設定→デフォルトアイキャッチ画像は何か設定されている状態でしょうか?
手前のサイトで試してみたのですが、固定ページではなく投稿でですが、アイキャッチ表示を「なし」にした状態で、以下のデバッガーで確認してみましたが、アイキャッチ画像に設定した画像がOGPには表示されていますねー
こちらのページ(https://www.tomoyokomori.com/trustcoachingschool/)をデバッガーで見ると大丈夫そうな気がしますが意図した形になっていないですかね?
使われているプラグインでOGPに関係しそうなものはなさそうですねぇ…
♥ 1いいねをした人: 居ません実際のサイト情報の公開をしていただくことはできますか?
現状、どんなプラグインをSnow Monkey関連以外で利用されているかによってもアドバイスの方法が変わってくるかと思います。
公開できない場合ですが、現在ソースコードとして
<head>〜</head>
にて、<meta>
でTwitterやFacebook向けにOGP情報がどのようにソースコードが出力されているのかによっても変わってきますので、以下のリンクなどを参照して実際どのようにソースコードが出力されているか確認した後に、こちらに共有いただけると何かしらアドバイス差し上げられるかもしれません。ご確認お願いいたします。
♥ 2いいねをした人: 居ません了解しました!
ご確認いただきありがとうございましたー!
♥ 1いいねをした人: 居ません画像のサイズが合わない
とのことですが、これは「画像の縦横比」が合ってないからこのようになってしまったいます。
まずできる対策としては、
- ご自身で画像サイズ・縦横比を整えてアップロードしたものを使う
- WordPress内で画像編集機能を使って整える
ということができます。
どんな画像を設定しても同じサイズで表示させたい場合や、トリミングして表示位置を任意に定めたい場合は、CSSに挑戦する必要がありますが、レスポンシブ対応まで全て自身で設定して管理しないといけないので、そこまでのやらない場合は上記の方法での対応がベターかと思われます。
ご参考にどうぞ!
♥ 1いいねをした人: 居ません@JKDECOR さん
ちなみに、関連記事の記事のタイトルを
2行目以降は表示せずに「…」にする方法はありますか?基本的に、1つのトピック内に複数の質問という形ではなく、質問1つに対して1トピックを作成いただくことが、こちらのフォーラムでは望ましいです。
ですので、大変お手数ですが「カスタマイズに関する質問」に、別途トピックを作成いただけますと幸いです。
ご確認お願いいたします。
♥ 0いいねをした人: 居ませんちょっと試してみました。
結論からお伝えすると、
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いいねをした人: 居ません現状、添付のページに掲載されているCSSのソースコードを、カスタマイズ→追加CSS に入力されて、アニメーションをさせたい部分に任意のCSSクラスを付与したけど動かないということでしょうか?
実際、どのような状況になっているのか想像しにくいので最適なアドバイスが思いつきませんが、公開URLなどを用意されるか、具体的にどのような方法でCSS(と 必要なhtmlタグ ?)を挿入されたのかを共有いただけますと、アドバイスしやすいかなと思います。
ご確認お願いいたします。
♥ 0いいねをした人: 居ませんこちらですが、現在はテーマに Snow Monkey を利用しておらず、同じく100%GPL 有料WordPressテーマの SWELL を利用されているようです。
ですので、Snow Monkey で同じようなことをやろうと考えると、若干カスタマイズが必要になる可能性が高いです。その方法については、フォーラム内の「カスタマイズに関する質問」にて、別途トピックを立てられると良いかと思います。
♥ 0いいねをした人: 居ません -
投稿者投稿