フォーラムへの返信
-
投稿者投稿
-
キタジマさん
なるほど!ちょっと試してみますー!!ありがとうございます!!
♥ 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いいねをした人: 居ませんおそらく、固定ページのアイキャッチ画像の高さはカスタマイズ画面の中では変更できなかったはずです。
CSSでの対応になると思いますが、現在の以下の設定状況を共有していただけますか?固定ページを表示した状態で以下を確認してみてください。
- カスタマイズ→デザイン→固定ページ設定→ページレイアウト
- カスタマイズ→デザイン→固定ページ設定→アイキャッチ画像の位置
ご確認お願いします。
♥ 0いいねをした人: 居ませんこちらで意図されている形のCSSクラスが
<body>
タグに出力されていれば問題ないかと思いますー!♥ 0いいねをした人: 居ません@キタジマタカシ 氏
確認しました!僕の方ではtarget="_blank"
はちゃんと動作していました!
ありがとうございます!♥ 1いいねをした人: 居ません -
投稿者投稿