LibreCAD | NAML^alpha | change_title_and_meta_tags

change_title_and_meta_tags

Usages of this macro

<override_macro name="change_title_and_meta_tags" requires="servlet">
	<n.node_page.>
		<n.if.not.visitor.is_site_admin>
			<then>
				<n.login.><t>Only authorized users can proceed in this area.</t></n.login.>
			</then>
		</n.if.not.visitor.is_site_admin>

<n.if.is_submitted_form>
			<then>
				<n.if.has_custom_values_field.is_checked>
					<then>
						<n.page_node.set_property name="page_title" value="[n.page_title_field.value/]"/>
						<n.page_node.set_property name="page_meta_description" value="[n.page_meta_description_field.value/]"/>
					</then>
					<else>
						<n.page_node.delete_property name="page_title"/>
						<n.page_node.delete_property name="page_meta_description"/>
					</else>
				</n.if.has_custom_values_field.is_checked>
				<n.redirect_to.page_node.path/>
			</then>
			<else>
				<n.has_custom_values_field.set_value value="[n.page_node.has_custom_meta_tags/]"/>
				<n.page_title_field.set_value.property_default property="page_title" default="[n.page_node.default_title_contents/]"/>
				<n.page_meta_description_field.set_value.property_default property="page_meta_description" default="[n.page_node.default_meta_description/]"/>
			</else>
		</n.if.is_submitted_form>
		<n.html>
			<head>
				<meta name="robots" content="noindex,nofollow"/>
				<n.title.><t>Change title and meta tags</t></n.title.>
				<style type="text/css">
					textarea {
						margin:.4em 0 2em;
						width:40em;
						height:3em;
					}
				</style>
				<script type="text/javascript">
					var txt_counter = '<t>Current length: <t.number>#1</t.number> characters</t>';
					function updateCounters(){
						$('textarea').each(function() {
							var $textarea = $(this);
							$textarea.prev().html(txt_counter.replace(/#1/, $textarea.val().length));
						});
					};

<div style="margin:1em 0 0 3em">
						<div class="big-title second-font"><t>Page Title</t></div>
						<div class="weak-color"><t>Enter a context-rich title that clearly identifies this page.</t></div>
						<div class="weak-color"><t>The title should ideally be less than 70 characters in length.</t></div>
						<div class="weak-color"></div>
						<n.page_title_field.textarea maxlength="100"/>

<div class="big-title second-font"><t>Meta Description</t></div>
						<div class="weak-color"><t>Enter a brief and concise summary of your page's content.</t></div>
						<div class="weak-color"><t>Limit your description to 155 characters or 170 characters at most.</t></div>
						<div class="weak-color"></div>
						<n.page_meta_description_field.textarea maxlength="250"/>
					</div>

<div>
						<input type="submit" class="toolbar action-button" value="[t]Save Changes[/t]" />
						<t>or</t> <a href="[n.page_node.path/]"><t>Cancel</t></a>
					</div>
				</n.form.>
			</body>
		</n.html>
	</n.node_page.>
</override_macro>

...

in change_title_and_meta_tags.naml

100

<n.node_page.>

<n.if.not.visitor.is_site_admin>

<then>

<n.login.><t>Only authorized users can proceed in this area.</t></n.login.>

</then>

</n.if.not.visitor.is_site_admin>

<n.if.is_submitted_form>

<then>

<n.if.has_custom_values_field.is_checked>

<then>

<n.page_node.set_property name="page_title" value="[n.page_title_field.value/]"/>

<n.page_node.set_property name="page_meta_description" value="[n.page_meta_description_field.value/]"/>

</then>

<else>

<n.page_node.delete_property name="page_title"/>

<n.page_node.delete_property name="page_meta_description"/>

</else>

</n.if.has_custom_values_field.is_checked>

<n.redirect_to.page_node.path/>

</then>

<else>

<n.has_custom_values_field.set_value value="[n.page_node.has_custom_meta_tags/]"/>

<n.page_title_field.set_value.property_default property="page_title" default="[n.page_node.default_title_contents/]"/>

<n.page_meta_description_field.set_value.property_default property="page_meta_description" default="[n.page_node.default_meta_description/]"/>

</else>

</n.if.is_submitted_form>

<n.html>

<head>

<n.title.><t>Change title and meta tags</t></n.title.>

textarea {

margin:.4em 0 2em;

width:40em;

height:3em;

}

</style>

var txt_counter = '<t>Current length: <t.number>#1</t.number> characters</t>';

function updateCounters(){

$('textarea').each(function() {

var $textarea = $(this);

$textarea.prev().html(txt_counter.replace(/#1/, $textarea.val().length));

});

};

function enableFields() {

var checked = $('#has_custom_values').is(':checked');

var $fields = $('#page_title,#page_meta_description');

if (checked) {

$('textarea').keyup(updateCounters);

$fields.removeAttr('disabled');

$fields.eq(0).focus();

} else

$fields.attr('disabled', true);

};

$(document).ready(function() {

enableFields();

updateCounters();

$('#has_custom_values').click(enableFields);

});

</script>

</head>

<body>

<n.edit_header first_text="[n.page_node.subject/]" second_text="[t]Change title and meta tags[/t]" />

<t>Here you can customize the title and meta tags of the <t.location><i><n.page_node.subject/></i></t.location> page.</t>

<t>The meta information below can help you optimize this page for search engines (e.g., google, yahoo!, etc.).</t>

</div>

<n.form.>

<n.has_custom_values_field.checkbox />

<label for="[n.has_custom_values_field.name/]" class="big-title second-font"><t>Use custom values</t></label><br/>

</div>

<div class="big-title second-font"><t>Page Title</t></div>

<div class="weak-color"><t>Enter a context-rich title that clearly identifies this page.</t></div>

<div class="weak-color"><t>The title should ideally be less than 70 characters in length.</t></div>

<n.page_title_field.textarea maxlength="100"/>

<div class="big-title second-font"><t>Meta Description</t></div>

<div class="weak-color"><t>Enter a brief and concise summary of your page's content.</t></div>

<div class="weak-color"><t>Limit your description to 155 characters or 170 characters at most.</t></div>

<n.page_meta_description_field.textarea maxlength="250"/>

</div>

<div>

<t>or</t> <a href="[n.page_node.path/]"><t>Cancel</t></a>

</div>

</n.form.>

</body>

</n.html>

</n.node_page.>

</macro>

Email	Example: johnsmith@domain.com
Password
	Forgot your password?