keith/Portfolio-2026
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

✨feature: Enhance footer with social media links and styling updates
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Details

Browse Source
This commit is contained in:
Keith Solomon
2026-08-23 16:05:31 -05:00
parent 0613e33411
commit e31ed29962
10 changed files with 299 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/partials/social-media.php
+52 -18
View File
@@ -11,30 +11,64 @@ $args = $args ?? array();
$classes = $args['classes'] ?? '';
$circle = $args['circle'] ?? '';
// Define social media sites and their URLs
$sites = array(
'facebook' => getFieldValue( 'social_media.facebook' ) ? getFieldValue( 'social_media.facebook' ) : '',
'twitter' => getFieldValue( 'social_media.twitter' ) ? getFieldValue( 'social_media.twitter' ) : '',
'pinterest' => getFieldValue( 'social_media.pinterest' ) ? getFieldValue( 'social_media.pinterest' ) : '',
'instagram' => getFieldValue( 'social_media.instagram' ) ? getFieldValue( 'social_media.instagram' ) : '',
'youtube' => getFieldValue( 'social_media.youtube' ) ? getFieldValue( 'social_media.youtube' ) : '',
'linkedin' => getFieldValue( 'social_media.linkedin' ) ? getFieldValue( 'social_media.linkedin' ) : '',
);
// Get social media repeater data
$social_media_items = get_field( 'social_media', 'option' );
// Add circle class if the circle option is enabled
if ( $circle ) {
$classes .= ' circular-icon';
}
// Loop through the social media sites and output links
foreach ( $sites as $name => $url ) {
if ( $url ) {
?>
<a href="<?php echo esc_url( $url ); ?>" class="<?php echo esc_attr( $classes ); ?>">
<?php get_template_part( 'views/icons/' . $name ); ?>
<span class="sr-only bg-white text-black">Visit our <?php echo esc_html( $name ); ?> page</span>
</a>
<?php
/**
* Detect social media service from URL
*
* @param string $url The social media URL.
* @return string The service name
*/
function detect_social_service( $url ) {
$domain = wp_parse_url( $url, PHP_URL_HOST );
$domain = strtolower( $domain );
// Define domain patterns for each service
$services = array(
'facebook' => array( 'facebook.com', 'fb.com' ),
'instagram' => array( 'instagram.com' ),
'twitter' => array( 'twitter.com', 'x.com' ),
'linkedin' => array( 'linkedin.com' ),
'github' => array( 'github.com' ),
'youtube' => array( 'youtube.com', 'youtu.be' ),
'pinterest' => array( 'pinterest.com' ),
'gitea' => array( 'gitea.com', 'keithsolomon.net', 'codeberg.org' ),
);
foreach ( $services as $service => $domains ) {
foreach ( $domains as $service_domain ) {
if ( strpos( $domain, $service_domain ) !== false ) {
return $service;
}
}
}
return '';
}
// Loop through the social media repeater items and output links
if ( $social_media_items && is_array( $social_media_items ) ) {
foreach ( $social_media_items as $item ) {
$url = $item['url'] ?? '';
if ( $url ) {
$service = detect_social_service( $url );
if ( $service ) {
?>
<a href="<?php echo esc_url( $url ); ?>" class="<?php echo esc_attr( $classes ); ?>">
<?php get_template_part( 'views/icons/' . $service ); ?>
<span class="sr-only bg-white text-black">Visit my <?php echo esc_html( $service ); ?> page</span>
</a>
<?php
}
}
}
}
?>