How to generate dynamic external link? - php

Question

I'm new in php and css.
My goal is to put two icons into main menù of a wordpress site. these icons should point to dynamic external links to my domain.
My header.php code of my theme is:
<div id="flags" style="position:absolute;left:97%;top:10px; width:300px; height:30px; background-color:transparent">
<img src="wp-content/themes/minimable-premium/templates/it-icon-24.png" />
<img src="wp-content/themes/minimable-premium/templates/uk-icon-24.png" />
</div>
I need to take the current URL, replace only a part of that with a string of my choice. For example, into the first url, the string "aaa" with "ccc".
Thus, the icon link to the new address.
I tried to follow this way:
<div id="flags" style="position:absolute;left:97%;top:10px; width:300px; height:30px; background-color:transparent">
<?php
$actual_link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
$strEng = "eng";
$strIta = "ita";
$new_link = str_replace($strEng,$strIta, $actual_link);
?>
<div id="banner" onclick="window.location.href='$new_link'" style="cursor: pointer">
<img src="wp-content/themes/minimable-premium/templates/it-icon-24.png" />
</div>
<img src="wp-content/themes/minimable-premium/templates/uk-icon-24.png" />
</div>
Can you give me advice on how to write the correct code and in which files?

Answer 1

You can't reference array elements directly inside a string the same way you can with normal variables. You'll have to combine the multiple strings with the . operator. See my changes on line 3:
<div id="flags" style="position:absolute;left:97%;top:10px; width:300px; height:30px; background-color:transparent">
<?php
$actual_link = "http://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"];
$strEng = "eng";
$strIta = "ita";
$new_link = str_replace($strEng,$strIta, $actual_link);
?>
<div id="banner" onclick="window.location.href='$new_link'" style="cursor: pointer">
<img src="wp-content/themes/minimable-premium/templates/it-icon-24.png" />
</div>
<img src="wp-content/themes/minimable-premium/templates/uk-icon-24.png" />
</div>

Answer 2

It looks like you are trying to make a translatable site.
What I think you should do is use the large plugin community from WordPress to make your site translatable. (WPML, WordPress MultiLingual is a great one)
If you do want to do it this way, or want to change the uri of the website try it like this:
<style>
#flags {
position:absolute;
left:97%;
top:10px;
width:300px;
height:30px;
background-color:transparent;
}
#flags a {
display: block; /* if you want the link to be a block */
}
</style>
<div id="flags">
<?php
$actual_link = "http://".$_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI];
$strEng = "eng";
$strIta = "ita";
$new_link = str_replace($strEng,$strIta, $actual_link);
?>
<a id="banner" href="<?php echo $new_link; ?>">
<img src="wp-content/themes/minimable-premium/templates/it-icon-24.png" />
</a>
<a href="mydomain.com/bbb/">
<img src="wp-content/themes/minimable-premium/templates/uk-icon-24.png" />
</a>
</div>
Also with the above example, you both forget
Try avoiding inline styles. It works, but if you wanna make a job out of this clients and employers won't like it ;)