Заказать бесплатную консультацию
- Создание и продвижение сайтов
- Разработка Landing Page
- Контекстная реклама в Яндекс и Google
- 10 лет опыта
- 150+ выполненных проектов
- 10 лет гарантия
ул. Б.Хмельницкого 42, офис 404
+7 (924) 841 09 12
Мои блог
Создание сайтов
PHP программирование
Видеокурсы
php тиц тэги для сайта substr() яндекс pr функция фрилансер метки mb_convert_encoding() теги название фирмы iconv() внешние ссылки
Блог \ Для новичков \ Облако тэгов (меток)
Для чего нужны метки и как сделать облако тэгов на сайте? - Часть 2
Для чего нужны метки и как сделать облако тэгов на сайте? - Часть 1
Обновим память...
В прошлом посте мы условились, что метки у нас хранятся в базе данных в виде текстового поля. А разделяются они запятыми. Давайте посмотрим на изображение ниже, чобы увидеть это наглядно.
Из данного изображения видно, что некоторые метки (PHP), используются несколько раз, но нам нужно будет вывести метки только единажды!! - без повторений.
1) Выводим из базы данных все тэги:
Допустим наша база данных называется "blog"
<?
// Делаем выборку из базы данных
$result = mysql_query("SELECT tags FROM blog",$db);
$myrow = mysql_fetch_array($result);
?>
// Делаем выборку из базы данных
$result = mysql_query("SELECT tags FROM blog",$db);
$myrow = mysql_fetch_array($result);
?>
Теперь нам нужно результат записать в какуюнибудь переменную:
// Запускаем цикл, в котром выведем все тэги через запятую
do
{
//Создадим переменную в котрую будем дописывать, все метки в одну строку через запятую
$tags .= $myrow['tags'].', ';// Обязательно ставим в конце запятую
}
while($myrow = mysql_fetch_array($result));
Результат: $tags = 'функции, php, программирование, базы данных, mysql, php, создание сайтов, html, php';
do
{
//Создадим переменную в котрую будем дописывать, все метки в одну строку через запятую
$tags .= $myrow['tags'].', ';// Обязательно ставим в конце запятую
}
while($myrow = mysql_fetch_array($result));
Результат: $tags = 'функции, php, программирование, базы данных, mysql, php, создание сайтов, html, php';
Точка и знак равно (.=) означает, что мы не заменяем значение переменной $tags, а дописываем к ней новые значения.
Если в конце не поставить запятую, то результат будет таким: [...]PHP, программирование базы данных, mysql, php[...] - между тэгом "программирование" и "базы данных" не будет запятой, а нам она нужна для того чтобы разбить все слова на массивы с помощью функции explode();
2) Теперь нужно разбить строку на слова и словосочетания:
$tags содержит строку в которой находятся слова и словосочетания разделенные запятыми. Сейчас мы с помощью функции explode() создадим массив.
<?
//в качестве разделителя будем использовать запятую
$tags = explode(',',$tags);
?>
ВНИМАНИЕ: теперь $tags - это массив!!! - переменная нам больше не нужна.
//в качестве разделителя будем использовать запятую
$tags = explode(',',$tags);
?>
ВНИМАНИЕ: теперь $tags - это массив!!! - переменная нам больше не нужна.
3) Удаляем повторения из массива:
С помощью функции array_unique() мы удалим повторения из массива. В нашем случае три раза повторяется слово "PHP" - нам ведь не надо чтобы в облаке тэгов повторялись слова несколько раз.
<?
//в качестве разделителя будем использовать запятую
$tags = array_unique($tags);
?>
//в качестве разделителя будем использовать запятую
$tags = array_unique($tags);
?>
В нашем облаке тэгов ссылки будут выводится случайно
4) Организуем случайный вывод элементов массива:
В этом деле нам поможет функция array_rand(), она принмает два параметра. 1 - это массив, а 2 - это количество элементов массива, т.е. число - не буду заморачиваться, давайте разберем на примере.
ВАЖНО: вы должны понимать, что эта функция возвращает не массив, а его ключи!!
<?
//нам нужно получить 10 ключей, чтобы создать 10 меток, если хотите можете указать свое число
$tags_key = array_rand($tags, 10);
//Результат запишем в новый массив $tags_key
?>
Результат:
$tags_key[0] = 3;
$tags_key[1] = 24;
$tags_key[2] = 9;
$tags_key[3] = 7;
$...
$tags_key[10] = 12;
//нам нужно получить 10 ключей, чтобы создать 10 меток, если хотите можете указать свое число
$tags_key = array_rand($tags, 10);
//Результат запишем в новый массив $tags_key
?>
Результат:
$tags_key[0] = 3;
$tags_key[1] = 24;
$tags_key[2] = 9;
$tags_key[3] = 7;
$...
$tags_key[10] = 12;
5) Создадим стили для ссылки:
<style>
.cloud_tags {border: 2px solid #ccc; padding: 10px; background: #f5f5f4; border-radius: 5px;}
.cloud_tags .link_1 {font-size: 30px;}
.cloud_tags .link_2 {font-size: 26px;}
.cloud_tags .link_3 {font-size: 22px;}
.cloud_tags .link_4 {font-size: 18px;}
.cloud_tags .link_5 {font-size: 16px;}
.cloud_tags .link_6 {font-size: 14px;}
.cloud_tags .link_7 {font-size: 12px;}
</style>
.cloud_tags {border: 2px solid #ccc; padding: 10px; background: #f5f5f4; border-radius: 5px;}
.cloud_tags .link_1 {font-size: 30px;}
.cloud_tags .link_2 {font-size: 26px;}
.cloud_tags .link_3 {font-size: 22px;}
.cloud_tags .link_4 {font-size: 18px;}
.cloud_tags .link_5 {font-size: 16px;}
.cloud_tags .link_6 {font-size: 14px;}
.cloud_tags .link_7 {font-size: 12px;}
</style>
6) Теперь с помощью ключей мы выведем элементы массива $tags:
Сейчас мы просто переберем массив $tags_key с помощью функции foreach()
<?
$i = 0; //Создадим переменную $i чтобы задать разные стили для ссылки
foreach($tags_key as $key)
{
$i++;
$link[] = '<a href="search.php?search='.$tags[$key].'" class="link_'.$i.'">'.$tags[$key].'</a> ';
}
?>
Результат:
<a class="link_1" href="search.php?search=php">php</a>
<a class="link_2" href="search.php?search=базы данных">базы данных</a>
и так 10 случайных ссылок
$i = 0; //Создадим переменную $i чтобы задать разные стили для ссылки
foreach($tags_key as $key)
{
$i++;
$link[] = '<a href="search.php?search='.$tags[$key].'" class="link_'.$i.'">'.$tags[$key].'</a> ';
}
?>
Результат:
<a class="link_1" href="search.php?search=php">php</a>
<a class="link_2" href="search.php?search=базы данных">базы данных</a>
и так 10 случайных ссылок
На изображении мы видем что размеры ссылок идут в порядке убывания, для этого можно либо поменять стили либо перемешать массив. Мы перемешаем массив, ведь для этого я его и создал $link[], а перемешаем мы его с помощью функции shuffle().
<?
shuffle($link);
// И выводим облако тэгов
echo '<div class="cloud_tags">';
foreach($link as $tag)
{
echo $tag;
}
echo '</div>';
?>
shuffle($link);
// И выводим облако тэгов
echo '<div class="cloud_tags">';
foreach($link as $tag)
{
echo $tag;
}
echo '</div>';
?>
Это лишь простой пример вывода облака тэгов на блоге, но так как статья для новичков, я думаю для начала вам хватит, если есть вопросы, пишите в комментах, буду отвечать...
Пример работы скрипта можете увидить на моем блоге справа.
Метки: метки, теги, облако тэгов, метки на блоге, тэги для сайта,
