Home › Forums › General Issues › URL field into button
Hi,
I have created an url field to be displayed into buttons with the code below :
<div>
<a class="wp-block-button__link" href="<?php the_field( 'vibe_url' ); ?>"><?php the_field( 'vibe_url' ); ?></a>
</div>
As you can see my goal is to display the url as a link but also as the button text. But having button text with “http” doesn’t looks great. Is there a work around to remove the http (or https) without creating two fields (one for the url and another for the text button) ?
Thanks by advance,
Jeremy
Hi!
I think you can use this
$url = parse_url( get_field( 'vibe_url') );
$btn_url = $url['host'] . $url['path'];
Hi celestial,
Thanks for your help !
I’ve tried your proposition and the text into the button is correctly displayed but the url return https://domain-name.com/vibes/Array
for every button I’ve created.
I’m using these buttons into a custom query :
<?php
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) :
?>
<?php
while ( $the_query->have_posts() ) : $the_query->the_post();
$url = parse_url( get_field( 'vibe_url', get_the_ID()) );
$btn_url = $url['host'] . $url['path'];
?>
<a class="wp-block-button__link" href="<?php echo $url; ?>"><?php echo $btn_url; ?></a>
<?php endwhile; ?>
<?php endif;?>
so I’ve guessed it could be a scoping issue but adding get_the_ID()
in second parameter doesn’t help 🙁
What do you think?
Thanks again,
J
Hi, Jeremy!
You don’t need to use an ID because you are using a loop and get the current post every time.
But you need to change the value of the href attribute like this
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) :
while ( $the_query->have_posts() ) : $the_query->the_post();
$url = parse_url( get_field( 'vibe_url') );
$btn_url = $url['host'] . $url['path'];
?>
<a class="wp-block-button__link" href="<?php the_field('vibe_url'); ?>"><?php echo $btn_url; ?></a>
<?php endwhile; ?>
<?php endif;
wp_reset_postdata(); // reset query
And don’t forget reset your query to avoid errors in future queries.
Let me know if it works correctly or not.
It works lke a charm !
And don’t forget reset your query to avoid errors in future queries.
Indeed !
Thank you so much for your time celestial.
You must be logged in to reply to this topic.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
Accordions are a great way to group related information while allowing users to interactively show and hide content. In this video, Damon Cook goes in-depth on how to create an accessible accordion block using ACF PRO’s Repeater field.https://t.co/RXT0g25akN
— Advanced Custom Fields (@wp_acf) March 2, 2023
© 2023 Advanced Custom Fields.
We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.