{"id":36,"date":"2020-10-28T07:31:02","date_gmt":"2020-10-28T06:31:02","guid":{"rendered":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/chapter\/schritt-6-exportformate-generieren\/"},"modified":"2021-12-08T10:38:20","modified_gmt":"2021-12-08T09:38:20","slug":"layout","status":"publish","type":"chapter","link":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/chapter\/layout\/","title":{"raw":"Layout definieren","rendered":"Layout definieren"},"content":{"raw":"
Damit das Layout des Buches auf dem Web sowie im PDF oder E-Book mit dem von uns zur Verf\u00fcgung gestellten Layout \u00fcbereinstimmt, m\u00fcssen Sie noch einige Layout-Daten abf\u00fcllen. Haben Sie Erfahrung mit CSS, k\u00f6nnen Sie stattdessen nat\u00fcrlich auch eigene Stylings erg\u00e4nzen.<\/div>\r\n
<\/div>\r\n

Dazu gehen Sie zuerst im linken Menu auf Design - Themes<\/strong> und w\u00e4hlen dort zum Beispiel das Theme Open Textbooks<\/em> an:<\/p>\r\n\r\n

\"\"<\/div>\r\n \r\n
<\/div>\r\n
\"\"<\/div>\r\nNun w\u00e4hlen Sie unter Design - Benutzerdefinierte Stile<\/strong> aus. Hier werden k\u00f6nnen mit CSS zus\u00e4tzliche Layout-Optionen f\u00fcr jedes Medium (Web, PDF, E-Book) programmiert werden. In diesem Bild sehen Sie im Dropdown die Optionen Web, Ebook und PDF - hier ist PDF angew\u00e4hlt. Im oberen Textfeld ist das Layout f\u00fcr das Theme Open Textbooks definiert - dieses sollte nicht ver\u00e4ndert werden. Im unteren Textfeld k\u00f6nnen Sie bei Bedarf erg\u00e4nzendes CSS einf\u00fcgen.\r\n
<\/div>\r\n
\"\"<\/div>\r\n
<\/div>\r\nErg\u00e4nzen Sie f\u00fcr PDF<\/strong> folgendes CSS unter Ihre PDF Stile:<\/strong>\r\n
<\/div>\r\n
section {\r\ndisplay: none;\r\n}<\/code><\/div>\r\nErg\u00e4nzen Sie f\u00fcr Web folgendes CSS unter Ihre Web Stile:<\/strong>\r\n
\r\n

blockquote {<\/code>\r\npadding: 0 0 0 15px;<\/code>\r\nmargin: 0 0 20px;<\/code>\r\nborder-left: 5px solid #eee;<\/code>\r\nfont-size: 14px;<\/code>\r\n}<\/code><\/p>\r\n#content .wp-caption, #content .wp-nocaption, #content img {<\/code>\r\ndisplay: block;<\/code>\r\nmargin-left: auto;<\/code>\r\nmargin-right: auto;<\/code>\r\n}<\/code>\r\n\r\n.wp-caption p {<\/code>\r\nmargin-top: 0.5em;<\/code>\r\nfont-size: 1rem;<\/code>\r\n}<\/code>\r\n\r\n<\/div>\r\n

UZH Book Theme<\/h2>\r\nAlternativ w\u00e4hlen Sie gleich das UZH Book Theme als Layout - hier wurden die Farben des UZH Corporate Designs umgesetzt.\r\n\r\n\"\"","rendered":"
Damit das Layout des Buches auf dem Web sowie im PDF oder E-Book mit dem von uns zur Verf\u00fcgung gestellten Layout \u00fcbereinstimmt, m\u00fcssen Sie noch einige Layout-Daten abf\u00fcllen. Haben Sie Erfahrung mit CSS, k\u00f6nnen Sie stattdessen nat\u00fcrlich auch eigene Stylings erg\u00e4nzen.<\/div>\n
<\/div>\n

Dazu gehen Sie zuerst im linken Menu auf Design – Themes<\/strong> und w\u00e4hlen dort zum Beispiel das Theme Open Textbooks<\/em> an:<\/p>\n

\"\"<\/div>\n

 <\/p>\n

<\/div>\n
\"\"<\/div>\n

Nun w\u00e4hlen Sie unter Design – Benutzerdefinierte Stile<\/strong> aus. Hier werden k\u00f6nnen mit CSS zus\u00e4tzliche Layout-Optionen f\u00fcr jedes Medium (Web, PDF, E-Book) programmiert werden. In diesem Bild sehen Sie im Dropdown die Optionen Web, Ebook und PDF – hier ist PDF angew\u00e4hlt. Im oberen Textfeld ist das Layout f\u00fcr das Theme Open Textbooks definiert – dieses sollte nicht ver\u00e4ndert werden. Im unteren Textfeld k\u00f6nnen Sie bei Bedarf erg\u00e4nzendes CSS einf\u00fcgen.<\/p>\n

<\/div>\n
\"\"<\/div>\n
<\/div>\n

Erg\u00e4nzen Sie f\u00fcr PDF<\/strong> folgendes CSS unter Ihre PDF Stile:<\/strong><\/p>\n

<\/div>\n
section {
\ndisplay: none;
\n}<\/code><\/div>\n

Erg\u00e4nzen Sie f\u00fcr Web folgendes CSS unter Ihre Web Stile:<\/strong><\/p>\n

\n

blockquote {<\/code>
\npadding: 0 0 0 15px;<\/code>
\nmargin: 0 0 20px;<\/code>
\nborder-left: 5px solid #eee;<\/code>
\nfont-size: 14px;<\/code>
\n}<\/code><\/p>\n

#content .wp-caption, #content .wp-nocaption, #content img {<\/code>
\ndisplay: block;<\/code>
\nmargin-left: auto;<\/code>
\nmargin-right: auto;<\/code>
\n}<\/code><\/p>\n

.wp-caption p {<\/code>
\nmargin-top: 0.5em;<\/code>
\nfont-size: 1rem;<\/code>
\n}<\/code><\/p>\n<\/div>\n

UZH Book Theme<\/h2>\n

Alternativ w\u00e4hlen Sie gleich das UZH Book Theme als Layout – hier wurden die Farben des UZH Corporate Designs umgesetzt.<\/p>\n

\"\"<\/p>\n","protected":false},"author":54,"menu_order":6,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-36","chapter","type-chapter","status-publish","hentry"],"part":21,"_links":{"self":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/pressbooks\/v2\/chapters\/36"}],"collection":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/wp\/v2\/users\/54"}],"version-history":[{"count":31,"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/pressbooks\/v2\/chapters\/36\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/pressbooks\/v2\/chapters\/36\/revisions\/257"}],"part":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/pressbooks\/v2\/parts\/21"}],"metadata":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/pressbooks\/v2\/chapters\/36\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/pressbooks\/v2\/chapter-type?post=36"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/wp\/v2\/contributor?post=36"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/dlf.uzh.ch\/openbooks\/erste-schritte\/wp-json\/wp\/v2\/license?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}