eccube3.0 ページの追加 さくらサーバー

  • 投稿日:
  • by
  • カテゴリ:

さくらサーバーにインストールしてあるeccube3.0に新規で ページを追加したときの記録です。

eccube3.0_login.PNG

管理画面のページ管理の最下部にある新規入力から必要な項目を入力します。追加するページは例としてサンプルページ(sample)としています。

eccube3.0_add_page1.JPG

http://公開ドメイン/html/user_data/sample

/home/ユーザー名/www/html/user_data/samplesample.twig

eccube3.0_add_page2.JPG

公開アドレスはhttp://公開ドメインhtml/user_data/sampleになりますが、パスはsampleを二つ入力しているのでsamplesample.twigとしています。これはさくらサーバーのドキュメントルートの関係で公開ドメインとパスを異なるものしない場合にはページがありませんと表示されるためです。両方の末尾を全く異なるものにするよりはパスをダブらせるほうがわかりやすのでこの形にしています。

ページの内容は他のページ(当サイトについてやお問い合わせなど)をコピーして貼り付けて編集します。そうすることでページヘッダー、フッターが表示されます。以下は他のページをコピーした見本です。

{% extends 'default_frame.twig' %}

{% block main %}
<div class="main_only">
<div class="container-fluid inner no-padding">
<div id="main">
<h1 class="page-heading">サンプル</h1>
<div id="help_about" class="container-fluid">
<div class="row">
<div class="col-md-10 col-md-offset-1">

ページの内容はここに書き込む

</div><!-- /.col -->
</div><!-- /.row -->

</div>
</div>
</div>
</div>
{% endblock %}

全部書き込んだら登録ボタンを押して完了です。

表示したいところへ下記コードを貼り付ければ追加したサンプルページが表示されます。

<a href="{{ url(app.config.user_data_route, {"route": "sample"}) }}"サンプル </a>

トップページのスライド画像上のメニューに表示したい場合はカテゴリブロックに下記のように上記コードを貼り付けます。

<nav id="category" class="drawer_block pc">
<ul class="category-nav">

{% for Category in Categories %}
{{ _self.tree(Category) }}
{% endfor %}


ここから

<li>
<a href="{{ url(app.config.user_data_route, {"route": "sample"}) }}"サンプル </a> ここに貼り付ける
</li>

ここまで

</ul> <!-- category-nav -->
</nav>

登録ボタンを押して完了です。

スポンサード リンク