[EC-CUBE4]ブロックでWordPressの記事一覧を表示する方法

EC-CUBE4のブロックでWordPressの記事一覧を表示する方法です。

Twig関数を用意

まずはWordPressのREST APIを取得するTwig関数を用意します。

 

ブロック作成

次に管理画面にて適当にブロックを作成して以下を貼り付けて下さい。

一行目のwordpress関数のURLは任意のものを指定してください。

 

レイアウト管理でブロック設置

レイアウト管理で任意の場所に上記のブロックを設置してください。

 

以上で完成です。

こんな感じで表示されます。

 

ちなみにこの実装方法だとアクセスするたびにワードプレスの記事を取得するので表示が遅くなります。

なので、取得データを一時的にキャッシュするか、PHPでデータを取得せずJavaScriptの非同期処理で取得することをおすすめします。

[EC-CUBE4]ブロックでWordPressの記事一覧を表示する方法” に対して10件のコメントがあります。

  1. ゆう より:

    Customize\Twig\Extensionという場所がありませんがファイルを作っているのでしょうか。

  2. あずみ より:

    新規作成してください。

  3. ユウシ より:

    同じ用にしましたが、ブロック追加したら「Unknown “WordPress” function at line 1.」の表示が出ます。
    ec-cubeのバージョンは現在4.0.3です。
    ご教授のほどお願い致します。
    また、4.0.3のバージョンのやり方もお手数おかけしますが載せて欲しいです!!!!

  4. あずみ より:

    下記のようにファイルを設置しましたか?

    app/Customize/Twig/Extension/WordPressExtension.php

  5. ユウシ より:

    はい、作成しましたが、「Twigのフォーマットが正しくありません。Unknown “wordpress” function at line 1.」が表示されます。

  6. あずみ より:

    先程実装しましたが正常に動作しました。
    ファイルやコードに記述ミスの可能性はありませんか?

    Unknown “wordpress” functionとあるので、Twigに「wordpress」という関数が追加できていないように思いますが。

  7. ユウシ より:

    new TwigFunction(‘wordpress’, function($url){
    ↑こちらの部分ですよね?
    丸々コピーをしたので、記述間違いは考えにくいのですが。。

  8. あずみ より:

    キャッシュをクリアしてみてはいかがですか?

  9. ユウシ より:

    キャッシュをクリアしたらエラーが上がって、画面が表示されなくなってしまいますm(_ _)m

  10. あずみ より:

    エラーの詳細内容がわかりませんので何が問題かわかりません。

    dev環境で開発を行っていればエラー内容が表示されると思いますので、
    エラー内容を確認しながらまずはご自身で解決方法を見つけて頂ければと思います。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください