フォーラムへの返信
-
投稿者投稿
-
なるほど…!
PCで27インチくらいのモニターで全幅で見る場合も発生するような時代ですからねぇ〜。なかなかそれはそれで検証大変そうですなぁ…。でも気になったのは本件だけですけどねー。
♥ 0いいねをした人: 居ません@Kmical Lights さん
ブロックを構成してるコード共有をされてみては?
その手がありましたな!
<!-- wp:cover {"url":"https://olein.jp/wp-content/uploads/2021/01/papaioannou-kostas-tysecUm5HJA-unsplash.jpg","id":22,"focalPoint":{"x":"0.48","y":"0.72"},"minHeight":555,"minHeightUnit":"px","contentPosition":"center center","align":"full"} --> <div class="wp-block-cover alignfull has-background-dim" style="background-image:url(https://olein.jp/wp-content/uploads/2021/01/papaioannou-kostas-tysecUm5HJA-unsplash.jpg);min-height:555px;background-position:48% 72%"><div class="wp-block-cover__inner-container"><!-- wp:snow-monkey-blocks/container {"isSlim":true} --> <div class="wp-block-snow-monkey-blocks-container smb-container c-container"><div class="smb-container__body u-slim-width"><!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","fontSize":"large"} --> <p class="has-text-align-center has-large-font-size"><strong>オレイン - オンラインコミュニティ</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">オンラインコミュニティを作りました。<br><br>ビジョンを共有できる方がオンラインに集まり、能動的に情報共有・活動ができる場所です。<br><br>以下のビジョンなどをチェックして、興味があればジョインも検討してください。<br><br>お問い合わせは下記フォームから送信いただけます。</p> <!-- /wp:paragraph --></div></div> <!-- /wp:snow-monkey-blocks/container --></div></div> <!-- /wp:cover -->
♥ 0いいねをした人: 居ません独自のCSSなどは入ってないですねー。プラグインも Snow Monkey Blocks と Formsだけにしても同様の現象が出ていますねー
こちらで見る限りでは、
.wp-block-snow-monkey-blocks-container
の方でずれているような気がします。あと、ちなみにカバーブロックが全幅にしてます。この管理画面に招きたい…w
♥ 0いいねをした人: 居ませんご確認よろしくお願いいたします!
♥ 0いいねをした人: 居ませんキタジマさんが言われているように、My Snow Monkey の直下に
my-snow-monkey.php
を配置する必要があるので、その点今一度ご確認をお願いいたします。♥ 0いいねをした人: 居ませんあと、
wp-content>plugins>my-snow-monkey>my-snow-monkey>style.css
これ、おかしいですね。My Snow Monkey の中に My Snow Monkey が入ってしまっているようになっています。
これが現状であれば、
My Snow Monkey > my-snow-monkey.php
となるようにしてください。♥ 0いいねをした人: 居ません確認ですが、プラグインの有効化はされていますでしょうか?
管理画面→プラグイン→インストール済みのプラグイン から確認してみてください。
♥ 0いいねをした人: 居ません設定ガイドに則り
参照された設定ガイドはこちらでよろしいでしょうか?
・my snow monkeyが適正に動作するか試しにstyle.cssにfont-sizeなど変更してアップロード
アップされたという
style.css
ファイルですが、My Snow Monkeyの直下に入っていますか?直下というのは、
my-snow-monkey(←フォルダ) - style.css - my-snow-monkey.php
このような位置という意味になります。
そして、念の為に
style.css
に記述されたCSSの内容も共有いただけますでしょうか?また、可能であればこちらでも確認できるURLを共有いただけますと、正確にMy Snow Monkeyが読み込めているか確認することもできますのでお知らせいただけると助かります。
♥ 0いいねをした人: 居ません個人的にですが、Snow Monkey と Search&Filter Pro でAdvanced Custom Fields で作成したフィールドを検索させているものを見たことがありますが、特段問題なく動いていました。最新バージョンでの動作は確認していませんが、それほど古いバージョンではありません。
Search&Filter Proは有料プラグインになりますので、検証できる人が限られるかもしれませんが、仮に居たとしても、もう少し情報がないと要件を把握できないと思いますので、
- Search&Filter Proの設定内容
- Snow Monkey側のカスタマイズの内容
などを共有いただけると良いかもしれませんね。
♥ 3いいねをした人: 居ませんsnow_monkey_prepend_body
というアクションフックがあるので、そちらではいかがでしょうか?手前のサイトで恐縮ですが、こちらに情報もあります。
画像を挿入されるということであれば、サンプルコードのHTML出力部分をちょっと変えるだけでいけると思います。
ご参考にどうぞ。
♥ 1いいねをした人: 居ません@Y M さん
不適切な対応、失礼致しました。今後改めさせていただきます。@キタジマタカシ 氏
了解しました。認識を改めます。♥ 1いいねをした人: 居ません以下、個人的な見解です。
Snow Monkeyの質問でなくすみません。ほかに聞けるところがないので、ここでご意見、アドバイスを聞かせていただけると幸いです。
まず、Snow Monkeyに関する問題ではないと認識された上でこちらに書かれているという流れがちょっと良くわかりません。また、WordPressでのinstagramの埋め込みということであれば、WordPress公式フォーラムを活用することができなくもないでしょう。
また、
私たちはまだ初心者のため、質問の内容が不明確だったり、検討違いでしたらすみません。
私たちということは、複数人でこのアカウントを併用されているということでしょうかね?(ちょっと気になったので…
言葉の意味だけを理解すると、初心者ならばフォーラムのルールを守らなくても良く、(言葉は正しくありませんが)熟練者はフォーラムのルールを守るのが普通だと捉えかねません。この場所は、初心者・熟練者問わず「Snow Monkeyユーザーのためのフォーラム」だと思いますので、「初心者だから他に聞く場所が思い当たらないから、ここで聞いておけば誰か答えてくれるかな?」というのはちょっと違うと思います。
公式にSnow MonkeyのSlackもありますので、適さない質問の場合は他のユーザーにトピックに立てても良いのかどうかを聞くということもできると思います。
—–
その上で、お困りのようなので僕の持っている知識だけでお話しますが、
アカウントは連携せずURLでサムネイルを表示したいとの要望があり、
InstagramのURLだけでサムネイル表示ができるようなやり方ここで言われているURLというのは、instagramアカウントのURLなのか、フィード単体のURLなのかによっても話が変わってくると思います。
instagramアカウントのURLだけを投げて、そのアカウントのフィード一覧を表示したい場合は一筋縄ではいかないでしょうね。そういった仕組みを作ることもできるとは思いますが、初心者とご自身で言われているのでinstagram APIなどを活用して作られることは難しいと判断しました。
instagramフィード単体を並べて表示したいということであれば、フィードから埋め込みソースコードを取得できると思いますので、そちらをカスタムHTMLブロックで表示させてよしなにするという形ではどうでしょうか?
以上ご確認をお願いいたします。
♥ 1いいねをした人: 居ません希望されている具体的なカスタマイズ事例があればコードで紹介することもできるかもしれませんが、まずは
str_replace
やpreg_replace
で、このフォーラム内を検索されてみると良いでしょう。(「試したこと」に何も書かれていないので、何も試されていないという前提でお話しています)また、PHPの記述方法に関しては一度こちらのマニュアルを参照されて一通り試してみることをお勧めします。
♥ 0いいねをした人: 居ません投稿画面のキャプチャ画像がうまくアップされていないので、ちょっと正確に意図を把握できませんが、こちらでちょっと入れてみたところ、そもそもブロックエディタ (管理パネルにはGutenbergとあります)への対応はBetaと書いてあるので、TinyMCEで利用できることが基本なのではないでしょうか?
Betaを有効にすると2つのブロックが利用できるようになります。こちらは正常に動いているように思います。
また、ブロックで対応していないフォントについてもフォントアセット自体は読み込んでいるようなので、画像のようつCSSクラスを任意のブロック(段落ブロックなど)に追記することで利用できることは確認できました。CSSクラス名は管理画面などでプラグインが提供するCSSファイル内を確認してみてください。
♥ 1いいねをした人: 居ません -
投稿者投稿