[wp-meta] [Making WordPress.org] #2359: Support Theme: Convert "[Resolved]" to a checkmark

[Making WordPress.org]

#2359: Support Theme: Convert "[Resolved]" to a checkmark
----------------------------+--------------------------
 Reporter:  lukecavanagh    |       Owner:  coffee2code
     Type:  enhancement     |      Status:  closed
 Priority:  normal          |   Milestone:
Component:  Support Forums  |  Resolution:  fixed
 Keywords:                  |
----------------------------+--------------------------

Comment (by ommyerman):

 To convert "[Resolved]" to a checkmark in a support theme, you'll need to
 modify the theme's code. This can typically be done by customizing the
 theme's template files, specifically the files responsible for rendering
 support forum posts. Here's a general guide on how to do this:

 Backup Your Site: Before making any changes to your theme's code, it's
 crucial to back up your website or create a child theme if you're not
 already using one. This will prevent any accidental data loss or issues if
 something goes wrong.

 Locate the Template File: Find the template file responsible for
 displaying support forum posts. This can vary depending on the theme
 you're using, but it's often something like single.php, content.php, or
 archive.php. You may need to navigate through your theme's directory
 structure to find it.

 Add Code to Replace "[Resolved]" with a Checkmark: Inside the template
 file, you'll need to locate the part of the code that displays the support
 post's title or status. Once you find it, you can replace "[Resolved]"
 with an HTML entity for a checkmark or an actual checkmark icon using CSS
 classes. Here's an example of what you can do:

 {{{#!php
 <?php
 <?php
 // Check if the post title contains "[Resolved]"
 $post_title = get_the_title();
 if (strpos($post_title, '[Resolved]') !== false) {
     // Replace "[Resolved]" with a checkmark
     $post_title = str_replace('[Resolved]', '<span class="resolved-
 checkmark">✓</span>', $post_title);
 }
 ?>
 <h2 class="post-title"><?php echo $post_title; ?></h2>

 }}}

 Style the Checkmark: In your theme's CSS, you can define the style for the
 checkmark. For example:

 {{{
 /* Add this CSS to your theme's stylesheet */
 .resolved-checkmark {
     color: green; /* You can change the color to your preference */
     font-size: 20px; /* Adjust the size as needed */
     margin-left: 5px; /* Add some spacing to the left of the checkmark */
 }

 }}}

 Save and Test: After making these changes, save the template file and
 refresh your support page to see if the "[Resolved]" text is replaced with
 a checkmark as intended.

 Adjust as Needed: Depending on your specific theme and requirements, you
 might need to adjust the code and styling to fit your design and
 preferences.

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/2359#comment:21>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org