2

私は、大学 (PhD レベル) で数週間以内に行わなければならない会議のために、カスタマイズされたスライド化プレゼンテーションに取り組んでいます。ディレクトリにDRY レイアウトを作成して、スライドのデザインを簡素化し、物事を DRY に保ちたいと思いますassets/layouts: タイトルのみ、プラン、サブタイトルのみ、タイトルと本文、サブタイトルと 2 つの列、タイトル、サブタイトルと本文、キャプション、空白。

ramnathv github リポジトリと特定の slidify Web サイト ページにアクセスして、レイアウトをカスタマイズしました。

また、slidify specific subject に関するいくつかの質問も確認しました。

slide.cssでファイルを正常に作成しassets/css、ロゴを追加assets/imgしてプレゼンテーションのアスペクトと css 属性をカスタマイズしました ( tilte-slide&をカスタマイズしslideます)。

プレゼンテーション スライド タイプごとにファイルhtmlを作成したいと思い ます: 、、、、、、、、、。assets/layoutstitle-only.htmlplan.htmlsub-title.htmlltitle-and-body.htmlsub-title-and-two-cols.htmltitle.htmlsub-title-and-body.htmlcaption.htmlblank.html

ここでramnathv が回答した便利な質問を見つけてsub-title-and-two-cols.html、パーツにファイルを作成しましたLayouts with Parameters。

「slide.css file in theassets/css」ディレクトリに作成された css 属性を転送する必要があります。

たとえば、ファイルを作成したいとしplan.htmlます。slide.cssファイルのファイルから計算したいコードは次のplan.htmlとおりです。

  • フォントを変更します。

    @import url('https://fonts.googleapis.com/css?family=Old+Standard+TT');

  • タイトル スライドの属性を変更します。

    /* slide h2 css modification = for page title left - blue */
slide:not(.segue) h2{
font-family:'Old Standard TT', sans-serif;
font-size: 36px;
font-style: normal;
font-weight: lighter;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
text-align: left;
color: #0000ff;
}

  • テキスト コンテンツの属性を変更します。

     /* slide article & section css modification = normal lighter darkgrey */
 article p, article li, article li.build, section p, section li{
 font-family: 'Old Standard TT', sans-serif;
 font-size:22px;
 font-style: normal;
 font-weight: lighter;
 text-transform: normal;
 text-align: left ;
 letter-spacing: 1px;
 line-height: 1.5em;
 color: #4c4c4c;
 }

plan.htmlこの css 属性をファイルに転送する方法を知りたいです。

    ---
    layout: slide
    ---
    {{{ content }}}  
    ...
    ...

そして、「計画」スライドについては、次のようにマークします。

    --- &plan

    ### a header

    some text

直前に指定された css 属性を取得する必要があります。

4

0 に答える 0