Не все из новичков разбираются в языках программирования и изучать горы материалов, ради того, чтобы добавить пагинацию или вывод миниатюр на странице, им не очень хочется. Да это и понятно. Ведь идея пришла сейчас и тратить много времени, чтобы когда-то сделать задуманное - не вариант. Лучше познавать все на практике, в бою так сказать. Я когда-то был таким же и мне хотелось все и сразу. Работая с разными системами управления - движками, я потихоньку изучил СSS, HTML, начал разбираться в Javascript и PHP. Великим программистом я не стал, но по коду с легкостью могу понять что и куда и как внести нужные изменения или дополнения, чтобы изменить скрипт и заставить его работать именно так, как мне нужно.
Тема статьи в том, чтобы показать начинающим как правильно вставлять скрипты и коды, которые они находят в интернете, в свои темы. Начнем пожалуй с HTML.
Вставка HTML кода
По сути, чаще всего темы сверстаны как раз таки в HTML и трудностей вставки нет, просто копируем и вставляем в нужное место. Но бывают случаи, когда файл темы сверстан с использованием в большей мере PHP. Тогда нужно быть очень внимательным. Нужно смотреть по коду. Часто код вставляется после слова echo или return в одиночных или двойных кавычках. Примерно так:
echo '// сюда HTML код' или return '// сюда HTML код'
Хотя бывает что и в других условиях но тоже в скобках. Просто смотрите по коду, если видите HTML код и Вам надо вставить именно там свой, пробуйте, но если точно не знаете, сохраните резервную версию файла.
Часто бывает, что внутри HTML есть вставленный PHP, который уже зажат в свои теги и если Вы вставите напрямую в кавычки где HTML, то будет ошибка. Если знать PHP, то можно несложно удалить теги добавить еще немного нужного и все заработает, но все же чаще используют разрыв основного кода PHP. Как это делается?
Например есть код функции: который выгладит так:
function bar_set() () {
echo '// тут код HTML и все такое и Вам надо сюда вставить свой';
}
И там где HTML нужно добавить свой код, который не получается вставить. Вам нужно убрать echo и одинарные кавычки, а вместо них закрывающие и открывающие теги PHP. То есть код станет таким:
function bar_set() {?>
// тут код HTML и все такое и Вам надо сюда вставить свой
<?php }
Теперь можете вставлять что угодно, HTML, Java, или тот же PHP.
Вставка PHP кода
Тут надо смотреть как и в предыдущем. Если это HTML то PHP нужно в любом месте просто закрыть в теги:
<?php и ?>
Именно поэтому во всех моих статьях и у большинства других блогеров, все функции, которые вставляются непосредственно в файлы темы, заключены в эти теги. При вставке в HTML, все работает отлично. Если же, у Вашей темы верстка с помощью PHP, эти теги нужно просто удалить. У некоторых вебмастеров в уроках и нет этих тегов, чтобы удобно было вставлять в такие темы. Поэтому иногда к ним нужно дописывать теги если это надо. Если в HTML вставить просто голый PHP код, то его выведет как текст, а это не совсем то что нужно. Хотя в тот же файл functions.php, чаще всего функции вставляются без тегов, просто с новой строки новая функция. Смотрите, чтобы не запутаться.
Вот пример кода из одной из тем, где верстка на PHP и внутри него вставлен HTML.
echo "<div class='col'>"; the_post_thumbnail(); the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' ); echo "</div'>";
В коде видно что внутри блока DIV, добавлены две функции - миниатюра - the_post_thumbnail() и заглавие записи the_title. Как видите все вставлено напрямую без тегов. Теперь этот же код, но в HTML версии:
<div class="col"> <?php the_post_thumbnail(); ?> <h1 class="entry-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1> </div'>
Так даже проще, меньше кода и легче для новичков. Тут главное потратить время и разобраться. Поняв один раз, далее будете видеть все и на автомате вставлять правильно и даже не задумываться.
Вставка CSS стилей
Тут все просто, все стили, нужно вставлять в один файл - это style.css. Просто копируете их и добавляете в конец файла по порядку.
Если стили зажаты в теги style. Такое может быть, если урок не совсем для WordPress. Пример:
<style>
html {
min-height: 100%
}
body {
min-height: 100%;
margin:0;
padding:0;
font: 15px Tahoma;
color:#555;
}
</style>
Просто удалите их в начале и в конце, после чего можно вставить уже в style.css.
Вставка Javascript
Тут тоже все просто. Чаще всего в статьях просят подключить скрипты или библиотеки jQuery. Советуют делать это в шапке перед закрывающимся head или в подвал перед закрывающимся body. Также иногда бывает, что скрипт нужно вставить непосредственно внутри темы рядом с каким-то блоком.
Javascript код, всегда должен быть заключен в теги:
<script type="text/javascript"> // тут будет скрипт </script>
Чаще всего он уже в таких тегах и зажат, но вдруг попадется без них, вы должны знать, что нужно делать.
Вот по сути и все, о чем хотел написать. Идея статьи появилась благодаря одному читателю моего блога, у которого постоянно были проблемы с моими скриптами. Не шли у человека они и все, оказалось, просто неправильно вставлены в тему. Спасибо ему, что написал и рассказал о своей проблеме. Я ему помог и теперь у него все работает как надо. Хотя есть и те, кто просто не разобравшись сразу ставит в рейтинге один бал за полезность статьи. Ну что можно сказать, каждый справляется с трудностями по своему :).
Если решили всерьез заниматься своим блогом на WordPress, то советую иногда читать полезные статьи о разных языках и основных правилах работы с ними. Каждая мелочь поможет Вам в будущем в совокупности помогут Вам достичь задуманного успеха.
На этом все, спасибо за внимание. 🙂
