WordPress Image Control: Difference between revisions

Line 11:

Media is also a bit of an oddity from the view's perspective as it is by default (but can be changed via Plugins like '''Attachment Pages Redirect''') available in a myriad of ways;

* Images can be viewed on a Post or Page.*

*Images can be viewed on a Post or Page.*

* They can also be viewed via a Permalink. The permalink page is the image as it appears on its "Attachment Page", which includes additional information like the Title, Caption, and Description (only used in this capacity and no other location).*

*They can also be viewed via a Permalink. The permalink page is the image as it appears on its "Attachment Page", which includes additional information like the Title, Caption, and Description (only used in this capacity and no other location).*

* And they can also be viewed via a direct URL (IE, the actual physical path to the image file). The direct URL (Uniform Resource Locator) is just the image, nothing else.

*And they can also be viewed via a direct URL (IE, the actual physical path to the image file). The direct URL (Uniform Resource Locator) is just the image, nothing else.

<nowiki>*</nowiki> The ALT / Alternative information is included in the HTML, but is not displayed in a web page.

Line 25:

When editing an Attachment Page, there are a myriad of items to configure

* Title: Seen in the attachment's permalink page and in the Head section of HTML in the <TITLE> Element, but nowhere in the actual Post or Page or the HTML of a Post or Page

*Title: Seen in the attachment's permalink page and in the Head section of HTML in the <TITLE> Element, but nowhere in the actual Post or Page or the HTML of a Post or Page

* Permalink*

*Permalink*

* File URL: A set path and file name unless using a Plugin like '''''Phoenix Media Rename''''' that allows a physical file name to be changed (and updated in the WordPress database)). This is included in the HTML as an HREF Attribute.

*File URL: A set path and file name unless using a Plugin like '''''Phoenix Media Rename''''' that allows a physical file name to be changed (and updated in the WordPress database)). This is included in the HTML as an HREF Attribute.

* Categories: Categories are typically visible to users near the Title of a Post or Page. The Category is also included as an item in the Class Attribute of an HTML Article Element, but only in the attribute's permalink page, not in the Post or Page's HTML.

*Categories: Categories are typically visible to users near the Title of a Post or Page. The Category is also included as an item in the Class Attribute of an HTML Article Element, but only in the attribute's permalink page, not in the Post or Page's HTML.

* Caption: Seen in the attachment's permalink only, not used separately in HTML for the Post or Page

*Caption: Seen in the attachment's permalink only, not used separately in HTML for the Post or Page

* ALT / Alternative Text: Used only in the HTML of the Post, Page, or the attachment's permalink page. It is not visible from normal browser view, although there are probably Plugins can display this information.

*ALT / Alternative Text: Used only in the HTML of the Post, Page, or the attachment's permalink page. It is not visible from normal browser view, although there are probably Plugins can display this information.

* Description: This field allows for limited formatting of text in addition to the Caption and only appears in the attachment's permalink page. It's just speculation, but based on how it appears in the Media Tab, it really seems like this is something leftover from the original B2Evolution (WordPress's origin)

*Description: This field allows for limited formatting of text in addition to the Caption and only appears in the attachment's permalink page. It's just speculation, but based on how it appears in the Media Tab, it really seems like this is something leftover from the original B2Evolution (WordPress's origin)

<nowiki>*</nowiki> If using an advanced Permalink Manager, several Permalinks might be present (Current URI, Native Slug, etc.)

=== Plugins ===

===Plugins===

Plugins can add additional functionality.

Plugins can add additional functionality for Media (sometimes available on the Media Tab, other times on a separate Tab)

* '''''Phoenix Media Rename''''': A simple Plugin that adds the ability to change an image's physical file name. It even automatically replaces spaces with dashes ( - ). It also allows for "bulk renaming", but only for manual modifications to the name (IE, it can't add "My Web Site" to the beginning of every file name).

*'''''Phoenix Media Rename''''': A simple Plugin that adds the ability to change an image's physical file name. It even automatically replaces spaces with dashes ( - ). It also allows for "bulk renaming", but only for manual modifications to the name (IE, it can't add "My Web Site" to the beginning of every file name).

* '''''WP Media Folder''''': Creates a folder and file structure for media, so very handy for organizing a lot of media. Unfortunately it breaks some features of other Media Plugins like '''Enhanced Media Library''' (and vice versa), but the fix is easy: Temporarily disable when other Plugin features are needed. Some other alternatives are listed here: https://colorlib.com/wp/wordpress-media-library-management-plugins/ '''File Bird Light''', among others is an alternative. It adds two fields to the Word Press Media Attachment Editor ("Image Gallery link to" and "Link Target"), both of these fields have no effect on builtin WP functionality, only with the plugin. The _wpmf_gallery_custom_image_link is the field it adds to the PostMeta Table.

*'''''Media Library Assistant''''': Provides the ability to create a Parent Element (IE, Post, Page, etc.) for Media and Images. It also adds a dedicated (IE, doesn't share with Posts) Categories (named Att. Categories) and Tags (named Att. Tags) to Media and Images. One downside is that it elongates the Media List by making each row thicker.

* '''Simple CSS''': This seems to be the only Plugin available that displays a CSS Field in an Image's "admin page" on the Media Tab. Sadly though, it does nothing at all (IE, enter in your CSS, click Update, and watch it disappear), at least on an Image page)

*'''''Redirect''''' (under Tools, Redirection); This Plugin provides the ability to create a list of of redirects.

*'''''WP Media Folder''''': Creates a folder and file structure for media, so very handy for organizing a lot of media. Unfortunately it breaks some features of other Media Plugins like '''Enhanced Media Library''' (and vice versa), but the fix is easy: Temporarily disable when other Plugin features are needed. Some other alternatives are listed here: https://colorlib.com/wp/wordpress-media-library-management-plugins/ '''File Bird Light''', among others is an alternative. It adds two fields to the Word Press Media Attachment Editor ("Image Gallery link to" and "Link Target"), both of these fields have no effect on builtin WP functionality, only with the plugin. The _wpmf_gallery_custom_image_link is the field it adds to the PostMeta Table.

*'''Simple CSS''': This seems to be the only Plugin available that displays a CSS Field in an Image's "admin page" on the Media Tab. Sadly though, it does nothing at all (IE, enter in your CSS, click Update, and watch it disappear), at least on an Image page)

=== Other Thoughts ===

===Other Thoughts===

* Themes can add addition SRCSET information for "responsive" websites for mobile devices.

*Themes can add addition SRCSET information for "responsive" websites for mobile devices.

* Creating custom CSS for Image Classes at the Theme level doesn't work (even if one defines custom CSS for the Class Attribute associated with an Image Element)

*Creating custom CSS for Image Classes at the Theme level doesn't work (even if one defines custom CSS for the Class Attribute associated with an Image Element)

* Depending on the theme, additional information is added via META Tags in the Head Section of HTML.

*Depending on the theme, additional information is added via META Tags in the Head Section of HTML.

** The OG (Open Graph) META Property labled as "OG:Description" gets information from the Caption.

**The OG (Open Graph) META Property labled as "OG:Description" gets information from the Caption.

Each attachment

@@ Line 11: / Line 11: @@
 Media is also a bit of an oddity from the view's perspective as it is by default (but can be changed via Plugins like '''Attachment Pages Redirect''') available in a myriad of ways;
-* Images can be viewed on a Post or Page.*
+*Images can be viewed on a Post or Page.*
-* They can also be viewed via a Permalink.  The permalink page is the image as it appears on its "Attachment Page", which includes additional information like the Title, Caption, and Description (only used in this capacity and no other location).*
+*They can also be viewed via a Permalink.  The permalink page is the image as it appears on its "Attachment Page", which includes additional information like the Title, Caption, and Description (only used in this capacity and no other location).*
-* And they can also be viewed via a direct URL (IE, the actual physical path to the image file).  The direct URL (Uniform Resource Locator) is just the image, nothing else.
+*And they can also be viewed via a direct URL (IE, the actual physical path to the image file).  The direct URL (Uniform Resource Locator) is just the image, nothing else.
 <nowiki>*</nowiki> The ALT / Alternative information is included in the HTML, but is not displayed in a web page.
@@ Line 25: / Line 25: @@
 When editing an Attachment Page, there are a myriad of items to configure
-* Title: Seen in the attachment's permalink page and in the Head section of HTML in the <TITLE> Element, but nowhere in the actual Post or Page or the HTML of a Post or Page
+*Title: Seen in the attachment's permalink page and in the Head section of HTML in the <TITLE> Element, but nowhere in the actual Post or Page or the HTML of a Post or Page
-* Permalink*
+*Permalink*
-* File URL: A set path and file name unless using a Plugin like '''''Phoenix Media Rename''''' that allows a physical file name to be changed (and updated in the WordPress database)).  This is included in the HTML as an HREF Attribute.
+*File URL: A set path and file name unless using a Plugin like '''''Phoenix Media Rename''''' that allows a physical file name to be changed (and updated in the WordPress database)).  This is included in the HTML as an HREF Attribute.
-* Categories: Categories are typically visible to users near the Title of a Post or Page.  The Category is also included as an item in the Class Attribute of an HTML Article Element, but only in the attribute's permalink page, not in the Post or Page's HTML.
+*Categories: Categories are typically visible to users near the Title of a Post or Page.  The Category is also included as an item in the Class Attribute of an HTML Article Element, but only in the attribute's permalink page, not in the Post or Page's HTML.
-* Caption: Seen in the attachment's permalink only, not used separately in HTML for the Post or Page
+*Caption: Seen in the attachment's permalink only, not used separately in HTML for the Post or Page
-* ALT / Alternative Text: Used only in the HTML of the Post, Page, or the attachment's permalink page.  It is not visible from normal browser view, although there are probably Plugins can display this information.
+*ALT / Alternative Text: Used only in the HTML of the Post, Page, or the attachment's permalink page.  It is not visible from normal browser view, although there are probably Plugins can display this information.
-* Description: This field allows for limited formatting of text in addition to the Caption and only appears in the attachment's permalink page.  It's just speculation, but based on how it appears in the Media Tab, it really seems like this is something leftover from the original B2Evolution (WordPress's origin)
+*Description: This field allows for limited formatting of text in addition to the Caption and only appears in the attachment's permalink page.  It's just speculation, but based on how it appears in the Media Tab, it really seems like this is something leftover from the original B2Evolution (WordPress's origin)
 <nowiki>*</nowiki> If using an advanced Permalink Manager, several Permalinks might be present (Current URI, Native Slug, etc.)
-=== Plugins ===
+===Plugins===
-Plugins can add additional functionality.
+Plugins can add additional functionality for Media (sometimes available on the Media Tab, other times on a separate Tab)
-* '''''Phoenix Media Rename''''': A simple Plugin that adds the ability to change an image's physical file name.  It even automatically replaces spaces with dashes ( - ).  It also allows for "bulk renaming", but only for manual modifications to the name (IE, it can't add "My Web Site" to the beginning of every file name).
+*'''''Phoenix Media Rename''''': A simple Plugin that adds the ability to change an image's physical file name.  It even automatically replaces spaces with dashes ( - ).  It also allows for "bulk renaming", but only for manual modifications to the name (IE, it can't add "My Web Site" to the beginning of every file name).
-* '''''WP Media Folder''''': Creates a folder and file structure for media, so very handy for organizing a lot of media.  Unfortunately it breaks some features of other Media Plugins like '''Enhanced Media Library''' (and vice versa), but the fix is easy: Temporarily disable when other Plugin features are needed.  Some other alternatives are listed here: https://colorlib.com/wp/wordpress-media-library-management-plugins/  '''File Bird Light''', among others is an alternative.  It adds two fields to the Word Press Media Attachment Editor ("Image Gallery link to" and "Link Target"), both of these fields have no effect on builtin WP functionality, only with the plugin.  The _wpmf_gallery_custom_image_link is the field it adds to the PostMeta Table.
+*'''''Media Library Assistant''''': Provides the ability to create a Parent Element (IE, Post, Page, etc.) for Media and Images.  It also adds a dedicated (IE, doesn't share with Posts) Categories (named Att. Categories) and Tags (named Att. Tags) to Media and Images.  One downside is that it elongates the Media List by making each row thicker.
-* '''Simple CSS''': This seems to be the only Plugin available that displays a CSS Field in an Image's "admin page" on the Media Tab.  Sadly though, it does nothing at all (IE, enter in your CSS, click Update, and watch it disappear), at least on an Image page)
+*'''''Redirect''''' (under Tools, Redirection); This Plugin provides the ability to create a list of of redirects.
+*'''''WP Media Folder''''': Creates a folder and file structure for media, so very handy for organizing a lot of media.  Unfortunately it breaks some features of other Media Plugins like '''Enhanced Media Library''' (and vice versa), but the fix is easy: Temporarily disable when other Plugin features are needed.  Some other alternatives are listed here: https://colorlib.com/wp/wordpress-media-library-management-plugins/  '''File Bird Light''', among others is an alternative.  It adds two fields to the Word Press Media Attachment Editor ("Image Gallery link to" and "Link Target"), both of these fields have no effect on builtin WP functionality, only with the plugin.  The _wpmf_gallery_custom_image_link is the field it adds to the PostMeta Table.
+*'''Simple CSS''': This seems to be the only Plugin available that displays a CSS Field in an Image's "admin page" on the Media Tab.  Sadly though, it does nothing at all (IE, enter in your CSS, click Update, and watch it disappear), at least on an Image page)
-=== Other Thoughts ===
+===Other Thoughts===
-* Themes can add addition SRCSET information for "responsive" websites for mobile devices.
+*Themes can add addition SRCSET information for "responsive" websites for mobile devices.
-* Creating custom CSS for Image Classes at the Theme level doesn't work (even if one defines custom CSS for the Class Attribute associated with an Image Element)
+*Creating custom CSS for Image Classes at the Theme level doesn't work (even if one defines custom CSS for the Class Attribute associated with an Image Element)
-* Depending on the theme, additional information is added via META Tags in the Head Section of HTML.
+*Depending on the theme, additional information is added via META Tags in the Head Section of HTML.
-** The OG (Open Graph) META Property labled as "OG:Description" gets information from the Caption.
+**The OG (Open Graph) META Property labled as "OG:Description" gets information from the Caption.
 Each attachment