Работает система Orphus

WordPress для каждого на русском языке!

  • RSS

Учебник по WordPress

Полезные советы

Хитрости

Шоукейс

О проекте

Темы WordPress на русском!

Эволюция пользовательского интерфейса WordPress (2003 – 2009)

Четверг, 14 января 2010 - Рекомендуем, Статьи и советы

WordPress каким мы видим его сейчас – это продукт любви, которой наградило его сообщество. Без идей, пожеланий, рекоммендаций и советов пользователей и тяжелой работы команды разработчиков, которая воплощала это всё в жизнь, из него никогда бы не получилось того, что есть сейчас. Сегодня WordPress предстает перед нами мощной полноценной CMS, подходящей почти под любые нужды. [...]

читать дальше

Продвинутые советы по разработке сайтов на WordPress

Понедельник, 27 июля 2009 - Рекомендуем, Статьи и советы

Последние релизы дают понять, что WordPress расширил границы своих возможностей далеко за пределы блоггинга, приобретая все больше качеств серьёзной и мощной системы по управлению контентом. Изначально, WordPress предлагает довольно поверхностный, минимальный функционал. Но простота основы с лихвой компенсируется изобилием плагинов, которые значительно увеличивают потенциал движка.

читать дальше

5 полезных и оригинальных способов использования виджетов в WordPress

Четверг, 16 июля 2009 - Рекомендуем, Статьи и советы

Если вы создали хотя бы несколько сайтов на WordPress, то вы наверняка уже знаете, что WordPress это гораздо больше, чем просто блоггинговый движок. Он может быть также использован как и CMS, а виджеты WordPress – это мощный инструмент в арсенале WP-разработчика.

Многие думают, что WordPress виджеты это всего лишь способ реорганизовать структуру сайдбара вашего блога, не трогая код. Это действительно полезная способность видежтов, но это всего лишь верхушка айсберга всех возможностей, которые они предоставляют.

читать дальше

Урок №8. Мета-данные поста.

Вторник, 7 июля 2009 - Создание тем

Сегодня мы рассмотрим понятие «мета-данные поста» или постметаданные: дата, категории, автор, количество комментариев, то есть любую информацию, прикрепленную к каждому посту.

Мы уже на восьмом уроке, так что смею надеяться, вы уже разобрались в основных принципах работы с темами WordPress. Вы заметите, что мои инструкции будут сгруппированы в более крупные блоки (меньше шагов). Перед тем как мы начнем, включите Denwer, откройте папку с темой, браузер, и файл index.php.

Вот, что должно быть в вашем файле index.php на данном этапе:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
	<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

	<?php wp_get_archives('type=monthly&format=link'); ?>
	<?php //comments_popup_script(); // off by default ?>
	<?php wp_head(); ?>
</head>

<body>

<div id="header">
	<h1><a href="?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
	<?php bloginfo('description'); ?>
</div>

<div id="container">
	<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
		<div class="post">
		<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
			<div class="entry">
				<?php the_content(); ?>
			</div>
		</div>
	<?php endwhile; ?>
	<?php endif; ?>

</div>

</body>
</html>

Скопируйте код из файла postmetadata.txt и вставьте под <?php the_content(); ?>. (Примечание: в этом случае вы можете копировать и вставлять. Когда я соединяю темы для WordPress, я тоже копирую и вставляю эту часть. Вам пока не нужно полностью понимать ее, достаточно просто знать, что делает каждый участок кода).

Сохраните файл и обновите браузер, вы должны увидеть примерно следующее:

postmetadata

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

Пояснения:

<p class="postmetadata"> и </p> - вся информация о постметаданных находится внутри тэга параграфа под именем class="postmetadata", потому что я хотел отделить постметаданные от контента. Без тэга параграфа, метаданные записи будет идти сразу после контента, без какого-либо разделяющего пространства.

<?php _e('Filedunder&#58;'); ?> - &#58; это код, который вызывает двоеточие “:”. Ставить <?php _e(’ ‘); ?> вокруг Категории&#58; не обязательно. Вы можете просто напечатать Категории:

<?php the_category(', '); ?> - the_category(); это РНР функция, которая вызывает все категории, тэги на которые вы включили в пост. Если вы соедините Категории: и the_category(); вместе, вы получите "Категории: Имя категории 1, Имя категории 2". Запятая внутри the_category(); – это способ разделить имена категорий. Снова взгляните на скриншот с постметаданными и обратите внимание на запятую между ссылками на категории.

<?php _e('by'); ?> - то же самое, что и Категории:. Если вы создаете тему для личного использования, ставить _e() вокруг слова Автор необязательно. Я думаю, функция _e() используется для приспособления тем к переводам, что важно, когда вашу тему просматривают сотни людей из разных стран. Если вы собираетесь создавать темы для широкого использования, лучше использовать _e(), в случае если вам могут понадобиться переводимые темы.

<?php the_author(); ?> - говорит само за себя. Эта функция просто пишет ваше имя (или имя того, кто написал пост).

<br /> - если вам нужна пустая строка, но вы не хотите использовать пустые области, которые дают тэги параграфа, используйте BR. Обратите внимание на слэш /. Это еще один самозакрывающийся тэг.

<?php comments_popup_link('NoComments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?> - функция comments_popup_link() вызывает всплывающее окно комментариев, когда активирована опция всплывающих комментариев. Если такая опция не активирована, тогда comments_popup_link() просто приведет вас к списку комментариев.

No Comments &#187; - это то, что будет отображаться, если у вас нет комментариев.
1 Comment &#187;
- когда у вас есть один комментарий.
% Comments &187; - когда у вас более, чем один комментарий. Например, 8 комментариев. Знак процента % здесь означает количество.
&#187; - это код, который отображает двойную стрелку ».

<?php edit_post_link('Edit', ' | ', ''); ?> - Вы можете это видеть, только когда авторизованы как администратор. edit_post_link() просто отображает ссылку на редактирование, чтобы вы выбрали какой именно пост необходимо отредактировать. И вам не придется искать во всем списке постов на панели администрирования, чтобы найти нужный. edit_post_link() имеет три набора одинарных кавычек. Первый набор – для слова, которым вы назовете ссылку на редактирование. Если вы используете Edit post, то будет написано Edit post, но не Edit. Второй набор кавычек – для чего-либо, находящегося перед ссылкой. В данном случай для вертикальной линии |; вот для чего существует код &124;. Третья пара одинарных кавычек – для чего-либо, идущего после ссылки на редактирование. В данном случае, после ссылки ничего нет.

Войдите в админпанель, потом вернитесь на первую страницу, чтобы увидеть ссылку на редактирование. Вы увидите вертикальную линию, и за ней ссылку «Edit».

Продолжение в следующем уроке.

Перейти к следующему уроку »

25 комментариев

  1. Evgen пишет:

    “% Comments &187″ – тут (в конце поста) пропустил “#”.
    “…для чего существует код &124″ – тоже самое :)
    Отличные уроки, браво!

  2. Дмирий пишет:

    Столкнулся со следующей проблемой.
    После вставки данных из файла postmetadata.txt понял, что у меня не все гладко с кодировкой. Страница отображает постметаданные в виде абракадабры. Поставил кодировку windows-1251 вместо utf-8 постметаданные стали отображаться правильно, но теперь в виде абракадабры весь блок header. Как можно исправить кодировку?

  3. Евгений пишет:

    Для Дмитрия – Файл, который редактируешь нужно сохранить в UTF-8.

  4. wp-admin пишет:

    К сожалению упустил вопрос Дмитрия.. Евгений прав – нужно сохранить header.php в UTF-8 без BOM и всё заработает. Ни в коем случае не нужно менять кодировку темы на любую другую.

  5. Вячеслав пишет:

    По-моему я что-то упустил?! Откуда взялся header.php?

  6. intense-feature пишет:

    имеется ввиду index.php

  7. Артем пишет:

    А мне не помогло с перекодировкой(( переставляю в редакторе(notepad++) на UTF-8(Без ВОМ) у меня не только на страничке у меня в самом редакторе весь русский шрифт поплыл, только с ANSI в редакторе все хорошо, а в броузере значки вопросов.
    Также жду ответа на вопрос по 6-му уроку(там и находится).
    Спасибо, очень позновательно!

    • Vanilla Man пишет:

      Артем, Дмитрий, нужно не просто изменить кодировку редактора, а конвертировать её в соответствующую.
      Артем, на ваш вопрос ответил там-же =)

  8. Дмитрий пишет:

    Аналогично, с кодировкой проблема.
    Сохранение index.php в UTF-8 не помогает(

  9. Павел пишет:

    Дмитрий, я изменил кодировку в Word. Открываете свой style.css или index.php в Word. Дальше – Файл, Сохранить как, Сохранить. Всплывает окошко Преобразование файла. Там выбираете кодировку UTF-8. Это окошко может всплыть и при открытии файла, если кодировка не стандартная.

  10. Дмитрий пишет:

    Спасибо.

  11. Максим пишет:

    У меня не получилось! Кодировка не меняется все также! Сохраняю файл в Dreamweave и все равно абракадабра! Не нашел в комментариях решения проблемы!

  12. Максим пишет:

    ОЙ… Теперь все решил! Получилось!

  13. Виктор пишет:

    <meta http-equiv="Content-Type" content="; charset=” />
    <meta name="generator" content="WordPress ” />

    <link rel="stylesheet" href="” type=”text/css” media=”screen” />
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="” />
    <link rel="alternate" type="text/xml" title="RSS .92" href="” />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="” />
    <link rel="pingback" href="” />

    “>

    <a href="”>

    Вылазит за контейнер с содержимым урока.
    Парень я тебе очень благодарен :) Уже читал на англиском )) а ты порадовал меня ппц :))
    Очень просто, мне придельно все понятно )

  14. SavAnka пишет:

    ничего не выходит(( когда я копировала исходный текст, обнаружила, что он нормально просматривается в кодировке windows, а в юникоде выглядит как раз вопросиками. может в этом суть? может поэтому изменение кодировки в дримвивере ни к чему не приводит?

  15. SavAnka пишет:

    короче, я просто вручную ввела те данные, вместо которых были вопросики))

  16. Артем пишет:

    Спасибо за уроки! Но столкнулся с проблемами.
    При копировании содержимого ссылок index.txt в предидущих уроках. Оно просто не отобразилось пришлось через браузер смотреть содержимое HTML и его копировать.
    При копировании же postmetadata.txt
    столкнулся с проблемой что отображается

    .

    вот такой код и дальнейшее объяснение становится непонятным потому что после вставки кода страница говорит об ошибке. Видимо где то не закрыт тег.
    А вообще спасибо за уроки!

  17. Артем пишет:

    Были бы полезны скриншоты кода который должен получиться тогда можно будет самостоятельно посмотреть….

  18. Артем пишет:

    Извините теги все закрываются просто у меня гугл панель автоматически переводила код на русский язык))
    но кодировка тоже подвела…

  19. Monacus пишет:

    Очепятка:
    Продолжение в слУдующем уроке.

    Уроки ОТЛИЧНЫЕ! Большое Спасибо Автору!

  20. фото блог пишет:

    Урок пройден.

  21. Mad DeviL пишет:

    Уроки отличные. Спасибо большое. Но как вставлять дату в данном уроке не увидел (=

  22. Григорий пишет:

    “% Comments &187; – когда у вас более, чем один комментарий. Например, 8″, решетку пропустил, мелочь, но запутать может.

Ваш комментарий

Этот домен продается здесь: telderi.ru, и еще много других