Creating a post with Image metadata (again)

  • Resolved paulo.tebet

    (@paulotebet)


    7 years, 9 months ago

    Hi David, I hope you are doing well. Here I am, on this same topic, some years latter….

    This time, following all the instructions from my previous post and avoid my mistakes. So here is what I have:

    1.) I do have a couple of images with att-tags = shoot1

    2.) This is my Custom [mla_gallery] Style Template called ptp-post:

    <style type='text/css'>
	#[+selector+] {
		margin: auto;
		width: 100%;
	}
	#[+selector+] .gallery-item {
		float: [+float+];
		margin: [+margin+];
		text-align: left;
		width: [+itemwidth+];
	}
	#[+selector+] .gallery-item .gallery-icon img {
		border: 2px solid #cfcfcf;
	}
	#[+selector+] .gallery-caption {
		margin-left: 0;
		vertical-align: top;
	}
	#[+selector+] .gallery-description {
		text-align: left;
		display: block;
		margin: 9px 0 5px;
		padding: 0 5%;
		font-size: 10px;
		line-height: 1.2;
		text-transform: uppercase;
		text-alignment: left
	}
	/* see mla_gallery_shortcode() in media-library-assistant/includes/class-mla-shortcodes.php */
</style>

    3.) This is my Custom [mla-galery] Markup Template called ptp-post

    This time I did include all the five sections:

    Open:

    <div id='[+selector+]' class='gallery galleryid-[+id+] gallery-columns-[+columns+] gallery-size-[+size_class+]'>

    Row Open:

    <!-- row-open -->

    Item:

    <[+itemtag+] class='gallery-item [+last_in_row+]'>
	<[+icontag+] class='gallery-icon [+orientation+]'>
		[+link+]
	</[+icontag+]>
	[+captiontag_content+]
	<div class="gallery-description">[+description+]</div>
</[+itemtag+]>

    Row Close:

    <br style="clear: both" />

    Close:

    </div>

    And finally this the shortcode I am using in a post:

    [mla_gallery tag=shoot1 size=full columns=1 mla_markup=ptp-post mla_style=ptp-post]

    Please, check this live url:

    http://www.cabudio.com.br/diversos/mla-post-test-shoot1/

    Something is being generated, because I can see the next and previous arrow, but I can´t see any part of the images….

    I´ve tried in Twenty Fourteen theme and nothing came out, I am using Fotography Lite Theme.

    Regards,

    https://wordpress.org/plugins/media-library-assistant/

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter paulo.tebet

    (@paulotebet)

    7 years, 9 months ago

    BTW those are the active plugins:

    AccessPress Instagram Feed
Deactivate | Edit
A plugin to add various instagram widgets with dynamic configuration options.
Version 2.1.5 | By AccessPress Themes | View details

AccessPress Social Icons
Deactivate | Edit
A plugin to add social icons in your site wherever you want dynamically with handful of configurable settings.
Version 1.5.5 | By AccessPress Themes | View details

AccessPress Twitter Feed
Deactivate | Edit
A plugin to show your twitter feed in your site with various configurable settings
Version 1.4.6 | By AccessPress Themes | View details

Black Studio TinyMCE Widget
Deactivate | Edit
Adds a new "Visual Editor" widget type based on the native WordPress TinyMCE editor.
Version 2.2.10 | By Black Studio | View details | Home | FAQ | Support | 

Booking Calendar
What's New | Settings | Deactivate | Edit
Online reservation and availability checking service for your site.
Version 6.2 | By wpdevelop | View details

Category Sticky Post
Deactivate | Edit
Mark a post to be placed at the top of a specified category archive. It's sticky posts specifically for categories.
Version 2.9.0 | By Tom McFarlin | View details

Contact Form 7
Settings | Deactivate | Edit
Just another contact form plugin. Simple but flexible.
Version 4.4.2 | By Takayuki Miyoshi | View details

Dynamic Widgets
Settings | Deactivate | Edit
Dynamic Widgets gives you full control on which pages your widgets will appear. It lets you dynamicly show or hide widgets on WordPress pages.
Version 1.5.11 | By Qurl | View details

Easy Google Fonts
Settings | Deactivate | Edit
A simple and easy way to add google fonts to your WordPress theme.
Version 1.4.1 | By Titanium Themes | View details

Easy WP SMTP
Settings | Deactivate | Edit
Send email via SMTP from your WordPress Blog
Version 1.2.3 | By wpecommerce | View details | Settings

Limit Login Attempts
Deactivate | Edit
Limit rate of login attempts, including by way of cookies, for each IP.
Version 1.7.1 | By Johan Eenfeldt | View details

List category posts
Deactivate | Edit
List Category Posts allows you to list posts by category in a post/page using the [catlist] shortcode. This shortcode accepts a category name or id, the order in which you want the posts to display, the number of posts to display and many more parameters. You can use [catlist] as many times as needed with different arguments. Usage: [catlist argument1=value1 argument2=value2].
Version 0.69 | By Fernando Briano | View details | How to use | Donate | 

MCE Table Buttons
Deactivate | Edit
Add controls for table editing to the visual content editor with this light weight plug-in.
Version 3.2 | By Jake Goldman, 10up, Oomph | View details

Media Library Assistant
Settings | Deactivate | Edit
Enhances the Media Library; powerful [mla_gallery], taxonomy support, IPTC/EXIF processing, bulk & quick edit actions and where-used reporting.
Version 2.31 | By David Lingren, Fair Trade Judaica | View details

Newsletter
Deactivate | Edit
Newsletter is a cool plugin to create your own subscriber list, to send newsletters, to build your business. Before update give a look to this page to know what's changed.
Version 4.5.6 | By Stefano Lissa & The Newsletter Team | View details

Recent Posts Widget Extended
Deactivate | Edit
Enables advanced widget that gives you total control over the output of your site’s most recent Posts.
Version 0.9.9.6 | By Satrya | View details

Reveal IDs
Deactivate | Edit
Reveals hidden IDs in Admin interface that have been removed with WordPress 2.5 (formerly known as Entry IDs in Manage Posts/Pages View for WP 2.5). See options page for information.
Version 1.4.6.2 | By Oliver Schlöbe | View details

Social Share WordPress Plugin - AccessPress Social Share
Deactivate | Edit
A plugin to add various social media shares to a site with dynamic configuration options.
Version 4.1.3 | By AccessPress Themes | View details

Swifty Page Manager
Deactivate | Edit
Easily create, move and delete pages. Manage page settings.
Version 3.0.0 | By SwiftyOnline | View details

W3 Total Cache
Settings | Deactivate | Edit
The highest rated and most complete WordPress performance plugin. Dramatically improve the speed and user experience of your site. Add browser, page, object and database caching as well as minify and content delivery network (CDN) to WordPress.
Version 0.9.4.1 | By Frederick Townes | View details

Wordfence Security
Deactivate | Edit
Wordfence Security - Anti-virus, Firewall and High Speed Cache
Version 6.1.10 | By Wordfence | View details

Wordpress Flash Uploader
Settings | Deactivate | Edit
The WordPress Flash Uploader does contain 2 plugins: 'WordPress Flash Uploader' and 'Sync Media Library'. The WordPress Flash Uploader is a flash uploader that replaces the existing flash uploader and let you manage your whole WP installation. You can also include the flash to your site and enable your users to upload/manage files based on user names, groups or roles. 'Sync Media Library' is a plugin which allows you to synchronize the WordPress database with your upload folder. You can upload by WFU, FTP or whatever and import this files to the Media Library.
Version 3.3.2 | By Michael Dempfle | View details

WP Original Media Path
Settings | Deactivate | Edit
Restore the fields to change the url and file upload | FAQ | How to Configure
Version 1.5.1 | By RVOLA | View details

Yoast SEO
FAQ | Premium Support | Settings | Deactivate | Edit
The first true all-in-one SEO solution for WordPress, including on-page content analysis, XML sitemaps and much more.
Version 3.3.4 | By Team Yoast | View details

YouTube
Deactivate | Edit
YouTube embed plugin. Embed a responsive YouTube video, playlist gallery, or channel gallery. Add video thumbnails, analytics, SEO, caching...
Version 11.2 | By EmbedPlus Team | View details
    Thread Starter paulo.tebet

    (@paulotebet)

    7 years, 9 months ago

    I´ve just tested with all the plugins listed above deactivated but, still no image shown.

    Regards

    Thread Starter paulo.tebet

    (@paulotebet)

    7 years, 9 months ago

    Hold on…

    I´ve just created a regular post with a bunch of images (not using MLA) and I am getting the same result….

    Regular Image Post

    I will update this, when I get a regular post with images to show….

    Thread Starter paulo.tebet

    (@paulotebet)

    7 years, 9 months ago

    I am now being able to post with image normally as can be seen at

    Post with Images

    But still can get the MLA shortcode to produce any images in the post.

    [mla_gallery tag=shoot1 size=full columns=1 mla_markup=ptp-post mla_style=ptp-post]

    The MLA shortcode above links to the page using it.

    Any ideas?

    Regards,

    Plugin Author David Lingren

    (@dglingren)

    7 years, 9 months ago

    Good to hear from you again, and thanks for your posts with all the details about your issue.

    In your first post you wrote “I do have a couple of images with att-tags = shoot1“, but your shortcode contains tag=shoot1. I checked your site and found that shoot1 does not exist in the “tags” taxonomy, but it does exist in the “attachment_tags” taxonomy.

    Try changing your shortcode to:

    [mla_gallery attachment_tag=shoot1 size=full columns=1 mla_markup=ptp-post mla_style=ptp-post]

    I am marking this topic resolved, but please update it if the above suggestion does not solve your problem.

    Thread Starter paulo.tebet

    (@paulotebet)

    7 years, 9 months ago

    Hi David, thanks a lot for the answer. My bad!!

    Now the gallery is working and generating the images with the captions and descriptions, http://www.cabudio.com.br/diversos/mla-post-test-shoot1/ but I am facing a new issue:

    1-) Neither Caption or Description is being “word wrapping”. They are all in one single line

    2-) Caption is too far from the image.

    3-) Description is too far from the Caption

    4-) How can I control the fonts used by Caption and Description? I am using Google Fonts for the copy on my theme. Can I use them with MLA ?

    Regards,

    Paulo

    Thread Starter paulo.tebet

    (@paulotebet)

    7 years, 9 months ago

    Now I am only getting the description. The caption has gone!

    Regards,

    Paulo

    Plugin Author David Lingren

    (@dglingren)

    7 years, 9 months ago

    Paulo,

    Thanks for your patience in awaiting my response. I am traveling and don’t have access to my usual system.

    I had a look at the HTML source for the page you posted a link to (thanks). I see that you’re using custom style and markup templates.

    As you have probably discovered, you can use custom templates to change any part of the gallery display. Without seeing the template source code it is not possible to say what is causing the issues you’re having, but they come from the HTML and CSS styles you are using in the template or in your theme, not from MLA itself. I also see a reference to “prettyPhoto” which I assume is a lightbox plugin or something similar. Often these plugins alter the HTML content of image tags to suit their own needs.

    If you can post your template source I will have a look.

    Thread Starter paulo.tebet

    (@paulotebet)

    7 years, 9 months ago

    Hi David, thanks for answering.

    Maybe we can go a different route. From my research it looks like mla can generate just a list of IDs that can be used by WordPress regular [gallery] shortcode.

    If this is the case, how can I get a sorted IDs, based on the real image filename?

    Somehow, my images IDs don´t reflect the timestamp of my images creation, but my filenames does.

    My images names are like :

    pt-2016-07-09-17-47-38-SUD-Festa-Julina-Vila-Sonia

    Where the bold part is yyyy-mm-dd-hh-mm-ss so if I could get a list of IDs, sorted by my real filenames, I could pass this to my gallery code.

    [gallery columns="4" ids="1712,1713,1714,1715,1716,1717,1718,1719,1720,1721,1722,1723,1724,1725,1726,1727,1728,1729,1730,1731,1732,1733,1734,1735,1736,1737,1738,1739,1740,1741,1742,1743,1744,1745,1746,1747,1748,1749,1750,1751,1752,1753,1754,1755,1756,1757,1758,1759,1760,1761,1762,1763,1764,1765,1766,1767,1768,1769,1770,1771,1772,1773,1774,1775,1776,1777,1778,1779,1780,1781,1782,1783,1784,1785,1786,1787,1788,1789,1790,1791,1792,1793,1794,1795,1796,1797,1798,1799,1800,1801,1802,1803,1804,1805,1806,1807,1808,1809,1810,1811,1812,1813,1814,1815,1816,1817,1818,1819,1820,1821,1822,1823,1824,1825,1826,1827,1828,1829,1830,1831,1832,1833,1834,1835,1836,1837,1838,1839,1840,1841,1842,1843,1844,1845,1846,1847,1848,1849,1850,1851,1852,1853,1854,1855,1856,1857,1858,1859,1860,1861,1862,1863,1864,1865,1866,1867,1868,1869,1870,1871,1872,1873,1874,1875,1876,1877,1878,1879,1880,1881,1882,1883,1884,1885,1886,1887,1888,1889,1890,1891,1892,1893,1894,1895,1896,1897,1898,1899,1900,1901,1902,1903,1904,1905,1906,1907,1908,1909,1910,1911,1912,1913,1914,1915,1916,1917,1918,1919,1920,1921,1922,1923,1924,1925,1926,1927,1928,1929,1930,1931,1932,1933,1934,1935,1936,1937,1938,1939,1940,1941,1942,1943,1944,1945,1946,1947,1948,1949,1950,1951,1952,1953"]

    Even though I managed to get all my IDs in ascending order the result of the images weren´t chronological….

    How can I accomplish this? Can it be done?

    Regards.

    Plugin Author David Lingren

    (@dglingren)

    7 years, 9 months ago

    Thanks for the update and for the investigation work you’ve done.

    As you discovered, the mla_alt_shortcode parameter lets you use MLA for selecting the items in your gallery and then hand off control to [gallery] or another shortcode to format and display the results.

    You have also discovered that the ID values simply reflect the order in which the images are uploaded, not anything about when they were taken. There are often other ways to recover the “date taken” from IPTC or EXIF metadata in the image files. In your case the file name can also be used. In any case the first step is to create a WordPress custom field that contains the date information. Once that’s done you can build a query and/or sort order based on the custom field value.

    You can add a rule to the Settings/Media Library Assistant Custom Fields tab to map the file name or a metadata field to a custom field. It’s worth a try to get a “real” date value in the field before resorting to the file name; would that be of interest? Are the images in your example page typical; can I look at them to see what metadata is available?

    Let me know how you’d like to proceed.

    Thread Starter paulo.tebet

    (@paulotebet)

    7 years, 9 months ago

    Thanks a lot David.

    I would love to be able to have the real date and time the picture was taken so I can order them by this value. You can take a look at this post where I manually change all the IDs (thanks to MLA I could sort them in Library based on the filename) to get them properly displayed.

    You can inspect them to see the metadata available. If you need something else, please just let me know.

    Regards,

    Plugin Author David Lingren

    (@dglingren)

    7 years, 9 months ago

    Thanks for the update and or your patience while I was traveling. I had a look at the post you linked to but all the image links are broken. Perhaps you are working on the site.

    Let me know when the images become available and I will investigate your images for metadata. Thanks!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Creating a post with Image metadata (again)’ is closed to new replies.