2017-01-17 13 views
0

個人的なブログのためにDjango-cmsを使って背景画像をレンダリングしようとしています。Django CMSの背景画像のレンダリング

<!-- Page Header --> 
<!-- Set your background image for this header on the line below. --> 

<header class="intro-header" style="background-image:url("/static/img/imghome-bg.jpg")"> 

    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> 
       <div class="site-heading"> 
        <h1>Hey !</h1> 
        <hr class="small"> 
        <span class="subheading">Latest Blog !</span> 
       </div> 
      </div> 
     </div> 
    </div> 
</header> 

背景画像がIと呼ばれるが作成され、サブファイルと側/static/ディレクトリに配置されている:次のコードに示すように、背景画像は前にサイトテキストをヘッダクラス内に配置されます/img/

レンダリングstaticタグ(下記参照)を使用して別の方法を試しましたが、画像は表示されません。

<header class="intro-header" style="background-image:url("{% static "/static/img/imghome-bg.jpg" %}")">

もしあなたが何の背景画像のみテキストと白の色のツールバーがありません見ることができるように、上記のソリューションを使用して、現在の結果。 :私は取得しようとしている全体的な結果

enter image description here

は次のようになります。

enter image description here

任意の手掛かりを?

+1

初期の/?を付けずに 'static /'を試してみましたか? – petr

+0

@petrちょっと試しました。それはまだ同じです。単に '$ djangocms -p projectname'を使って端末から新しいdjangocms新規プロジェクトを作成すると、'/static/'ファイルを明確にすることがデフォルトのファイルです。自動的に作成されます。 '/ mydjangocmsprojectname/static/img' – Mora

+0

*'/mydjangocmsprojectname/static/img/' – Mora

答えて

1

staticテンプレートタグを使用する場合は、パスの一部の/static/を削除する必要があります。静的タグを正しく設定すると、パスの最初の部分が正しく追加されます。

私はあなたがstaticfiles appを参照してください詳細について

<header class="intro-header" style="background-image:url({% static 'img/imghome-bg.jpg' %})"> 

を試してみてください示唆しています。構成の最も関連する部分(settings.py)はSTATIC_URL(あなたの場合は/static/である必要があります)とSTATIC_ROOT(静的ファイルが収集されるディレクトリを指します)です。

0

それはこのようにする必要があります:

<header class="intro-header" style="background-image: url({% static 'img/imghome-bg.jpg' %})"> 

あなたの構文が正しくない可能性があります。

+0

申し訳ありませんが、私のコードが削除されました。 "background-image:url({%static 'img/imghome-bg.jpg'%})"> – user7678030