Change string before author in blog article

Hi,
Thanks for your question, we could use javascript to change the “DA” to “DI” and move the line to under the title for Italian language blog posts,
but we will need a link to a sample post to evaluate, please link to a post on your site.
Also do you want the date and the author moved under the title, or just the author?
I assume that you also want this moved in your other language too?

Best regards,
Mike

Hi,
Thanks for the link to your site the following function will move the author link on single posts up to under the title next to the category link and for Italian language posts change the “Da” to “A cura di”, it will also change this for your masonry grid on your /blog/ page.
Add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_author_and_replace_da() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  var moveAuthor = document.querySelector('#top.single-post .post-meta-infos .blog-author.minor-meta');
  var appendtoDiv = document.querySelector('#top.single-post .post-entry .blog-categories.minor-meta');
  var authorBackslash = document.querySelector('#top.single-post .post-meta-infos .text-sep');
  if (!!moveAuthor) {
  var clone = moveAuthor.cloneNode(true);
  appendtoDiv.appendChild(moveAuthor).setAttribute('style','margin-left:10px');
  authorBackslash.setAttribute('style','display:none');
  }
});
(function($){
$('html[lang="it-IT"] #top.single-post .post-meta-infos .blog-author.minor-meta').contents().filter(function() {
  return this.nodeType == 3
}).each(function(){
  this.textContent = this.textContent.replace('da ','A cura di ');
});
$('html[lang="it-IT"] .av-masonry-author.meta-color.author').text(function(index, text) {
    return text.replace('da ', 'A cura di ');
});
})(jQuery);
 </script>
  <?php
}
add_action('wp_footer', 'move_author_and_replace_da');

After applying, please clear your browser cache and check.
Please see the screenshot in the Private Content area for the expected results.

Best regards,
Mike

Hi,
Please remove the above function so I can test and try again.

Best regards,
Mike

Hi,
Thanks for the feedback, since the author link is now in the categories span the hover color gray was the new color, so add this css to make the categories and author hover color blue like it was when it was below:

.html_modern-blog #top.single-post div .main_color .blog-categories a:hover {
	color: #88bbc8;
}

If you don’t want the categories to be blue on hover only the author try this css:

.html_modern-blog #top.single-post div .main_color .blog-categories .author a:hover {
	color: #88bbc8;
}

This is the new script to move the author link and the backslash:

function move_author_and_replace_da() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
var moveAuthor = document.querySelector('#top.single-post .post-meta-infos .blog-author.minor-meta');
var appendtoDiv = document.querySelector('#top.single-post .post-entry .blog-categories.minor-meta');
var authorBackslash = document.querySelector('#top.single-post .post-meta-infos .text-sep');
if (!!moveAuthor) {
appendtoDiv.appendChild(authorBackslash);
appendtoDiv.appendChild(moveAuthor);
}
});

var changeAuthorNode = document.querySelector('html[lang="it-IT"] #top.single-post .post-meta-infos .blog-author.minor-meta');
if (!!changeAuthorNode) {
changeAuthorNode.childNodes[0].replaceWith('A cura di ');
}

var changeMasonryAuthor = document.querySelector('html[lang="it-IT"] .av-masonry-author.meta-color.author');
if (!!changeMasonryAuthor) {
var search = "da ";
var replacement = "A cura di ";
document.body.innerHTML = document.body.innerHTML.split(search).join(replacement)
}
</script>
  <?php
}
add_action('wp_footer', 'move_author_and_replace_da');

please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear, if you are using a Child Theme and the code is in your child theme functions.php then it will work after each update, if it is in your parent theme functions.php and you don’t want to add a Child Theme try using the WPCode plugin and add the code as a “PHP snippet”.
Let us know when you have this working and we will close this thread.

Best regards,
Mike

Hi,

We are happy that Mike could help!

Let us know if you have any other questions and enjoy the rest of your day :)

Regards,
Yigit