{"id":3374,"date":"2024-04-04T02:50:48","date_gmt":"2024-04-03T23:50:48","guid":{"rendered":"https:\/\/sisu.ut.ee\/juhendid\/?page_id=3374"},"modified":"2024-04-26T18:59:29","modified_gmt":"2024-04-26T15:59:29","slug":"adding-page-content","status":"publish","type":"page","link":"https:\/\/sisu.ut.ee\/juhendid\/adding-page-content\/?lang=en","title":{"rendered":"Adding page content"},"content":{"rendered":"<p>Adding content to the page and posts is done in blocks. If you paste a long text copied from elsewhere on the page, it will automatically create text paragraph blocks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What can be copied?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The website administrator can make a copy of a single block on the page and paste it as a new block (option <strong>Copy<\/strong> from the block\u2019s three-dot menu).<\/li>\n\n\n\n<li>The website administrator can duplicate an individual block on a page (select <strong>Duplicate<\/strong> block from the three-dot menu).<\/li>\n\n\n\n<li>The website administrator can make a copy of all blocks of the page at once and paste the content on another page (in the upper right corner, the three-point menu option <strong>Copy all blocks<\/strong>).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">1. Adding text<\/h3>\n\n\n\n<p>You can add text blocks to a page or post:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Paragraph\u00a0<\/li>\n\n\n\n<li>Header<\/li>\n\n\n\n<li>List (dots, numbers)<\/li>\n\n\n\n<li>Quote \u00a0<\/li>\n\n\n\n<li>Classic redactor<\/li>\n\n\n\n<li>Code\u00a0<\/li>\n\n\n\n<li>Details (like small accordion) \u00a0<\/li>\n\n\n\n<li>Preformatted<\/li>\n\n\n\n<li>Pullquite (placed next to the text) \u00a0<\/li>\n\n\n\n<li>Table<\/li>\n\n\n\n<li>Verse<\/li>\n\n\n\n<li>Footnotes<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Paragraph possibilities:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alignment<\/li>\n\n\n\n<li>Bold text<\/li>\n\n\n\n<li>Italics<\/li>\n\n\n\n<li>Adding a link<\/li>\n\n\n\n<li>Subscript<\/li>\n\n\n\n<li>A footnote<\/li>\n\n\n\n<li>Highlighting (colored text and background)<\/li>\n\n\n\n<li>Inline code<\/li>\n\n\n\n<li>Keyboard input<\/li>\n\n\n\n<li>Language (left to right, right to left)<\/li>\n\n\n\n<li>Strike through<\/li>\n\n\n\n<li>In-text image<\/li>\n\n\n\n<li>Superscript<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Adding table\u00a0<\/h4>\n\n\n\n<p>To add a table, the <strong>Table<\/strong> block must be added to the page. By creating a table you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>set the number of columns and rows,<\/li>\n\n\n\n<li>design text that has the same options as in the text of the paragraph,<\/li>\n\n\n\n<li>add and delete columns and rows,<\/li>\n\n\n\n<li>choose between two styles (Default and Stripe),<\/li>\n\n\n\n<li>add a signature (no title).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Adding image<\/h3>\n\n\n\n<p>You can add an image to a page in different ways:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As a <strong><em>Image<\/em><\/strong>\u00a0block<\/li>\n\n\n\n<li>As a <strong><em>Media and text<\/em><\/strong> block, if you want to add text to the column next to the image<\/li>\n\n\n\n<li>As a <strong><em>Classic<\/em><\/strong> block, adding text and image with the add media file button and aligning the image to the text\u00a0<\/li>\n<\/ul>\n\n\n\n<p>You can add a caption to the image, which can be added when you upload the image in the media library or after adding the image to the page using the <strong>Add caption<\/strong> button. You can also add a link to the images caption (including the one that opens in a new window).<\/p>\n\n\n\n<p>The image can be cropped in the block and shaped to some extent (e.g. add color effects and shadows).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Adding audio<\/h3>\n\n\n\n<p>Adding audio to the page is done with the audio block. Audio can be added:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As an audio file by uploading a file using the <em><strong>Upload<\/strong><\/em> button or selecting a file from the media library.<\/li>\n\n\n\n<li>As a link using <em><strong>Insert from URL<\/strong><\/em>.<\/li>\n<\/ul>\n\n\n\n<p>You can add a caption to the audio, which can also be made into a link.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Adding video<\/h3>\n\n\n\n<p>Adding a video to a page is done with the video block. Video can be added:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As a video file by uploading a file using the <strong><em>Upload<\/em><\/strong> button or selecting a file from the media library<\/li>\n\n\n\n<li>YouTube video with a link using <em><strong>Insert from URL<\/strong><\/em>\n<ul class=\"wp-block-list\">\n<li>You can add a caption under the video which can also be made into a link.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Adding Panopto and UTTV video is done with the <em><strong>Custom html<\/strong><\/em> block (paste the embed code into the html code box).<\/li>\n<\/ul>\n\n\n\n<p><strong>NB!<\/strong> It is not possible to add a caption to a video added using the custom html block \u2013 add the caption under the video as a paragraph block.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Adding iFrame<\/h3>\n\n\n\n<p>An external web page can be integrated into a page using an <strong>iFrame<\/strong>. An iFrame can be added with a <strong>Custom html<\/strong> block.<\/p>\n\n\n\n<p>For example embedding <strong>LimeSurvey<\/strong> survey:<\/p>\n\n\n\n<p>Copy the following code into the HTML: &lt;iframe height=\u201d900\u2033 src=\u201dhttps:\/\/survey.ut.ee\/index.php\/Sinu_Veebivormi_ID\u201d width=\u201d100%\u201d&gt;&lt;\/iframe&gt;\u00a0<\/p>\n\n\n\n<p>For example adding Panopto or UTTV video with <em>embed<\/em> code.\u00a0<\/p>\n\n\n\n<p><strong>NB! <\/strong>The address of the web page to be integrated must start with https (not http), otherwise their display will be blocked by the web browser.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Adding file<\/h3>\n\n\n\n<p>The file is added with the <strong>File<\/strong> block.<\/p>\n\n\n\n<p>A link to the file will appear (opens on top of the web page), after which there is a button to download the file.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Adding an accordion\u00a0<\/h3>\n\n\n\n<p>This function allows you to add thinking tasks, additional reading, etc. between the text, which opens by clicking on the corresponding text. \u00a0<\/p>\n\n\n\n<p>It is possible to add accordions to the page and choose a different style for them. To add an accordion, add the <strong>Accordion<\/strong> block to the page. You can play the accordion<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>choose the background color (<em>Background color<\/em>), which is white by default<\/li>\n\n\n\n<li>set the accordion to open immediately when opening the page (turn on the <em>Show content immediately<\/em> button), the accordion is closed by default<\/li>\n\n\n\n<li>add title and content<\/li>\n\n\n\n<li>add rows (<em>Add row<\/em>)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Adding content to the page and posts is done in blocks. If you paste a long text copied from elsewhere on the page, it will automatically create text paragraph blocks. What can be copied? 1. Adding text You can add &#8230;<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3374","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sisu.ut.ee\/juhendid\/wp-json\/wp\/v2\/pages\/3374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sisu.ut.ee\/juhendid\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sisu.ut.ee\/juhendid\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sisu.ut.ee\/juhendid\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/sisu.ut.ee\/juhendid\/wp-json\/wp\/v2\/comments?post=3374"}],"version-history":[{"count":10,"href":"https:\/\/sisu.ut.ee\/juhendid\/wp-json\/wp\/v2\/pages\/3374\/revisions"}],"predecessor-version":[{"id":3392,"href":"https:\/\/sisu.ut.ee\/juhendid\/wp-json\/wp\/v2\/pages\/3374\/revisions\/3392"}],"wp:attachment":[{"href":"https:\/\/sisu.ut.ee\/juhendid\/wp-json\/wp\/v2\/media?parent=3374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}