Changeset 12385 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/template-parts/photo-single.php

Timestamp:

02/03/2023 06:41:44 AM (2 years ago)

Author:

coffee2code

Message:

Photo Directory: Facilitate photo attribution with copy-to-clipboard functionality for Rich Text, HTML, and plain text suggestions.

Inspired by Openverse's implementation.

Props pollyplummer, Otto42 topher1kenobe, coffee2code.
Fixes #6097.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/template-parts/photo-single.php (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/template-parts/photo-single.php

@@ -89 +89 @@
         </div>
 
+        <div class="attribution">
+            <h3><?php _e( 'Attribution', 'wporg-photos' ); ?></h3>
+            <div class="attribution-label">
+                <?php _e( "Photo attribution is not necessary, but appreciated. If you'd like to give credit to the photographer, feel free to use this text:", 'wporg-photos' ); ?>
+            </div>
+            <div class="attribution-text">
+                <div class="tabs">
+                    <button class="active"><?php _e( 'Rich Text', 'wporg-photos' ); ?></button>
+                    <button><?php _e( 'HTML', 'wporg-photos' ); ?></button>
+                    <button><?php _e( 'Plain text', 'wporg-photos' ); ?></button>
+                </div>
+                <div class="tab tab-rich-text active">
+                <?php printf(
+                    /* translators: 1: URL to CCO license, 2: URL to photo's page, 3: URL to contributor's profile, 4: Contributor's display name, 5: URL to Photo Directory. */
+                    __( '<a href="%1$s">CCO</a> licensed <a href="%2$s">photo</a> by <a href="%3$s">%4$s</a> from the <a href="%5$s">WordPress Photo Directory</a>.', 'wporg-photos' ),
+                    'https://creativecommons.org/share-your-work/public-domain/cc0/',
+                    esc_url( get_the_permalink() ),
+                    esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
+                    esc_html( get_the_author_meta( 'display_name' ) ),
+                    esc_url( home_url( '/' ) )
+                ); ?>
+                </div>
+                <div class="tab tab-html">
+                    <?php printf(
+                        /* translators: 1: URL to CCO license, 2: URL to photo's page, 3: URL to contributor's profile, 4: Contributor's display name, 5: URL to Photo Directory. */
+                        htmlentities( '<p class="attribution">' . __( '<a href="%1$s">CCO</a> licensed <a href="%2$s">photo</a> by <a href="%3$s">%4$s</a> from the <a href="%5$s">WordPress Photo Directory</a>.', 'wporg-photos' ) . '</p>' ),
+                        'https://creativecommons.org/share-your-work/public-domain/cc0/',
+                        esc_url( get_the_permalink() ),
+                        esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
+                        esc_html( get_the_author_meta( 'display_name' ) ),
+                        esc_url( home_url( '/' ) )
+                    ); ?>
+                </div>
+                <div class="tab tab-plain-text">
+                <?php printf(
+                    /* translators: 1: Contributor's display name, 4: URL to photo's page. */
+                    __( 'CCO licensed photo by %1$s from the WordPress Photo Directory: %2$s', 'wporg-photos' ),
+                    esc_html( get_the_author_meta( 'display_name' ) ),
+                    esc_url( get_the_permalink() )
+                ); ?>
+                </div>
+                <button class="attribution-copy"><?php _e( 'Copy to clipboard', 'wporg-photos' ); ?></button>
+            </div>
+        </div>
+
         <div class="photo-license">
             <h3><?php _e( 'License / Usage', 'wporg-photos' ); ?></h3>