BlogEngine.NETの投稿ヘッダーに背景画像を設定する方法

Question

BlogEngine.NETの投稿ヘッダーに背景画像を設定する方法はありますか？私はポストボディからの最初のイメージを取得し、ヘッダーを投稿するためにそれを背景イメージとして設定するカスタムPostView.ascxを変更しようとしていますが、そこからしかイメージURLを取得する方法がわかりません。

Answer 1

私の回避策は、ポストエディタのクラス "imgheader"に投稿ヘッダーの背景として設定したい画像を追加する必要があるということです。次いで .imgheader追加{表示：なし;}次に をStyles.cssを

<script type="text/javascript"> 
 
     var updateImageHeaders = function() { 
 
      var postArticles = document.evaluate("//article[contains(@class,'post-home')]", document, null, null, null); 
 
      var article = postArticles.iterateNext(); 
 
      while (article != null) {     
 
       var imgheader = article.getElementsByClassName("imgheader"); 
 
       if (imgheader.length > 0) { 
 
        var postHeader = article.getElementsByClassName("post-header"); 
 
        if (postHeader.length > 0) { 
 
         var imgSrc = imgheader[0].getAttribute("src"); 
 
         postHeader[0].style.backgroundImage = 'url(' + imgSrc + ')'; 
 
        }      
 
       } 
 
       article = postArticles.iterateNext(); 
 
      } 
 
     }; 
 

 
     document.addEventListener('DOMContentLoaded', function() {    
 
      updateImageHeaders(); 
 
      
 
     }); 
 

 
    </script>

site.masterテーマにスクリプトを追加します