如何在wordpress网站的部分添加必要的代码才能显示FullCalendar?

时间:2014-12-12 07:00:15

标签: fullcalendar

我似乎无法将日历显示在我网站的任何位置。说明说在某处添加代码,但我不太熟悉CSS或Javascript。到目前为止,我的网站部分(header.php)看起来像这样:

<head>
<link rel='stylesheet' href='fullcalendar/fullcalendar.css' />
<script src='lib/jquery.min.js'></script>
<script src='lib/moment.min.js'></script>
<script src='fullcalendar/fullcalendar.js'></script>
<?php  cryout_meta_hook(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
cryout_header_hook();
wp_head(); ?>
<script $(document).ready(function() {
$('#calendar').fullCalendar({
})
});></script>
</head>

1 个答案:

答案 0 :(得分:0)

我很遗憾直到现在才看到你的问题!! 好的,你的道路不行。你上传FullCalendar文件的地方?此功能将您带到wordpress主题的文件夹:<?php bloginfo('template_directory'); ?> 你可以试试这个(在&#34;你的路径&#34;中插入正确的路径)?

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/yourpath/fullcalendar.css">
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/yourpath/lib/moment.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/yourpath/lib/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/yourpath/fullcalendar.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/yourpath/fullcalendar/gcal.js"></script>

<script type='text/javascript'>
    $(document).ready(function() {
      $('#calendar').fullCalendar({
   })
 });
</script> 

如果您在另一个路径(不在Wordpress主题文件夹中)中有fullcalendar文件,则此代码将无效。

来自巴塞罗那的问候!!