Well, I guess you could edit the theme.php and wrap the PHP menu shorttag inside a flex or left/right alignment and that way, add custom links like that. Here's an example using HTML and CSS Flexbox.
HTML:
Code: Select all
<div class="flex-container">
<div class="flex-item-left"><?php wcms menu tag here ?></div>
<div class="flex-item-right">Your Links here</div>
</div>
Code: Select all
.flex-container {
display: flex;
flex-direction: row;
font-size: 30px;
text-align: center;
}
.flex-item-left {
background-color: #fff;
padding: 10px;
flex: 50%;
}
.flex-item-right {
background-color: #fff;
padding: 10px;
flex: 50%;
}
@media (max-width: 600px) {
.flex-container {
flex-direction: column;
}
}
Change the break-point from 600px into whatever you need.
Just remember the security aspects of a link if you care about things like noreferrer etc.
Example:
<a href="
https://google.com" target="_blank">Go To Google</a>
If you need a class, just add class="name-of-my-css-class-here" before the href part. Same if you need to add an ID to the link for the purpose of, for example, scrolling to an existing section on a page/post on your page.
Then just add id="name-of-id" before the href. Just remember that you need to include id=#name-of-id" within the HTML element on your page as well.
Example: you have a text paragraph and you want the visitor to be automatically scrolled to that part, then add the id to the <p> tag like this: <p id="#name-of-id">text etc</p>
Best of luck.