Wordpress

Ноя
20th

Продажа загружаемых товаров (WP-e-commerce)

Можно создавать различные варианты продуктов: например книга в бумажном и электронном варианте(в pdf формате). Конечно же электронные надо загрузить на сервер.
Для этого:
Создаём варианты. Жмём ссылку «variant download files», попадаем в
форму загрузки файла для этого варианта товара.

e-shop-downloadable-products
Загружаем, сохраняем — попадаем на страницу главного товара.

Примечание: в WP-e-commerce эта категория товаров требует особого внимания, на форуме автора плагина народ жаловался что не работает.

Источник статьи

Окт
21st

Вставка видео в WP

Чтобы вставить видео в из Youtube нужно зайти на Youtube и скопировать ссылку(путь к странице на которую вы зашли) из окна навигации броузера. После чего в Записи(post) её вставить отдельной строкой, вот так:
Посмотрите Видео:
http://www.youtube.com/watch?v=dQw4w9WgXcQ

да...было хорошее видео!

Получаем:
Посмотрите Видео:

да…было хорошее видео!

Теперь вставим по-другому, методом short-code (короткий код):
[embed width=»123″ height=»456″]http://www.youtube.com/watch?v=JaNH56Vpg-A[/embed]
получаем:

для вставки плэйлиста вместо одного видео скопируйте его путь из окна броузера:
[embed width=»123″ height=»456″]http://www.youtube.com/watch?v=JaNH56Vpg-A&list=RD02Kl3UR74jsk0[/embed]
получаем:

Вставка видео в E-commerce

В e-commerce это почему-то не работает . Поэтому делаем так:
Вставляем Iframe в текст записи («текст» а не «Визуально») так:
<iframe width=»500″ height=»375″ src=»http://www.youtube.com/embed/dQw4w9WgXcQ?feature=oembed» frameborder=»0″ allowfullscreen=»»></iframe>

где width=»500″ height=»375 — высота и ширина в пикселях, можете менять сохраняя пропорции, а дальше самое интересное: если страница находится по адресу http://www.youtube.com/watch?v=dQw4w9WgXcQ  то в iframe надо записать http://www.youtube.com/embed/dQw4w9WgXcQ?feature=oembed  ,

вы, конечно, заметили что у этих ссылок совпадает dQw4w9WgXcQ часть.

получаем:

Неудобно? — да! Поэтому делаем так: (в броузере Google Chrome) заходим в Youtube, правой кнопкой жмём по видео — в появившемся меню выбираем «копировать HTML-код» и вставляем его на страницу записи:

<iframe width=»640″ height=»360″ src=»//www.youtube.com/embed/os00JDq_rKk?feature=player_detailpage» frameborder=»0″ allowfullscreen></iframe>

обязательно в поле c закладкой «Текст» (что значит в HTML коде), получаем:

Окт
20th

E-Commerce — быстрый старт

Эта статья посвящена электронному магазину на основе e-commerce. E-commerce — это плагин(подключаемый модуль) к WordPress. Про знакомство с WordPress я уже писал ТУТ.

Актуальная версия плагина — 1.8 (на момент написания статьи). Дизайна(темы) написанные под версию 1.7 c версией 1.8 работать не будут. Потому что произошли серьёзные изменения: объём таблиц в базе данных используемых плагином уменьшился. Кроме того, а может и по-этому, упразднены функции плагина: вывод товаров по категориям — вместо неё используется аналогичная функция WordPress.

ВРЕМЯ ДЕЙСТВОВАТЬ

заходите в админку тут: http://uselect-web.com/wp-admin/
где uselect-web.com — ваш домен( ну…пока вы пароль не подобрали — это мой домен)
вводите логин / пароль = admin / ваш_пароль.

Меняете графический дизайн так: слева меню->внешний вид -> темы -> выбираете дизайн жмёте активировать. Смотрите на главную страницу сайта тут: http://ххх.com/ . При смене темы — Кроме главной страницы другие могут не работать(это нормально и поправимо, обращайтесь — поправлю).
Дизайны twentyellewen twentytweleve и аналогичные — это не магазин а поставляемые с wordpress темы, их не ставьте и не удаляйте(если поставите — ничего страшного, поменяете на другой)

Добавляете товары: левое меню ->товары -> товары или добавить. Тут надо загрузить изображение и обязательно ЗАДАТЬ МИНИАТЮРУ (картинку) — смотрите такую ссылку на странице.

Изображения (кнопка Добавить медиафайл) лучше грузить те что вы будете использовать в этой записи. Теоретически есть кнопка «показать изображения загруженные для данной статьи».
Но можно и все кучей.

Текст — вводите в то же поле куда картинка вставляется.

Цена…Вы уже выбрали в настройках(левое меню -> параметры -> магазин) Гривну — но вместо неё появляется квадратик — это нормально — пишите мне я исправлю.
Потом поэкспериментируйте с полями, а сейчас задайте цену так:
e-commerce-price

После всех изменений нажать кнопку «Опубликовать» она же «Обновить» — что значит сохранить.

Сен
5th

WordPress в двух словах

Введение

Вордпресс позиционируется создателем как CMS блога (по нашему — новостной движок). Это значит что на одних страницах сайта периодически публикуются новости (по не-нашему: ведётся блог). На других — содержание не меняется(статические страницы).

Главной страницей сайта может быть как новостная так и статическая(задаётся из панели управления).

Термины WordPress

Статическая страница — это страница с постоянным содержимым.

Запись — это запись блога, новость. На первый взгляд от статической страницы запись ничем не отличается: имеет такое же оформление, тоже имеет адрес, и содержание её постоянно. Отличие состоит в том, что можно просматривать 10 записей одновременно на одной странице — такая страница называется «Рубрика»

«Рубрика» — как в газете, в рубрике «Новости политики» вы публикуете записи про политику. А в рубрике «Рецепты» — рецепты. В отличие от Записи и Статической страницы, рубрика — это иллюзия. У неё есть адрес, но нет содержания. В качестве содержания рубрики отображается содержание(или его часть) записей, помеченных этой рубрикой.

На заметку Вопрос: можно ли объединять страницы в «рубрику»? Ответ: нельзя. Нельзя увидеть содержание десяти статических страниц в одной «рубрике». Но можно задавать «родительскую» страницу, тогда адрес у этой будет mysite.com/(имя родительской)/(имя статической страницы). В этом и есть смысл «рубрики для страниц»

Структура страницы сайта(рубрика, блог, статическая страница)

Каждая страница сайта состоит из 5 частей:


  • «Шапка» — верхняя часть сайта;
  • «Подвал» — нижняя часть сайта;
  • Содержимое страницы(контент) — текст и/или картинки по центру;
  • Левая колонка, правая колонка(sidebar1, sidebar1) — столбики для дополнительной информации. Например: меню, полезные ссылки, архивы

Виджеты в Вордпресс

На функционале колонок остановимся отдельно. Функционал колонки задаётся из панели управления — раздел «Виджеты», («элементы» по нашему), представленного на рисунке.vidgets_740x550

Рисунок 1 — вид панели «Виджеты» в WordPress 13.04

Элементы из левой колонки перетаскиваются в столбик «Боковая колонка 1» и «Боковая колонка 2».

Необходимые виджеты

Из них мы обязательно воспользуемся виджетом «Текст». Он позволяет вставить в колонке раздельчик с произвольным текстом и картинками. Если вам захотелось вставить картинку — надо её предварительно загрузить на сервер и вставить ссылку на неё в виде текста <img src="адрес картинки" alt="описание" title="описание">.

Виджет «страницы» — можно использовать как навигацию по сайту. Его содержимое формируется автоматически каждый раз при запуске страницы.

pages-widget295x213 Рисунок 1.2 — вид виджета «страницы» из панели управления

Виджет «поиск» — поиск по сайту.

Виджет «рубрики»:
rubrics-widget292x296

Виджет Произвольное меню
custom_menu-widget

Редактирования содержимого(контента) страницы


Вначале надо добавить новую рубрику, потом страницу в ней. После чего написать текст в поле ввода.
content_change

В левом столбике — пользуемся кнопкой «Добавить медиафайл» для загрузки изображения со своего компьютера на сервер и вставки в запись.

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

Для того, чтобы статья попала в нужную рубрику — ставим галочку напротив неё в блоке «рубрики».

Этой информации достаточно, чтобы вести блог(сайт) WordPress. Для редактирования записи требуется представление о языке HTML — именно на нём вы пишите содержимое страницы.