{"id":11285052,"date":"2019-03-07T10:09:09","date_gmt":"2019-03-07T10:09:09","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=11285052"},"modified":"2026-05-29T19:06:07","modified_gmt":"2026-05-29T19:06:07","slug":"file-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/file-block\/","title":{"rendered":"File block"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go back to the list of Blocks<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The File block allows you to add a link to the downloadable files on your website.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"754\" style=\"aspect-ratio: 1422 \/ 754;\" width=\"1422\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Kapture-2026-03-02-at-21.16.47.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Add a File block<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>To add a&nbsp;File block<strong>,<\/strong> use the <strong>Block Inserter<\/strong> (+), or you can type&nbsp;<code>\/file<\/code> in a new paragraph block&nbsp;and press enter.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2020\/09\/add-file-block.png\"><img loading=\"lazy\" decoding=\"async\" width=\"621\" height=\"198\" src=\"https:\/\/wordpress.org\/documentation\/files\/2020\/09\/add-file-block.png\" alt=\"How to add a File block\" class=\"wp-image-13432198\" style=\"width:422px;height:135px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2020\/09\/add-file-block.png 621w, https:\/\/wordpress.org\/documentation\/files\/2020\/09\/add-file-block-300x96.png 300w\" sizes=\"auto, (max-width: 621px) 100vw, 621px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>To add a file, you can use the upload button to upload your files directly from your computer, or you can click <strong>Media Library<\/strong> to add files from your media library.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"424\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.40.04-AM-1024x424.png\" alt=\"How to upload a file \" class=\"wp-image-15757922\" style=\"width:589px;height:244px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.40.04-AM-1024x424.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.40.04-AM-300x124.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.40.04-AM-768x318.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.40.04-AM.png 1328w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After you add a file, you can edit the file name by typing inside the rectangle. You can click <strong>Replace<\/strong> to replace the file and upload another one. You can click <strong>Copy URL<\/strong> to copy the URL of the file.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.42.32-AM-1.png\" alt=\"Block toolbar in the File block\" class=\"wp-image-15757929\" style=\"width:363px;height:94px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you try to upload an unsupported file, you will see an error notification at the bottom-left corner of the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"763\" height=\"455\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/image4-1.png\" alt=\"Error message when an unsupported file format is uploaded\" class=\"wp-image-16205999\" style=\"width:512px;height:305px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/image4-1.png 763w, https:\/\/wordpress.org\/documentation\/files\/2022\/11\/image4-1-300x179.png 300w\" sizes=\"auto, (max-width: 763px) 100vw, 763px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. Content-Only Editing Support<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The&nbsp;<strong>File block<\/strong>&nbsp;supports&nbsp;<strong>content-only editing<\/strong>, allowing editors to update the block\u2019s inner content\u2014such as the file name and download button text\u2014without modifying its structure or settings.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"808\" style=\"aspect-ratio: 1062 \/ 808;\" width=\"1062\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-content-editing.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Key Features:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Available when using&nbsp;<strong>Write mode<\/strong>&nbsp;in the Site Editor.<\/li>\n\n\n\n<li>Enables quick updates to file content in locked templates or sections.<\/li>\n\n\n\n<li>Matches behavior of other media blocks like the Image block.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">User roles and capabilities<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Some elements of the File block are only available to certain user roles. By default, only Administrators, Editors and Authors can upload a file using the file block. <a href=\"https:\/\/wordpress.org\/documentation\/article\/roles-and-capabilities\/\">Learn more about WordPress user roles and capabilities.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block toolbar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every block comes with unique toolbar icons and block-specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The File block has seven buttons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Drag icon<\/li>\n\n\n\n<li>Move handles<\/li>\n\n\n\n<li>Change alignment<\/li>\n\n\n\n<li>Replace<\/li>\n\n\n\n<li>Copy URL<\/li>\n\n\n\n<li>More options<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.45.49-AM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"114\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.45.49-AM.png\" alt=\"Block toolbar in the File block\" class=\"wp-image-15757939\" style=\"width:370px;height:58px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.45.49-AM.png 732w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.45.49-AM-300x47.png 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Transform to:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The&nbsp;<strong>Transform<\/strong>&nbsp;button allows you to convert the File block into other block types while preserving its content.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"485\" height=\"304\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-transform.png\" alt=\"Transform tool in the File block\" class=\"wp-image-16365641\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-transform.png 485w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-transform-300x188.png 300w\" sizes=\"auto, (max-width: 485px) 100vw, 485px\" \/><figcaption class=\"wp-element-caption\">Transform tool in the File block<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image<\/strong>&nbsp;\u2013 Convert the file block into an image block if suitable.<\/li>\n\n\n\n<li><strong>Columns<\/strong>&nbsp;\u2013 Place the file within a multi-column layout.<\/li>\n\n\n\n<li><strong>Details<\/strong>&nbsp;\u2013 Wrap the file in a collapsible details\/summary block.<\/li>\n\n\n\n<li><strong>Group<\/strong>&nbsp;\u2013 Group the file with other blocks for shared styling.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Drag icon<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"132\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.53.48-AM.png\" alt=\"Drag icon in the File Block\" class=\"wp-image-15757979\" style=\"width:361px;height:48px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.53.48-AM.png 992w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.53.48-AM-300x40.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-11.53.48-AM-768x102.png 768w\" sizes=\"auto, (max-width: 992px) 100vw, 992px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Move handles<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"126\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.09.23-PM.png\" alt=\"Move handles in the File Block\" class=\"wp-image-15757980\" style=\"width:357px;height:59px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.09.23-PM.png 766w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.09.23-PM-300x49.png 300w\" sizes=\"auto, (max-width: 766px) 100vw, 766px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The up and down arrow icons can be used to move a block up and down on the page.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\" target=\"_blank\">Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Change Alignment<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"329\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-alignment.png\" alt=\"Change alignment in the File block\" class=\"wp-image-16365642\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-alignment.png 370w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-alignment-300x267.png 300w\" sizes=\"auto, (max-width: 370px) 100vw, 370px\" \/><figcaption class=\"wp-element-caption\">Change alignment in the File block<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Using the alignment drop-down from the toolbar, you can align the file block to the left, make it center-aligned, or align it to the right. You can also make the File block wide width and full width.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Replace<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Using the Replace button, you can replace your file by uploading a new one from your device or adding another one from your media library.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"300\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.14.18-PM.png\" alt=\"Replace file in the File Block\" class=\"wp-image-15757997\" style=\"width:363px;height:205px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.14.18-PM.png 530w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.14.18-PM-300x170.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Copy URL<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click Copy URL to copy the URL of the file to your clipboard. You will see a message on the bottom left corner of your browser saying the URL has been copied.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.19.10-PM-1.png\" alt=\"Copy URL to clipboard message in the File Block\" class=\"wp-image-15758007\" style=\"width:407px;height:172px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Bold &amp; Italic<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the \u201cBold\u201d option or \u201cCtrl+B\u201d \/ \u201cCmd+B\u201d on your keyboard to bold it, which is usually heavier than the surrounding text. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"986\" height=\"142\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.31.33-PM.png\" alt=\"Bold option in the File Block\" class=\"wp-image-15758028\" style=\"width:360px;height:52px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.31.33-PM.png 986w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.31.33-PM-300x43.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.31.33-PM-768x111.png 768w\" sizes=\"auto, (max-width: 986px) 100vw, 986px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use the \u201cItalic\u201d option or \u201cCtrl+I\u201d \/ \u201cCmd+I\u201d on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.32.20-PM-1.png\" alt=\"Italic option in the File Block\" class=\"wp-image-15758029\" style=\"width:353px;height:47px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">More rich text controls<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"266\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.21.38-PM.png\" alt=\"Rich Text controls in the File Block\" class=\"wp-image-15758013\" style=\"width:365px;height:99px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.21.38-PM.png 982w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.21.38-PM-300x81.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.21.38-PM-768x208.png 768w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The drop-down menu to the right of the italic button&nbsp;contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-text-editing-overview\/\">Read about more rich text editing options.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">More options<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\">More options menu<\/a>&nbsp;represented by&nbsp;<strong>three vertical dots on the far right of the toolbar<\/strong>&nbsp;gives you more features such as the ability to duplicate, remove, or edit your block as HTML.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the <strong>cog<\/strong> icon next to the <strong>Publish<\/strong> or <strong>Update<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"368\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.39.18-PM.png\" alt=\"Cog icon in the File Block\" class=\"wp-image-15758040\" style=\"width:362px;height:202px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.39.18-PM.png 660w, https:\/\/wordpress.org\/documentation\/files\/2022\/06\/Screen-Shot-2022-06-21-at-12.39.18-PM-300x167.png 300w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The File block offers the following settings<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can choose whether to link to the media file directly or a separate attachment page by using the drop-down menu. If you want the media file\/attachment page to open in a new tab, enable the <strong>Open in a new tab<\/strong> button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The File block comes with a <strong>Download<\/strong> button that can be toggled on and off using the <strong>Show download button<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By toggling it off, the file name will appear as a link.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"430\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-settings.png\" alt=\"Settings Sidebar for the File block\" class=\"wp-image-16365643\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-settings.png 284w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-settings-198x300.png 198w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><figcaption class=\"wp-element-caption\">Settings Sidebar for the File block<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px\"><br>If you upload a PDF file, you\u2019ll see a PDF settings section on the block settings.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"246\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/image2.png\" alt=\"PDF settings\" class=\"wp-image-16205973\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/image2.png 345w, https:\/\/wordpress.org\/documentation\/files\/2022\/11\/image2-300x214.png 300w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px\">You can embed PDF on your page or post by enabling the <strong>Show inline embed<\/strong> option. When it\u2019s enabled, you\u2019ll see the <strong>height in pixels<\/strong> setting that lets you adjust the PDF display by using the slider or entering a value in pixels.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/image3-1-1-1024x644.png\" alt=\"PDF settings to adjust the height in pixels for the display\" class=\"wp-image-16205976\" style=\"width:350px;height:220px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Styles<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Styles tab allows you to customize the appearance of the File block.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"828\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-styles.png\" alt=\"Styles Sidebar for the File block\" class=\"wp-image-16365644\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-styles.png 284w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/file-styles-103x300.png 103w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><figcaption class=\"wp-element-caption\">Styles Sidebar for the File block<\/figcaption><\/figure>\n\n\n\n<h3 id=\"color\" class=\"wp-block-heading\">Color <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Text and background colors can be set on a per-block basis, allowing you to call attention to important content. Using the Color settings, you can customize the block by adding text, background, and link colors.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/colors-settings-overview\/\">See this guide for more information about changing colors.<\/a><\/p>\n\n\n\n<h3 id=\"dimensions\" class=\"wp-block-heading\">Dimensions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The File block provides various options to adjust its dimensions, such as width and height, allowing you to customize the text layout to ensure visual consistency.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\">Dimension settings overview<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Border<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The File block provides border settings options to add border color, width, and radius.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/border-settings-overview\/\">Border settings overview<\/a> <\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Advanced<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The File block provides the following Advanced settings options: HTML Anchor, Additional CSS Class(es), and Styles.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/advanced-settings-overview\/\">Learn more about advanced settings<\/a><\/p>\n\n\n\n<div class=\"wp-block-group changelog has-very-dark-gray-color has-very-light-gray-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<h2 id=\"changelog\" class=\"wp-block-heading has-medium-font-size\">Changelog<strong> <\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2026-05-25 (props to @kjoyner @awetz583)\n<ul class=\"wp-block-list\">\n<li>Updated &#8220;Advanced&#8221; section to refer to new overview page<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>2026-03-02 (props to @markusmai @nith53 @jyolsna @wowashuwow @awetz583)\n<ul class=\"wp-block-list\">\n<li>Added user roles and capabilities section<\/li>\n\n\n\n<li>Updated more rich text controls<\/li>\n\n\n\n<li>Updated video<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>2025-04-29 (props to <a href=\"https:\/\/profiles.wordpress.org\/karthickmurugan\/\">@karthickmurugan<\/a>)\n<ul class=\"wp-block-list\">\n<li>Add Content-only editing support section.<\/li>\n\n\n\n<li>Update screenshots to 6.8 version.<\/li>\n\n\n\n<li>Update Transform to section.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-08-13\n<ul class=\"wp-block-list\">\n<li>Updated More Options<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-11-16\n<ul class=\"wp-block-list\">\n<li>Updating screenshots, video and content for 6.1, added info for PDF settings<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-06-21\n<ul class=\"wp-block-list\">\n<li>Updated content and screenshots for 6.0<\/li>\n\n\n\n<li>Added ALT Tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-06-07\n<ul class=\"wp-block-list\">\n<li>Add video for 6.0<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-09-19\n<ul class=\"wp-block-list\">\n<li>Updated new block toolbar features<\/li>\n\n\n\n<li>Updated new block settings features<\/li>\n\n\n\n<li>Updated 5.5 screenshots<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-06-18\n<ul class=\"wp-block-list\">\n<li>Added &#8216;Link back to blocks&#8217; to the top of the page<\/li>\n\n\n\n<li>Converted the &#8216;Advance&#8217; reusable block to a regular block<\/li>\n\n\n\n<li>Added the &#8216;Changelog&#8217;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2019-03-07<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go back to the list of Blocks The File block allows you to add a link to the downloadable files on your website. Add a File block Detailed instructions on adding blocks After you add a file, you can edit the file name by typing inside the rectangle. You can click Replace to replace the [&hellip;]<\/p>\n","protected":false},"author":16127499,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[80,84],"class_list":["post-11285052","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-media-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11285052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=11285052"}],"version-history":[{"count":22,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11285052\/revisions"}],"predecessor-version":[{"id":16368652,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11285052\/revisions\/16368652"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wporg\/v1\/users\/sophiegy"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=11285052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=11285052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}