Wordpress

Oct
21st

Video embedding to WP and e-commerce

To embed Youtube video – go to Youtube and copy page’s URL from navigation vindow. Paste it to your post in separate string:
Look video:
http://www.youtube.com/watch?v=dQw4w9WgXcQ

Yea...good video!

Получаем:
Look video:

Yea…good video!

Now we’ll embed it another way named short-code:
[embed width=”123″ height=”456″]http://www.youtube.com/watch?v=JaNH56Vpg-A[/embed]
What we got:

We can embed playlist – copy it URL from browser navigation window:
[embed width=”123″ height=”456″]http://www.youtube.com/watch?v=JaNH56Vpg-A&list=RD02Kl3UR74jsk0[/embed]
We got playlist:

Video embedding to E-commerce

In e-commerce video embedding won’t work… Let’s try embed I-frame in post( use “html” but not “text” text settings):
<iframe width=”500″ height=”375″ src=”http://www.youtube.com/embed/dQw4w9WgXcQ?feature=oembed” frameborder=”0″ allowfullscreen=”"></iframe>

where width=”500″ height=”375 – desired Hight and Width of your video in pixels(0.26mm), You can change it but proportion W/H – keep constant. If page URL is http://www.youtube.com/watch?v=dQw4w9WgXcQ  write http://www.youtube.com/embed/dQw4w9WgXcQ?feature=oembed in your iframe.

dQw4w9WgXcQ – is the same part of both URLs, as you see.

We got:

Not handly? Yes! Let’s make it simple:(Google Chrome) go to Youtube, mouse right-button click on video – “copy HTML-code” and paste it to you post:

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

!Use HTML-code setting of text field, we got:

Oct
20th

E-Commerce – quick start

E-commerce – is a the WordPress plugin. Quick start in WordPress notes you can find here.

Curren plugin version – 1.8 (on post publication date). Themes for v 1.7 will not work correctly with v 1.8. Plugin has lot of changed: amount of tables in database was shorted. Also deleted some functions of plugin, so it becomes more fast.

Time for action

Go to admin page here: http://uselect-web.com/wp-admin/
where uselect-web.com – your site adress.

Change theme this way: left menu->внешний вид -> themes -> select your design and press “activate”. Now look to your’s site main page.
Themes twentyellewen twentytweleve and so on – are not e-shop themes. But don’t delete it.

Goods add: left menu ->goods -> goods or add. Upload picture here and select it as …. – look this link on your page.

Media (add Media button) – upload pictures only for current post(item) – you’ll can filter them easy lately by “this post pictures”.

Enter text in text field.

Cost…Select (left menu -> settings -> shop) your currency.
For cost now set cost this way:
e-commerce-price

Press Save or Update button.

Sep
5th

WordPress in short

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

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

Каждая страница сайта состоит из 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 – именно на нём вы пишите содержимое страницы.