wie wird jquerry in wordpress benuzt?

Hallo,

ich habe in meine Statische HTML Seite die Code geschrieben, die auf dem bestimmte Datum eine Popup fenster produziert.

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" media="all" />

<!--Popup Box-->
	<script type="text/javascript">
	var d = new Date();
	var year = d.getFullYear();
	var month = d.getMonth()+1;
	var day = d.getDate();

	if((year==2015) && (month==9) && (day==30))
		{
		$.ui.dialog.prototype.bgiframe = true;
		$(function() {
		  $("#dialog").dialog({width: 600, height:120});
		});
       };

	</script>
	<div id="dialog" title="Box" class="hidden">
		<p align="center">
		<font color='#000000'>
our tlefones will be down at this time
		</p>
	</div>
	<!--Popup Box End-->

wie kann ich das gelich effect im WordPress reproduzieren? wo kann ich die kombinatione Jquery und HTML einfügen. Ist es übethaupt der richtige Weg?

Gruß
GM