[shone]

＞Olein_jpさん

 

返信ありがごとうございます。

教えていただいたコードを画像など指定せずまずはそのままmy snow monkeyにコピペしたのですが、下記のエラーが出てしまいました。

 

wp-content/plugins/my-snow-monkey/my-snow-monkey.php ファイルの66行目のエラーのため、PHP コードの変更をロールバックしました。修正し、もう一度保存してください。

syntax error, unexpected '<', expecting end of file

※66行目は先頭の<?phpです

 

何かやり方が間違っていますでしょうか…？

♥ 0

いいねをした人: 居ません

[shone]

＞キタジマさん

 

返信ありがとうございます。

 

こちらの環境だと再現しない感じなのですが、そのページの URL を教えてもらうことってできますか？

 

現在ローカル環境で構築しているためすぐにページを共有できない状態でして…何かお見せする方法があれば良いのですが…

ちょっと弄ってて思ったのですが、「ボーダー」を選んでいても縦線部分が「境界線」になっているようなことはあり得ないですよね…？見た目が似ていたもので…

また文字も左の列はぴったりと境界線にくっついてしまっているので、何か全体的にずれているような気もします…？（いったんこちらで追加CSSに記述されているものをすべて削除してみたのですがこれでは変わりありませんでした）

 

項目ブロックの子ブロックがスタンダードか自由入力になっているのかな？と思いますが、ブロックリンクを試してみてください。

 

こちらありがとうございます！ご指摘のとおり『自由入力』を利用しておりました。

『ブロックリンク』がいまいちぴんときていなかったのですが、画像やボタンなど入れなくてもそれぞれのパーツ（ブロック？）全体にリンクを設定できる感じでしょうか？

であれば『ブロックリンク』を使うのが一番理想に近いのでこちらを利用したいと思います。

ちなみにブロックリンクを選択しても境界線のズレやスキマ問題は解決せずでした…

♥ 0

いいねをした人: 居ません

[shone]

＞キタジマさん

 

早速の返信ありがとうございます。

質問の件、失礼いたしました。別にトピック立てさせていただきます。

 

下記の CSS でどうでしょうか？

 

こちらありがとうございます。追加CSSに追記して希望の通りになりました！

その他の質問は別途トピックを立てさせていただきますのでこちらのトピックは閉じさせていただきます。

♥ 1

いいねをした人:

[shone]

>キタジマさん

 

返信ありがとうございます。

またプラグインを導入してテストまでしていただきありがとうございます！画像を参考に設定したところこちらの環境でも表示させることができました。

ただキタジマさんの仰る通り、テーマやプラグインのアップデートを考えるとメンテナンス性が微妙かもしれませんね…

とはいえ表示させることができたのは収穫でしたのでうまく使い分けられたらなと思います。

 

この度はご丁寧に対応いただきありがとうございました！

諸々解決しましたのでトピック閉じさせていただきます。

♥ 1

いいねをした人:

[shone]

>キタジマさん

 

ウィジェットエリアですが、『ホームページ上部』『ホームページ下部』ですと一応表示はされるものの理想としている表示（ページの一番手前に他の要素に重なるように表示）はされず、ウィジェットのみ表示されて空白ができてしまいます。こちらは仕様だと理解しております。

 

前にも投稿させてもらった通り、『追尾サイドバー』が1カラムのときでも表示されれば位置的には理想の表示になるのかな？と思うのですが当然表示されませんので…既存のウィジェットエリアでマッチするものはないのかなと思っておりました。

スクロールボタンなどはそうですが、1カラム（LP系含む）のときに、今回phpで処理したようにページの一番手前に他の要素に重なるように表示されるウィジェットエリアがあるとCTAとして使い勝手が良いのかなあと考えていたところです。

♥ 0

いいねをした人: 居ません

[shone]

>キタジマさん

 

ご確認いただきありがとうございます。

 

snow_monkey_prepend_bodyとwp_footerどちらでもバナー表示されました！

 

ページレイアウトごとに実行されるフックが違ったのですね。勉強になりました。

GONSYさんに紹介いただいた「LIQUID CONNECT」プラグインのほうではまだ表示できていませんが、こちらもフックで解決できる問題でしょうか？

ともかく、当初の目的通りの表示はできました。ありがとうございました。

♥ 1

いいねをした人:

[shone]

＞キタジマさん

 

お世話になっております。

返信いただきありがとうございます。

 

テーマの確認、プラグインの停止や再インストール等も試してみたのですが変化なしでした。

その後色々試しているとMy snow Monkeyへ記述した内容が問題なく表示される場合もありまして、どうやら固定ページのテンプレートがLP系の場合にのみバナーが表示されないようでした。

私の環境では、

・ランディングページ

・ランディングページ（スリム幅）

・ランディングページ（ヘッダー・フッターあり）

と、いずれのLPテンプレートを選択してもバナーが表示されず、それ以外のテンプレートではバナーが表示されました。

 

また何も記述していない空の固定ページを用意して設定してみても同様でしたので、固定ページの内容は関係なく、テンプレートの種類によって何かMy snow Monkeyへの記述内容と干渉したり優先度の問題で表示されないのでは？と思っております。

私に調べられるのはここまででした。。。

♥ 0

いいねをした人: 居ません

[shone]

＞キタジマさん

 

お世話になっております。

いただいたコードを追記後、デベロッパーツールでトップページ内のソースも検索してみたのですが、文字等表示されていないようです。。

My Snow Monkey自体は有効になっているのですが、何か原因わかりそうでしょうか。。。

♥ 0

いいねをした人: 居ません

[shone]

＞キタジマさん

 

ご返信いただきありがとうございます！

吹き出しデザインは吹き出しを使うとして、ひとまず画像のように背景色が設定できると嬉しいです。

※他のブロックにもあるように透過率も弄れると幅が広がりそうです

 

また凝ったデザインではなくても良いので単純な枠線（角丸はあると使いやすそう）なども設定できると便利かなと考えておりました。

ご検討よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[shone]

>キタジマさん

 

ご返信ありがとうございます。

ソースを覗いて検索してみたところ、ご指摘の通りソースが出力されていませんでした。

 

ちなみにMy Snow Monkeyプラグインは有効化されていて、WordPressのプラグインエディターからmy-snow-monkey.phpを確認してみても、php内には問題なくコード記述されているように見えます。

 

 

コードを追加するときもこのWordPressのプラグインエディターから編集しているのですが、それがまずかったりしますでしょうか…？

♥ 0

いいねをした人: 居ません

[shone]

何度も連投失礼致します。

GONSYさんに紹介いただいた「LIQUID CONNECT」プラグインでの実装も検討してみたのですが、任意のウィジェットエリアに設置する形なので、結局のところそのままではLPや1カラムを選んだ際には表示できないようでした。

わりと自由のきくプラグインのようなので、細かい機能実装はプラグインを利用して1カラム時（トップページ専用等？）のウィジェットエリアだけでも作成できたら解決できるのかなとも思ったのですが…

 

※こちらのトピックにあるプラグインに「フロントページ」項目があるのでトップページだけなら併用でもできそうでしょうか…？

投稿タイプごとに違うウィジェットエリアを設定する（Custom Sidebars プラグイン使用）

Snow Monkey は v1.0 から各投稿タイプで共通のウィジェットエリアが表示される仕様になりました。…

snow-monkey.2inc.org

 

my snow monkey等でいちからカスタマイズするか、プラグインを使いつつウィジェットエリアをカスタマイズするか…何か良い解決策ありましたらアドバイスいただけると嬉しいです。。

♥ 0

いいねをした人: 居ません

[shone]

>キタジマさん

 

返信いただきありがとうございます。

私の解釈が間違いで、キタジマさんの仰るようにposition: fixedでバナー等を固定表示させたいです。

 

この丸バナーと同じものを表示したいということであれば、先のトピックにあったコードを My Snow Monkey に追加して、あとはそれに対して CSS を適用することで同じ表示にはできます。

 

ローカル環境でテストしているためサイト公開することができないのですが、先のトピックにあったコードをMy Snow Monkeyの最下部に追記して、CSSには同じくサンプルサイトを拝見し

 

.sticky {
display: block;
position: fixed;
z-index: 100;
top: 29em;
left: calc(97vw - 150px);
padding: 0;
width: 150px;
height: 150px;
text-align: center;
border-radius: 100px;
background: #6CC7CD !important;
}

 

と、丸々同じものを記述してみましたがどこにも丸いバナーは表示されませんでした。

何か見当違いをしていますでしょうか。。。

♥ 0

いいねをした人: 居ません

[shone]

>キタジマさん

 

返信ありがとうございます。

試しにコードをmy snow monkeyに記述し、デベロッパーツールでcssもそのまま拝借して追記してみたのですが、トピックと同じバナーは表示されませんでした。

 

私に知識が無く理解が追い付いていないのですが、単純に要素を追従スクロールしたい場合にはCSSでposition: sticky;を利用して、指定したHTMLなどの要素を追従スクロールにできるものだと思っています。

ただその場合、ブロックエディタなどであらかじめコンテンツを設置できる場所にしか指定できないため、今回はmy snow monkeyに追加したコードでエディタの縛りに関係なく、より自由度高く任意の場所に任意のコンテンツを表示、CSSでそれを装飾…といった具合になっているのかと思うのですが、ここまで合っていますでしょうか？

そうなると、my snow monkeyに追加したコードとそれを装飾するCSSで完結するのかと思ったのですが実際に記述してみると表示されないので…何をどうすれば良いか見当もつかなくなってしまいました…

何を、どこに指定すれば任意の場所に追従スクロールするコンテンツを表示させることができるでしょうか？

 

＞GONSYさん

 

ありがとうございます！たしかにプラグインでも似たような挙動はできるので、共有いただいたものなど導入するのも手っ取り早いですね。

プラグインのほうが使い勝手が良い場合そちらも検討してみます。

♥ 0

いいねをした人: 居ません

[shone]

こちらブロークングリッドの前後の入れ替えに関しては、z-index 0を指定して解決しました。

また画像の重なりに関してはあらかじめ重なった画像を数パターン用意し、ウィンドウサイズ別で表示することで解決しました。

スマートなやり方ではなく細かい部分で問題は残っているのですが、一応自己解決しましたのでトピック閉じさせていただきます。

♥ 1

いいねをした人:

[shone]

キタジマさんありがとうございます。

pタグは盲点でした…コードに追加されていたので削除したところ正常に表示されました！ありがとうございます。

 

まーちゅうさんもありがとうございます！

今後同様のケースに遭遇した際には試させていただきます。

 

解決しましたのでトピック閉じます。

♥ 1

いいねをした人:

[投稿者]

投稿