Поддержка Проблемы и решения Установить скрипт на WordPress

  • Решено abiturient

    (@abiturient)


    Здравствуйте. Нашёл в инете скрипт разворачивающейся панели, доработал HTML и CSS. В Notepad++ всё работает OK.

    Вот код:

    <!DOCTYPE html>
    <html lang="ru">
        <head>
            <meta charset="utf-8" />
      	<title>Выезжающая панель</title>
    	<script>
    <script type="text/javascript" src="js/jquery-1.7.min.js"></script>
    <script>
    $(document).ready(function() {
    	$("#open").click(function(){
    		$("div#panel").slideDown("slow");	
    	});		
    	$("#close").click(function(){
    		$("div#panel").slideUp("slow");	
    	});			
    	$("#toggle a").click(function () {
    		$("#toggle a").toggle();
    	});				
    });
    </script>
    
    <style>
    #panel {
    	width: 100%;
    	box-shadow: 0 2px 4px #000000;
    	height: 470px;	
    	overflow: hidden;
    	position: relative;
    	z-index: 3;
    	display: none;
    }
    .tab {
        border-top: 2px solid #555555;
    	height: 42px;
    	position: relative;
        top: 0;
        z-index: 999;
    }
    .tab ul.login {
    	display: block;
    	position: relative;
      	float: right;
      	clear: right;
      	height: 42px;
    	width: auto;
      	font-weight: bold;
    	line-height: 42px;
    	margin: -2px 0 0;
    	right: 283px;
      	font-size: 80%;
    }
    .tab ul.login li  {
     	text-align: left;
      	padding: 0 6px;
    	display: block;
    	float: left;
    	height: 42px;
    }
    .tab .sep {
    	border: 2px solid #555555;
    }
    .tab ul.login li#toggle {
        background: ;
        border: 1px solid #555555;
        display: block;
        height: 42px;
        padding: 0 6px;
        text-decoration: none;
    }
    .tab a.open {
    	height: 20px;
    	line-height: 20px !important;
        cursor: pointer;
    	display: block;
    	width: 60px;
    	position: relative;
    	top: 11px;
    }
    .tab a.close{
        height: 20px;
    	line-height: 20px !important;
        cursor: pointer;
    	display: block;
    	width: 60px;
    	position: relative;
    	top: 11px;   
    }
    </style>
    
    </head>
    
    <body>
    
    	<div id="panel">
    		<div class="content clearfix">          
    		</div>
    	</div>	
    
    	<div class="tab">
    		<ul class="login">
    
    	        <li class="welcome"></li>			
    			<li id="toggle">
    				<a id="open" class="open" href="#">Открыть</a>
    				<a id="close" style="display: none;" class="close" href="#">Закрыть</a>			
    			</li>
    		</ul> 
    	</div> 	
         
    Test				                             
    </body>
    </html>

    Если можно подскажите:

    1. Как прикрутить скрипт к WordPress. В файлах шаблона я ориентируюсь.
    2. В админке WP уже есть такая опция. Вкладки Настройки экрана и Помощь. Мне нужно такое же на лице сайта. Отсюда вопрос: нужно ли грузить jquery-1.7.min, и если да, то куда.
    Или есть вообще более оптимальное и простое решение. Я нашёл код вкладок в исходниках, но лезть в него боюсь — только начинаю ориентироваться в PHP и Jvascript.

    Заранее благодарен за ответ.

    • Тема изменена 7 лет, 1 месяц назад пользователем abiturient. Причина: Орфографическая ошибка
Просмотр 8 ответов — с 1 по 8 (всего 8)
  • а в чем проблема то?
    скрипт в footer.php, заменить $() на jQuery().
    сам jQuery подрубать кодом в functions.php темы:

    
    function my_files() {
        if(!wp_script_is('jquery')) {wp_enqueue_script('jquery');}
    }
    add_action('wp_enqueue_scripts', 'my_files');
    

    Здрасте. Спасибо! проблема только во мне — чайник. Учусь у дедушки Гугла. Сленгом не владею пока. Зато начитался про конфликт библиотек. И испытал что значит хоть один символ не туда поставить.

    Вот «подрубать кодом» — это как?
    HTML тоже в footer?

    Если можно, чуть поподробнее. Вы ж для меня как боги. Каждое слово — глас божий.

    css в style.css темы, js-код в footer.php, html-код в нужный шаблон темы (в header.php?). jquery подключать кодом ровно так, как я сказал.

    Anonymous User 14379775

    (@anonymized-14379775)

    рекомендую к прочтению)
    https://web2033.com/adding-jquery-scripts-wp/

    Спасибо. Сейчас начну экспериментировать.
    Извините что задержал с ответом. Переводил сайт на https. Тоже не просто. Для меня.

    Подрубить — значит подключить. Бум знать.

    Отпишу как получится.

    • Ответ изменён 7 лет, 1 месяц назад пользователем abiturient.
    Автор abiturient

    (@abiturient)

    Блин. Ни фига не получается. Доэксперименировался — пришлось из резервной копии восстанавливать.

    За деньги сколько будет стоить? Хоть посмотрю в чём не догоняю.

    Модератор Yui

    (@fierevere)

    永子

    Автор abiturient

    (@abiturient)

    Понял.

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Установить скрипт на WordPress» закрыта для новых ответов.