/ / Kentico 10ウェブサイトのコンテキストでのFOUCの防止 - zurb-foundation、kentico

Kentico 10ウェブサイトのコンテキストでFOUCを防止する - zurb-foundation、kentico

Zurb財団が推薦する ページhtmlタグにclass = "no-js"を追加する Unstyled Content(FOUC)のFlashに対する防御

私たちはKentico CMSを使用しています。クラスにクラスを追加する "Kentico way"を探しています html マスタページの要素タグ私たちはCMSポータルエンジンを使用しています。

私たちが何を求めているのか <html class="no-js"

KenticoマクロまたはそのAPIを使用するより親しみやすい方法がない場合、ASP.NETに落ちようとしています。

回答:

回答№1の場合は3

マスターページのポータルテンプレートで、次のようなコードを追加してその変更を加えることができます:

<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (CurrentDocument != null)
{
CMS.UIControls.ContentPage page= this.Page as CMS.UIControls.ContentPage;
if (page != null)
{
page.XmlNamespace += " class="no-js"";
}
}
}
</script>

また、CMSPagesPortalTemplate.aspxページも変更できますが、通常はアップグレードパスが破損するため、Kenticoではサポートまたは推奨されていません。


回答№2の場合は1

私が知っている最も速い方法は、 CMSPagesPortalTemplate.aspx あなたのクラスをそこに追加する。

<%@ Page Language="C#" AutoEventWireup="true" Inherits="CMSPages_PortalTemplate" ValidateRequest="false" MaintainScrollPositionOnPostback="true" EnableEventValidation="false" Codebehind="PortalTemplate.aspx.cs" %>

<%=DocType%>
<html <%=XHtmlNameSpace%> <%=XmlNamespace%> class="no-js">
<head id="head" runat="server" enableviewstate="false">
...

回答№3の場合は0

「no-js」はデフォルト値です。実際にあなたのブラウザがJavaScriptをサポートしている場合、「いいえ」クラスはModernizrエンジンによって取り除かれます。

ModernizrはJavaScriptライブラリであり、ブラウザの機能をチェックしてhtmlクラスを更新します。 "

たとえば、あなたのブラウザがflexbox技術をサポートしている場合、flexboxクラスはhtmlクラスリストに追加されます。それ以外の場合は、no-flexboxクラスが追加されます。

後で、CSSフレームワーク(ブートストラップまたはファウンデーション)を使用する場合、欠落している機能をエミュレートするためにいくつかの戦略を使用できます。


関連する質問


コメント(0)

コメントを追加