nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to change HTML page title per page?

ResearchGate

Hi,

I know that the HTML title is defined in the Main Layout decorator. Below is the definition from the default template.<br>

#if ($sitemeshPage.getProperty("page.spacename"))
  &lt;title&gt;$title - $sitemeshPage.getProperty("page.spacename") - #siteTitle()&lt;/title&gt;
#else
  &lt;title&gt;$title - #siteTitle()&lt;/title&gt;
#end

But I am looking for an easy way to change the HTML title per page. Ideally, a user could do it when editing a page.

Any ideas or recommendations of add-ons?

Accepted answers

Aleš Laňar1

You can create it as User Macro with parameter for page title. Then user can insert macro to page and change it.

## @param Title:title=Title|type=string|desc=Title
&lt;script type="text/javascript"&gt;
	document.title = "$!paramTitle";
&lt;/script&gt;

I hope this will work smile I didnt test it but it should work wink

All comments

Aleš Laňar1

You can create it as User Macro with parameter for page title. Then user can insert macro to page and change it.

## @param Title:title=Title|type=string|desc=Title
&lt;script type="text/javascript"&gt;
	document.title = "$!paramTitle";
&lt;/script&gt;

I hope this will work smile I didnt test it but it should work wink

ResearchGate

I tried to add a UserMacro that has a param holding the HTML title, then I extented the if clause above to test whether the param is defined and set the title accordingly. It is not working. It looks like the param is not (yet) defined when it renders the HTML header section. Can you maybe provide a working example?

Davin Studer

You would probably want to put the user macro on the page, not in the decorator. The user macro could have a user defined parameter and then just take what the user puts in and change the html title via javascript.

Aleš Laňar1

Look at edit. Just add it like another macro If you want to use it with Title text in body, delete param and to the script put $body

Felix Grund (Scandio)

If you don't want to mangle with a mixture of Velocity and JavaScript code, you could do it with JavaScript only (in global HTML, as a user macro or in a plugin):

(function($) {
	
	function getHtmlTitle(pageTitle) {
		return pageTitle; // or do some logic here
	}
	document.title = getHtmlTitle(AJS.params.pageTitle);

}(jQuery))