{"id":1267,"date":"2014-02-15T18:30:45","date_gmt":"2014-02-15T23:30:45","guid":{"rendered":"http:\/\/bffct.org\/bff\/?page_id=1267"},"modified":"2025-09-10T20:57:05","modified_gmt":"2025-09-11T00:57:05","slug":"adding-media-files","status":"publish","type":"page","link":"https:\/\/bffct.org\/bff\/contributing-to-the-site\/adding-media-files\/","title":{"rendered":"Adding Media Files"},"content":{"rendered":"<p>Media files include photos, videos and sound recordings. Adding them to a WordPress site is a 2-step process:<\/p>\n<ol>\n<li>Upload the file to our site (or to someone else&#8217;s site).<\/li>\n<li>Insert the media file into a post on our site.<\/li>\n<\/ol>\n<h1>Inserting Media Files<\/h1>\n<p>Start by determining where the media should be displayed in the post.<\/p>\n<ul>\n<li>Click the Set Featured Image link to specify a picture that should be displayed next to the title.<\/li>\n<\/ul>\n<ul>\n<li>Press the Add Media button to insert something in the body of the post.<\/li>\n<\/ul>\n<p>This displays the Media Library which shows all of the site&#8217;s media files, most recent first. (Use the Search function to find old ones.)<\/p>\n<p>Click to select the file that you want to insert into your post.<\/p>\n<p><a href=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/Image-info.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1269\" style=\"float: left; margin-left: 10px; margin-right: 10px;\" title=\"Image Info\" alt=\"Image info\" src=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/Image-info-256x300.jpg\" width=\"256\" height=\"300\" srcset=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/Image-info-256x300.jpg 256w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/Image-info.jpg 374w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/a><\/p>\n<p>Most browsers will display the Title when the mouse hovers over the image. Make sure it is something meaningful (&#8220;CIMG8634&#8221; is less than ideal.)<\/p>\n<p>If you want a caption displayed under the picture, enter it here.<\/p>\n<p>Alt Text is read to visually-impaired users, but if it is not supplied the Title will be used.<\/p>\n<p>The Description is optional and is generally not displayed.<\/p>\n<p>Be sure to pick the appropriate alignment.<\/p>\n<ul>\n<li><strong>None<\/strong> means that the theme will decide how to display the picture, generally on the left between paragraphs.<\/li>\n<li><strong>Left<\/strong> will put the image on the left side with text flowing to the right.<\/li>\n<li><strong>Right<\/strong> will put the image on the right side with text flowing to the left.<\/li>\n<li><strong>Center<\/strong> will center the image with no text on either side.<\/li>\n<\/ul>\n<p>If the image is too large to fit comfortably on the page WordPress will by default insert a reduced-size version which the user can click on to see the full-sized image. You can change this with the Size and Link To controls.<\/p>\n<p>Click the Insert button when you are done.<\/p>\n<h1>Files from Other Sites<\/h1>\n<p class=\"mceTemp\">You can display an image from another site by clicking the &#8220;Insert From URL&#8221; link on the left side of the Media Library display. You can enter the URL of the picture and specify your own title and caption.<\/p>\n<p>In general this is a bad idea unless you are linking to a specialized media-sharing site like Flikr or YouTube.<\/p>\n<ul>\n<li>The browser will load the image from the other site, not from our site, effectively stealing their bandwidth.<\/li>\n<li>The owners of the site may resent this and insert code to replace the image with a special ugly image.<\/li>\n<li>The owners may remove the image at any time.<\/li>\n<\/ul>\n<p>It would usually be better to download the image to your computer and upload it to our site. Generally you can right-click on an image in your browser and select &#8220;Save image as&#8230;&#8221;.<\/p>\n<p>Before doing this check the legalities. The site may display a Creative Commons license stating, for example, that its content is free for non-commercial reuse. Wikipedia always associates text with every image explaining why they believe that the image is freely reusable. If in doubt, contact the site owner.<\/p>\n<h1>\u00a0Uploading Media<\/h1>\n<p>Click on the &#8220;Upload Files&#8221; tab next to the Media Library tab.<\/p>\n<p>Then you can either<\/p>\n<ul>\n<li>Press the Select Files button and a standard file selection dialog will appear.<\/li>\n<li>Select one or more files in another window and drag and drop them on the Upload Files window.<\/li>\n<\/ul>\n<p>The files will be uploaded to the Media Library. All of the files you upload will automatically be selected. If you don&#8217;t want to insert them all, or want to control the order of insertion, press the &#8220;Clear&#8221; link to unselect them.<\/p>\n<h2>Offline Editing<\/h2>\n<p>To conserve our storage space and bandwidth, WordPress limits the size of uploaded files to about 1 megabyte. Most high-end cameras produce images several times that size, though the extra detail would not be visible on a web page.<\/p>\n<p>Before uploading a large picture file, load it into a free image editor like <a href=\"http:\/\/picasa.google.com\/\">Picasa <\/a>and scale it down (e.g. with Picasa&#8217;s &#8220;Export Picture to a Folder&#8221; option.) Of course if you are a serious photographer you probably have a higher-end image editor, so use that.<\/p>\n<p>While you have the picture in an image editor you can almost certainly improve it.<\/p>\n<ul>\n<li>Most photos can be improve with judicious cropping. Put the most important thing near the center of the picture. (It&#8217;s usually more interesting if it isn&#8217;t exactly in the center.) Crop out extraneous things from the edges of the picture.<\/li>\n<li>Pictures taken with a hand-held camera often have an unfortunate tilt. Picassa&#8217;s &#8220;Straighten&#8221; function can fix this.<\/li>\n<li>Often pictures can be improved by tweaking the lighting. Using the &#8220;Fill Light&#8221; control is simple and often very effective.<\/li>\n<\/ul>\n<h1>Galleries<\/h1>\n<p>A &#8220;Gallery&#8221; is a group of images that are displayed together in a post. Inserting a Gallery is much like inserting a single image, except that you select a number of images in the Media Library and click the &#8220;Create Gallery&#8221; Link.<\/p>\n<p>On the Create Gallery page you can arrange the images in the desired order and specify captions.<\/p>\n<div id='gallery-1' class='gallery galleryid-1267 gallery-columns-3 gallery-size-resurrect-rect-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/bffct.org\/bff\/cimg8654\/'><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"410\" src=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8654-600x410.jpg\" class=\"attachment-resurrect-rect-large size-resurrect-rect-large\" alt=\"\" aria-describedby=\"gallery-1-1139\" srcset=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8654-600x410.jpg 600w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8654-320x218.jpg 320w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8654-220x150.jpg 220w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1139'>\n\t\t\t\tVegetarian meal\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/bffct.org\/bff\/contributing-to-the-site\/adding-media-files\/cimg8634\/'><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"410\" src=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8634-600x410.jpg\" class=\"attachment-resurrect-rect-large size-resurrect-rect-large\" alt=\"\" aria-describedby=\"gallery-1-1138\" srcset=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8634-600x410.jpg 600w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8634-320x218.jpg 320w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8634-220x150.jpg 220w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1138'>\n\t\t\t\tDharma hall\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/bffct.org\/bff\/img_0613\/'><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"410\" src=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/IMG_0613-600x410.jpg\" class=\"attachment-resurrect-rect-large size-resurrect-rect-large\" alt=\"\" aria-describedby=\"gallery-1-1137\" srcset=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/IMG_0613-600x410.jpg 600w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/IMG_0613-320x218.jpg 320w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/IMG_0613-220x150.jpg 220w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1137'>\n\t\t\t\tGroup photo\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/bffct.org\/bff\/about-buddhist-faith-fellowship\/img_0614\/'><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"410\" src=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/IMG_0614-600x410.jpg\" class=\"attachment-resurrect-rect-large size-resurrect-rect-large\" alt=\"\" aria-describedby=\"gallery-1-1136\" srcset=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/IMG_0614-600x410.jpg 600w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/IMG_0614-320x218.jpg 320w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/IMG_0614-220x150.jpg 220w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1136'>\n\t\t\t\tSpencer\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/bffct.org\/bff\/cimg8631\/'><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"410\" src=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8631-600x410.jpg\" class=\"attachment-resurrect-rect-large size-resurrect-rect-large\" alt=\"\" srcset=\"https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8631-600x410.jpg 600w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8631-320x218.jpg 320w, https:\/\/bffct.org\/bff\/wp-content\/uploads\/2014\/02\/CIMG8631-220x150.jpg 220w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<h1>Audio Files and Podcasting<\/h1>\n<p>MP3 audio files can be uploaded and embedded in a post just like image files. Instead of displaying a picture, WordPress will display an audio player control.<\/p>\n<p>You should do the following to ensure that the audio file is included in our podcast feed:<\/p>\n<ol>\n<li>Only include a single audio file in a post.<\/li>\n<li>Add the &#8220;Podcast&#8221; tag to the post.<\/li>\n<\/ol>\n<h1>Videos<\/h1>\n<p>To preserve our storage space and bandwidth, and to ensure that the users have a consistent experience, it is better to upload videos to YouTube instead of uploading them to our site.<\/p>\n<p>Inserting a YouTube video into a post is very simple:<\/p>\n<ol>\n<li>Go to the YouTube page for the video and copy the URL.<\/li>\n<li>Paste the URL directly into the post on a line by itself. Just insert it as plain text; don&#8217;t make it a link. It should look like this:<\/li>\n<\/ol>\n<p>WordPress will automatically display an embedded player for the video, like this:<\/p>\n<p>http:\/\/www.youtube.com\/watch?v=uYXbBXmeB6I<\/p>\n<h1>Very Large Audio Files<\/h1>\n<p>Long podcasts may be too large to be uploaded with the Media Library&#8217;s Upload button. In that case you can upload them with an FTP client such as FileZilla or WinSCP. Configure the client with the following values:<\/p>\n<p>File protocol: FTP<br class=\"none\" \/>Encryption: None<br class=\"none\" \/>Host: ftp.bffct.org<br class=\"none\" \/>Port Number: 21<br class=\"none\" \/>User: media-uploads@bffct.org<br class=\"none\" \/>Password: (If you don&#8217;t have it, use the Contact Form to request the password.)<\/p>\n<p>Start the FTP client and upload the file to the root directory. (Generally you just have to drag and drop the file onto the client window.)<\/p>\n<p>Once you have uploaded the file,\u00a0 go to the Media Library screen as usual and select the &#8220;Add From Server&#8221; link on the left column. You will be able to select the file that you just uploaded.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Media files include photos, videos and sound recordings. Adding them to a WordPress site is a 2-step process: Upload the file to our site (or to someone else&#8217;s site). Insert the media file into a post on our site. Inserting Media Files Start by determining where the media should be displayed in the post. Click&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1193,"menu_order":9,"comment_status":"open","ping_status":"closed","template":"","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"class_list":["post-1267","page","type-page","status-publish","hentry","ctfw-no-image"],"_links":{"self":[{"href":"https:\/\/bffct.org\/bff\/wp-json\/wp\/v2\/pages\/1267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bffct.org\/bff\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bffct.org\/bff\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bffct.org\/bff\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bffct.org\/bff\/wp-json\/wp\/v2\/comments?post=1267"}],"version-history":[{"count":9,"href":"https:\/\/bffct.org\/bff\/wp-json\/wp\/v2\/pages\/1267\/revisions"}],"predecessor-version":[{"id":13985,"href":"https:\/\/bffct.org\/bff\/wp-json\/wp\/v2\/pages\/1267\/revisions\/13985"}],"up":[{"embeddable":true,"href":"https:\/\/bffct.org\/bff\/wp-json\/wp\/v2\/pages\/1193"}],"wp:attachment":[{"href":"https:\/\/bffct.org\/bff\/wp-json\/wp\/v2\/media?parent=1267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}