トップページをテーマ化、下層ページをスノーモンキーのブロックエディターで作りたい

0
いいねをした人: 居ません
12件の投稿を表示中 - 1 - 12件目 (全12件中)
  • 投稿者
    投稿
  • #141829
    ひげガール
    参加者
    38

    【お使いの Snow Monkey のバージョン】27.2.1
    【お使いの Snow Monkey Blocks のバージョン】22.1.0
    【お使いの Snow Monkey Editor のバージョン】10.0.4
    【お使いのブラウザ】Chrome
    【当該サイトのURL】
    ・https://yau-stmary.jp/lp/  (スノーモンキーで作ったサイト)
    ・https://up-cycle.jp/ (エメメンターでの実践例)

    ### 実現したいこと
    トップページをテーマ化して作成し、
    下層ページをスノーモンキーのブロックエディターで作りたいと思っています。
    メリットは、
    トップページは細部まで作り込める一方、
    下層ページは、お客様ご自身で編集できるようになる点です。
    デメリットは、構築の工数が余計にかかってしまう点です。

    ### 発生している問題
    上記仕様にて作成する場合、これまではエレメンターで行なってきましたが、
    なんとかスノーモンキーで同じ仕様で作ってくれませんか?
    という依頼がきていて、スラム街の子供を支援する事業ということもあり、
    なんとかスノーモンキーで作って差し上げたいと思っています。

    ### 試したこと
    子テーマで作る記事を見ているのですが、
    試しにやってみたところメニューバーで不具合が多く断念してしまいました…

    漠然とした質問で申し訳ないのですが、
    トップページをコーディングをワードプレス化(テーマ化)して作成し
    下層ページはスノーモンキーのブロックエディターで作成する
    という場合の手順について、改めて、ご助言をいただけないでしょうか?
    参考URLのご掲示でも大丈夫ですので、何卒、よろしくお願いいたします。

    いつも本当に申し訳ございません。
    また、いつも本当にありがとうございます。
    引き続き、何卒、どうぞ、よろしくお願い申し上げます。

    開発者の方、関係者の皆様にはこの場をお借りして、心より感謝申し上げます。
    本当にいつもありがとうございます。

    本当にざっくりとした質問で、
    また、きっと過去に同じ質問をした人がいるかも・・・
    とも思ってしまっているのですが、
    本当に何卒、よろしくお願いいたします。

    0
    いいねをした人: 居ません
    #141836
    アバター画像キタジマ タカシ
    参加者
    2421

    Snow Monkey をインストールして、普通に固定ページ→新規追加でページをつくればブロックエディターでページがつくれます。

    問題は、トップページだけはブロックエディターを使わずに独自にコーディングして実装したい、ということですかね?

    0
    いいねをした人: 居ません
    #141911
    ひげガール
    参加者
    38

    キタジマ様

     

    ご返信が遅くなってしまい申し訳ございません!

    ・トップページだけはブロックエディターを使わずに独自にコーディングして実装したい、
    ということですかね?

    ▶︎まさにその内容になります!
    テーマはスノーモンキーを使って、
    ・トップページだけはブロックエディターを使わずに独自にコーディングして実装したい
    ・下層はブロックエディターを使いたい
    という趣旨になります。

    が、上記手法で作ったサイトなのですが、
    制作途中にテーマの更新でヘッターに不具合が生じたことがありました。

    そのため、
    ・トップページだけはブロックエディターを使わずに独自にコーディングして実装したい
    ・下層はブロックエディターを使いたい
    という場合は、下記のようにエレメンターで作ることが多いです。

    しかし、日本国内のお客様の場合は、
    スノーモンキーで作って欲しい!というご要望が多くあり、
    弊社としてもスノーモンキーで下層を作ることの保守管理上のメリットが多いことを痛感しており、
    テーマはスノーモンキーを使って、
    ・トップページだけはブロックエディターを使わずに独自にコーディングして実装したい
    ・下層はブロックエディターを使いたい
    という強い意志を持っており、これから制作する美容クリニックはその手法で作りたいと思っています。

    開発者様のご助言や注意点、留意事項、こうやったらいいんじゃない?みたいな助言をいただけると
    本当に幸いでございます。

    キタジマ様の貴重なお時間をとらせてしまうこと、本当に申し訳ございません。
    何卒、ご返答いただけますと幸いでございます。

    0
    いいねをした人: 居ません
    #141918
    アバター画像キタジマ タカシ
    参加者
    2421

    いくつか方法が考えられます。

    ## カスタム HTML ブロックを使う

    これが1番簡単です。ホームページに割り当てた固定ページの編集画面で、カスタム HTML ブロックをいれて、そこに任意の HTML を書く方法です。PHP は書けないので、PHP も書きたい場合は他の方法が必要になります。

    ## 子テーマを使う

    子テーマをお使いであれば、子テーマの中にトップページ用のテンプレートを作ることで、元のテンプレートを上書きできます。子テーマの中に /templates/view/front-page.php をつくって、そこに任意の HTML や PHP を書いてみてください。

    ## My Snow Monkey プラグインを使う

    既に制作が進んでいて子テーマに切り替えられない場合は My Snow Monkey プラグインでもテンプレートの上書きができます。

    まず、下記を参考に My Snow Monkey プラグインでテンプレートの上書きができるように準備をしてください。

    できたら、plugins/my-snow-monkey/view というディレクトリ内にテンプレートを作ることで元のテンプレートを上書きできるようになるので、plugins/my-snow-monkey/view/templates/view/front-page.php をつくって、そこに任意の HTML や PHP を書いてみてください。

    0
    いいねをした人: 居ません
    #141919
    ひげガール
    参加者
    38

    ありがとうございます!

    一旦、試してみますので、もうしばらくトピックはこのままでも良いでしょうか?

    申し訳ございません。

    これは本当に余談ですが、下記URLもスノーモンキーで構築さてれいますね!

    スノーモンキーすごい!

    0
    いいねをした人: 居ません
    #141921
    アバター画像キタジマ タカシ
    参加者
    2421

    一旦、試してみますので、もうしばらくトピックはこのままでも良いでしょうか?

    はい!解決したら閉じてください!

    これは本当に余談ですが、下記URLもスノーモンキーで構築さてれいますね!

    ですね!オレインさんが作られているサイトですが、目を通すと基本的なカスタマイズの方法はわかってくると思うのでおすすめです。

    0
    いいねをした人: 居ません
    #141947
    ひげガール
    参加者
    38

    度々申し訳ございません。

    ## My Snow Monkey プラグインを使う

    既に制作が進んでいて子テーマに切り替えられない場合は My Snow Monkey プラグインでもテンプレートの上書きができます。

    まず、下記を参考に My Snow Monkey プラグインでテンプレートの上書きができるように準備をしてください。

    という方法で構築のテストを行なっているところですが、
    下記の確認をさせていただけますでしょうか?

    ◾️ヘッダー、フッターもMy Snow Monkey プラグインで作りたいと思っています。

    自分のオリジナルではなく、開発者者にしっかり確認した上で実施したいと思っていて、ヘッダーとフッターのテンプレートを上書きする時のディレクトリとphpの場所をご教示いただいても良いでしょうか?

    いつもご丁寧にご対応いただき、本当にありがとうございます。

    0
    いいねをした人: 居ません
    #141960
    アバター画像キタジマ タカシ
    参加者
    2421

    plugins/my-snow-monkey/view の中が子テーマと同じ感じになるので、plugins/my-snow-monkey/view/header.phpplugins/my-snow-monkey/view/footer.php をつくれば上書きできます。

    0
    いいねをした人: 居ません
    #141972
    ひげガール
    参加者
    38

    ありがとうございます!

    0
    いいねをした人: 居ません
    #141976
    アバター画像キタジマ タカシ
    参加者
    2421

    動作することを確認できたらトピックのクローズをお願いします!

    0
    いいねをした人: 居ません
    #142144
    ひげガール
    参加者
    38

    ご返信が遅くなってしまい申し訳ございません!
    また早朝から申し訳ございません。
    下記、ご相談させていただけますでしょうか?

    ◾️https://snow-monkey.2inc.org/manual/manual-advanced/add-template-root/ について
    1. my-snow-monkey/my-snow-monkey.php に上書き用のコードを記述する
    2. my-snow-monkey/view のフォルダーを作成
    3. /view の中に header.phpfooter.php 等上書きしたい PHP データを格納する
    4. 上書きができる

    という方法を試したのですが、上書きが出来ませんでした。

    ◾️最後に、別の方法で試したのは
    2. /themes/medcoach_themeheader.phpfooter.php 等スノーモンキーで上書きしたいデータを my-snow-monkey/my-snow-monkey.php に上書き用のコードを記述する(上記サイトとは別のコードで記載) + index.php も上書きできるようなコードを追加
    こちらを試して TOP の上書きができたことは確認できました。
    しかし、元はスノーモンキーのテーマに依存している状態なので、結構ページが崩れてしまいました。

    ◾️そこで、方針を変えて、Multiple Theme というプラグインを使いました。
    1. /themes/medcoach_theme のオリジナルテーマをアップ
    2. /themes/medcoach_themeheader.phpfooter.php 等スノーモンキーで上書きしたいデータを my-snow-monkey/my-snow-monkey.php に上書き用のコードを記述する(上記サイトとは別のコードで記載)
    3. Multiple Themesでトップだけ medcoach_theme を参照するように設定

    というやり方で実践しました。こちらの場合は、綺麗に実装できました。
    今回の結果のURLがこちらです。

    そこで、下記2点、ご質問させていただけますでしょうか?

    1) Multiple Themesを使用することで何かエラーが起こることは、開発者の方として、何かございますでしょうか?今回は、納期の都合もあり、Multiple Themesでやってしまおうかなと思っています。(わからない場合はわからないでも大丈夫です〜!)

    2) https://snow-monkey.2inc.org/manual/manual-advanced/add-template-root/ ができない原因は何かお心当たりございますでしょうか?この手法でまた、上書きができるようになったとしてもサイトは現状のように崩れてしまうのでしょうか…💦

    0
    いいねをした人: 居ません
    #142149
    アバター画像キタジマ タカシ
    参加者
    2421

    1)Multiple Themesを使用することで何かエラーが起こることは、開発者の方として、何かございますでしょうか?今回は、納期の都合もあり、Multiple Themesでやってしまおうかなと思っています。(わからない場合はわからないでも大丈夫です〜!)

    「Multiple Themes」がどういうものかが僕はわからないので、ちょっと何とも言えないです。すみません。

    2)https://snow-monkey.2inc.org/manual/manual-advanced/add-template-root/ ができない原因は何かお心当たりございますでしょうか?この手法でまた、上書きができるようになったとしてもサイトは現状のように崩れてしまうのでしょうか…💦

    可能性としては、

    – My Snow Monkey プラグインが有効化されていない
    – コードが正しく記述できていない(コピペがうまくいっていない、あるいはコピペしたコードより上に書いたコードに問題がある等)
    – カスタマイザーのページ速度最適化の設定を変更している

    が考えられるかなと思います。

    以下は個人的に気になった点です。

    /themes/medcoach_theme とありますが、これはつまり子テーマで、現在有効化されているのは Snow Monkey テーマではなく子テーマである、ということでしょうか?その場合であれば、My Snow Monkey プラグインで上書きしなくても子テーマで上書きしたほうがスムーズだと思います(子テーマを使っていない状態であれば、上書きのために子テーマを作成するよりも My Snow Monkey プラグインで上書きするほうが個人的には好きです)。

    my-snow-monkey/my-snow-monkey.php に上書き用のコードを記述する(上記サイトとは別のコードで記載) + index.phpも上書きできるようなコードを追加
    こちらを試してTOPの上書きができたことは確認できました。

    具体的にどのようなコードなのでしょうか?そのコードで上書きが可能なのであれば、Snow Monkey テーマを使っている場合でもそのコードを使えば上書き可能なのでは?と思いました。

    しかし、元はスノーモンキーのテーマに依存している状態なので、結構ページが崩れてしまいました。

    なぜ崩れたのかを明確にしたほうが良いのではと思いました。Snow Monkey の CSS は HTML 要素には濃い装飾をしていないと思うので(h2・h3 の装飾くらい?)、大崩れするというのがちょっと想像できませんでした。もし Snow Monkey の CSS が原因で大崩れするのであれば、そのページだけ Snow Monkey の CSS を dequeue するという方法もあるかなと…。

    0
    いいねをした人: 居ません
12件の投稿を表示中 - 1 - 12件目 (全12件中)
  • トピック「トップページをテーマ化、下層ページをスノーモンキーのブロックエディターで作りたい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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