Скрипт для рондомного отображения background (бекграунда).

Доброго времени суток, уважаемые читатели блога Мои тараканы!

Бекграунд для сайта.

Недавно передо мной возникла задача: придумать что-то, чтобы при каждой перезагрузке страницы, каждый раз загружался новый background страницы.

На каком-то форуме нашел такой скрипт:

var bgPath = '/img/bg';
var imagesNumber = 3;
var rndBg = Math.floor(Math.random() * imagesNumber);
document.body.style.backgroundImage = 'url(' + bgPath + rndBg + '.jpg)';

К скрипту прилагались объяснения, но человек, который обратился за помощью так и не смог в них разобраться.

Я решил испробовать данный скрипт. Вставил всё по существующей инструкции, но и у меня тоже он, почему-то не сработал.

Немного повозился и… О чудо — всё работает!

Давайте вместе разберём этот код, в чем же была причина?

Первое: Данный скрипт нужно вставить после открывающего тега body.
Второе: Путь к изображениям. В шаблоне сайта я создал папку "background" и туда поместил изображения, которые должны рондомно (случайно, каждый раз другое) меняться при каждой перезагрузке страницы. Вы можете назвать эту папку как угодно. Или же совсем не создавать, а запихнуть файлы в уже существующую папку. Главное правильно указать путь к ним (лучше всего указать абсолютный путь).
Третье: Имя файла. В скрипте указано имя файла bg. Давайте и мы назовём свои беграунды bg0, bg1, bg2. Путь к изображению будет формироваться следующим образом: (+ bgPath + rndBg + '.jpg) — путь к картинке/bg (её название (без номера)) + номер картинки + расширение.
Последнее: var imagesNumber = 3 — 3 — это количество background’ов отображаемых в ротации. Если вы укажете число большее, чем число имеющихся у вас картинок — может проскочить «пустой» задний фон.

Пример:

<script type="text/javascript">;
var bgPath = 'http://ваш_сайт/templates/ваш_шаблон/images/backgrounds/bg'<!-- путь к изображениям (На WordPress путь может выглядеть так http://ваш_сайт/wp-content/temes/ваш_шаблон/images/backgrounds/bg)-->
var imagesNumber = 3;<!-- количество отображаемых изображений -->
var rndBg = Math.floor(Math.random() * imagesNumber);
document.body.style.backgroundImage = 'url(' + bgPath + rndBg + '.jpg)';
</script>

Для того чтобы фоновое изображение растягивалось на всю ширину экрана и не прокручивалось с остальным контентом в файл CSS следующий код:

body {
 background: fixed;
 -moz-background-size: 100%; /* Firefox 3.6+ */
 -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
 -o-background-size: 100%; /* Opera 9.6+ */
 background-size: 100%; /* Современные браузеры */}

Не нужно заменять все атрибуты тега body. Измените только нужные значения атрибута background.

Кстати, возможен другой вариант этой фишки:

var bgFolder = 'img/';
var backgrounds = [
  'bg0.jpg',
  'bg1.jpg',
  'bg2.jpg',
  'bg3.jpg',
  'bg4.jpg'
];
var rndBg = Math.floor(Math.random() * 5);
document.body.style.backgroundImage = 'url(' + bgFolder + backgrounds[rndBg] + ')';

Ну, теперь, я думаю, с этим скриптом вы разберётесь сами. Ну, если нет — смотрите инструкции к предыдущему скрипту — своего рода задачка на логику.

Кстати, если пошёл разговор о задачах на логику — вот вам ещё одна:

Задача на логику

Дошкольники решают эту задачу за 5-10 минут. У некоторых программистов уходит на неё до часа.
Но многие люди, исписав несколько листов бумаги, сдаются.

Маленькие дети не могут составлять уравнения или искать математические закономерности, поэтому они замечают, что значение зависит от количества кружочков в каждой цифре. В «9» один кружочек, в «8» — два, в «1» — ни одного, а, значит, 2581 = 2.

На этом всё. Вопросы в комментариях. Подписывайтесь на обновления блога в Twitter , RSS или по почте!

С уважением, Мышак Пётр!

Добавление товара в магазин на WordPress + WooCommerce .

Доброго времени суток, дорогие читатели блога Мои тараканы!

В последнее время всё больше торговых площадок перебираются в интернет. Сейчас в сети можно купить практически любой товар, от тест-полосок для глюкометров до 3d принтера.  Sony, Adidas, HealthPoint — практически все крупные производители предоставляют возможность своим покупателям заказать товар через сеть.

Большим компаниям нанять разработчиков и создать свой  ИМ (интернет-магазин) не составляет никаких проблем. Но как же быть простым ИП? Хотя, в наше время, создать свой блог на WordPress (я даже не беру в счет всевозможные блог платформы) сейчас может даже пенсионер, но вот создание интернет магазина и наполнение его товарами — дело другое.

style=»display:inline-block;min-width:300px;max-width:620px;width:100%;height:90px»
data-ad-client=»ca-pub-4069981169900037″
data-ad-slot=»9687149656″
data-ad-format=»horizontal»>

Сегодняшний пост — это инструкция по наполнению интернет магазина, которую я написал специально для своего клиента. Но, поскольку, инструкция получилась универсальной, любой начинающий веб-мастер может её использовать в своих целях.

Мы будем использовать движок WopdPress и плагин для интернет-магазина WooCommerce. У нас есть следующие вводные: Вордпрес установлен и полностью настроен, WooCommerce подключен и настроен, в магазин добавлены нужные категории товаров. Нам остаётся просто наполнить магазин товарами.

ОГЛАВЛЕНИЕ:

1. Заполнение полей «Описание» и «Название».
2. Виды товаров в магазине на WooCommerce.
3. Создание простого товара.
4. Создание вариативного товара.

И так, приступим. Мы в админке WordPress. Слева располагается менюшка с кучей разных пунктов. Опускаемся до раздела «Товары» и выбираем пункт «Добавить товар».

Меню в админке WoordPress

Меню добавление товара.

Название и описание.

(К оглавлению ⇑)
Заполняем поля название, полное описание и краткое описание.

С названием товара всё понятно. Описание — не подписанное поле сразу за заголовком.

Поля «Название товара» и «Полное описание товара». Используем только текст — для изображений у нас есть соответствующие поля, которые мы рассмотрим ниже.

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

Краткое описание.

Получаем следующий результат:

Так будут отображаться наши поля в карточке товара

Чтобы не возникало вопросов что такое «Простой» или «Вариативный» товар, вставлю небольшое описание всех видов товаров.

Виды товаров в магазине на WooCommerce.

(К оглавлению ⇑)

Обычный товар — это наиболее популярный и простой тип товара. Например, мобильные телефоны это обычный товар. Его можно заказать и доставить, ничего особенного. На закладках мы настраиваем все параметры товара. Плюс, обычный товар может быть загружаемым и (или) виртуальным. Вы можете продавать электронные книги или воздух.

Если серьёзно, при выборе виртуального продукта, у него удаляются поля веса и размера, его наличие не учитывается на складе. Так можно продавать доступ к закрытой части сайта, к примеру.

Группированный товар. Вы наверняка сталкивались в интернет-магазинах с предложениями типа «купи этот телефон, а вот и наушники к нему подходящие». Вот это как раз из этой серии. Группируем товары, добавляем похожие. Все для того, чтобы человек купил еще что-то, кроме основной покупки. У этого типа товара нет цены, как таковой. Ее вы будете добавлять на странице каждого «дочернего» товара.

Внешний товар. Это волшебный вид товара. Нет, серьёзно. В последнее время развелось очень много партнерских программ от крупных интернет-магазинов и этот вид товара открывает путь для «виртуальных» магазинов. Представьте ситуацию — вы создаете магазин, наполняете его товаром, который предоставляет партнер и по кнопке купить — отправляете посетителя на сайт партнера, где он и покупает товар. Вы получаете свою комиссию и только следите за работой своего сайта. Все остальное за вас делает партнер.

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

Источник: http://gering111.com/woocommerce.

Создание простого товара.

(К оглавлению ⇑)
И так, приступим к заполнению данных товара.

Основные настройки Простого товара:

Основные настройки «Простого товара».

1. Вид товара. Здесь в выпадающем списке выбираем «Простой товар».

2. Первая вкладка «Основные настройки».

3. Артикул — У нас это поле обозначено как «SKU», его можно оставить пустым. Артикул будет генерироваться автоматически на основе ID товара, при помощи плагина WooCommerce Product SKU Generator.

Артикул — тип или род изделия, товара, а также его цифровое или буквенное обозначение для кодирования, параграф, раздел параграфа, статья, глава. В настоящее время больше употребляется как обозначение марки, разновидности товара или его кода, используемого для организации учёта товаров (ru.wikipedia.org).

4. Цена товара — если мы не планируем устраивать распродажу товаров, то заполняем только графу «Базовая цена», иначе устанавливаем и цену на распродаже.

Запасы и доставка:

Управление запасами.

1. Переходим во вкладку «Запасы».

2. Если вы планируете постоянно пополнять количество товаров на складе, то снимите галочку и в графе «Статус остатка» укажите «В наличии».

3. Если количество товара ограничено — укажите остаток на складе.

4. Если разрешить резервирование, то количества товара в запасе может быть ниже нуля.

В этом поле указываем габариты и вес товара.

Доставка. Здесь указываем габариты и вес товара.

Сопутствующие товары:

Сопутствующие товары.

1. Открываем вкладку «Сопутствующие товары».

2. Апселлы — Лучшие товары которые вы бы рекомендовали в замен данному. К примеру, товары, которые лучше по качеству или каким-то другим характеристикам, допустим более высокой ценой (апселлы выводится ниже полного описания в карточке товара).

3. Кросселы — Кросс-продажи — это товары, которые вы продвигаете в корзине, основываясь на текущем товаре (выводится в корзине с текущим товаром).

4. Групировка — Установите эту настройку, чтобы сделать данный товар частью комплекта.

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

Так будут отображаться сопутствующие товары на страничке товара.

Задаём миниатюру товара, галерею, указываем метки и категорию, в которую будет добавлен товар. Публикуем.

В принципе, основные пункты по созданию Простого товара я описал, можно переходить к Вариативному товару.

Создание вариативного товара.

(К оглавлению ⇑)
Данный вид товара более сложный, но и более гибкий в настройке.

Создание нового атрибута для вариаций.

Для создания вариативного вида товара нужно сначала создать для него атрибуты. Для этого переходим меню Товары>>Атрибуты.

Переходим в меню Товары>>Атрибуты.

Добавляем новый атрибут:

Добавляем новый атрибут. Здесь всё просто: вбиваем название и сохраняем.

Теперь нужно задать ему нужные свойства.

Изображение №11. Для настройки жмем на иконку в виде шестерёнки.

Задаем значения атрибуту.

Вбиваем значение которое можно задать атрибуту. В нашем случае атрибуту «Размер обуви» первое значение мы зададим «10».Сохраняем.

Таким «макаром», создаем размеры от 10 до, скажем 30.

Теперь у нас есть 20 вариаций размеров обуви.

Или другой пример. Есть у нас товар «Чехол коляска-сани», товар выполнен в трёх цветах — коричневый, синий, чёрный. Создаём атрибут цвет и задаём этому атрибуту соответствующие вариации: коричневый, синий, чёрный или любой другой цвет.

Задаём значения атрибуту «Цвет

»

Настройка вариативного товара.

Теперь возвращаемся непосредственно к редактированию товара (в данном случае товар «Чехол коляска-санки»).

Переходим меню «Товары» и переходим к редактированию или добавлению нового товара.

1. Указываем что наш товар является «Вариативным».

2. Переходим во вкладку «Атрибуты».

3. Выбираем из списка интересующий нас атрибут.

Задаём значения атрибуту.

1. ОБЯЗАТЕЛЬНО ставим галочку «Использовать для вариаций».

2. Указываем значения атрибутов товара (синий, коричневый, чёрный, серобуромалиновый).

3. Сохраняем.

Создаём вариации товара.

1. Переходим во вкладку «Вариации».

2. Из выпадающего списка выбираем «Создать вариации из всех атрибутов».

3. Сохраняем.

Указываем какую вариацию товара отображать на сайте по умолчанию.

 

Задаём значения для каждой вариации.

1. Разворачиваем список вариаций.

2. Задаём миниатюру для вариации (если нужно).

3. Обязательно указываем цену для каждой вариации.

4. Также можно указать вес и габариты для каждой вариации.

5. Сохраняем изменения.

Всё — товар готов к публикации.

На выходе мы получаем такую карточку товара

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

На первый взгляд всё кажется запутанным и сложным, но на самом деле это совсем не так.

Подписывайтесь на обновления блога в Twitter , RSS или по почте!

С уважением, Мышак Пётр!

 

Не правильное отображения кода в редакторе WordPress.

Доброго времени суток уважаемые читатели блога Мои тараканы!

Амперсанд

Для отображения знаков которых нет на клавиатуре используется специальные знаки, начинающиеся с амперсанда (&).

Небольшая заметка. Пока писал предыдущий пост намучился с отображением кода на странице. Дело в том что при переключении между вкладками «Визуально» и «Текст» в редакторе, Вордпресс постоянно обрезал знаки <> (угловые скобки) в коде, заменяя его амперсандами &lt; и &gt;. Замечались проблемы и с другим кодом (помню как долго возился со статьями о HTML). Дело в том, что WordPress пытается интерпритировать код, вместо того, чтобы вывести его на страничке как есть.

Решение — плагин Visual Code Editor. Плагин сохраняет исходное форматирование программного кода при переключением между вкладками редактора. Плагин не требует никаких настроек — подключите и не испытывайте никаких проблем с вставкой кода в редакторе WordPress!

Напоследок  немного развлекалова — задачка на логику.

Какой номер парковочного места указан под машиной?

Загадка

87.

На этом всё. Подписывайтесь на обновления блога в Twitter , RSSили по почте!

С уважением, Мышак Пётр!

Брокер бинарных опционов Binomo — обзор партнерской прграммы

Доброго времени суток, уважаемые читатели блога «Мои тараканы»!

Тема данного поста не характерна для моего блога. Сказать честно, я сам никогда не верил, что можно как-то зарабатывать на такой вещи,  как бинарные опционы. Точнее будет сказано, я даже никогда не вникал в то, как устроена торговля какими-то там опционами. Мне было неинтересно.

Хочу успокоить читателей: я не буду рассказывать, что решил попробовать, и за несколько минут заработал кучу денег или постыдно прогорел. Моё отношение (интерес) к такому виду заработка не изменился. Но, как веб-мастер, считаю, что на бинарных опционах все-таки можно заработать. Для этого достаточно стать партнером трейдера.

Сегодня я хочу рассказать об одном брокере бинарных опционов и его партнерской программе.

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

Кто такой брокер?

Брокер (от англ. broker — посредник) — юридическое или физическое лицо, которое является посредником между продавцом и покупателем при проведении операций с ценными бумагами. За свои услуги брокер получает вознаграждение в виде комиссионных.

Кто такой трейдер?

Трейдер (от англ. trader — торговец) — по сути, это спекулянт, пытающийся извлечь выгоду из процесса торговли. Под торговлей, чаще всего, подразумевается торговля на рынке ценных бумаг.

Что такое бинарные опционы?

Постараюсь внятно объяснить своими словами. Торговля на рынке бинарных опционов отличается от торговли на рынке ценных бумаг. Здесь не ведётся торговля  активами, здесь делаются прогнозы на рост (или падение) цены на тот или иной актив (валюту, газ, нефть, акции). Я бы даже сравнил это с игрой в рулетку (это моё личное мнение, вы вправе не согласиться).

Привожу пример. Вы трейдер. Вы заходите на сайт брокера и покупаете опцион, например, на рост (можно на понижение) курса доллара.  Устанавливаете период времени, через который должен сбыться ваш прогноз, например, 2 часа (можно установить время от 1 минуты). Ждёте. И если через 2 часа доллар подорожает хоть на одну копейку — вы получаете стоимость исполнившегося опциона (это фиксированная сумма, и она вам известна заранее). В противном случае вы теряете всё. Всё или ничего — именно поэтому опцион называется бинарным (двоичным).

Как-то так. Объяснение поверхностное, немного грубоватое, но чтобы понять суть, достаточное. Тем более что мы не собираемся играть на бирже — у нас другие интересы :).

Партнерская программа Binpartner.

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

Что почем?

Начнем с меркальтильной  стороны вопроса. Binpartner — платит 7% от сумы потраченной трейдерами, которых вы привели на сайт Binomo. И не важно, выиграл ваш трейдер на покупке опциона или проиграл — вы всегда в плюсе. До 31-го декабря действует акция — 10% от стоимости опциона.

Кроме того, у Binpartner есть реферальная система —  5% от прибыли привлеченных вебмастеров. То есть, если вы зарегистрируйтесь по моей ссылке как веб-мастер (ссылка в предыдущем абзаце) и будете зарабатывать на привлечении  клиентов к брокеру, мне Binomo будет платить 5% от заработанной вами суммы. Не бойтесь, эти проценты не будут сниматься с вас  — партнер заплатит из своего кармана.

Выплаты производятся два раза в месяц —  5-го и 20-го числа. Судя по новостной ленте сайта, задержек с выплатой нет. Но вот порог выплат меня немного расстроил — 20$. Лично мне такой порог кажется высоким.

Заработанные деньги можно вывести через Webmoney, Яндекс.Деньги, Epayments, Банковский перевод, Skrill.

 Привлечение клиентов.

Привлечение клиентов.

Как привлекать клиентов? Привлечение клиентов в любую партнерку — это отдельная тема. Вкратце скажу, что клиентов можно привлекать, используя свой вебсайт, через социальные сети, контекстную рекламу, email-маркетинг.

Для привлечения потенциальных трейдеров на сайте представлен огромный выбор промо материалов — 20 лендингов (посадочных (продающих) страниц) и больше 70 баннеров. Пример , и ещё один. Даже есть страницы для конвертации адалт трафика.

Лэндинги красивые, современные, но есть одно НО. Если человек, не знакомый с понятием «бинарные опционы»,  попадет на такой лэндингпейдж, то он  не сразу сможет понять (или совсем не сможет),  что ему предлагают. Не на всех страничках есть доступ к меню разделов сайта, где он мог бы узнать даже самое простое — что такое бинарные опционы. Я представляю реакцию посетителя, который попадает на рекламную страничку, на которой предлагают срубить бабла по-легкому без всяких объяснений.

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

Юзабилити.

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

Заметил один косячок, связанный с древовидным меню на страничке с промо материалами: посоветовал бы веб-мастерам Бинпартнера  сделать так, чтобы содержимое каждого пункта не нужно было скролить (поймете, о чем я говорю, если заглянете в админку сайта). А так, в принципе, 5 баллов.

Служба поддержки.

В разделе «Контакты» имеются данные 3-х менеджеров (скайп и почта). Но на свой вопрос в службу поддержки я так ответа и не получил. Это минус. Могу списать на то, что писал по скайпу в нерабочее время. Но ответа я не получил ни на следующий день, ни через день.

Ещё один минус — отсутствие формы обратной связи. Было бы удобней воспользоваться формой обратной связи, чем запускать скайп или почту и забивать туда новые контакты. Лично у меня в скайпе контактов по которым связывался всего 1-2 раза около 40-ка штук, и забивать туда ещё один такой контакт не есть айс.

Вывод.

Binomo — молодой, но довольно динамично развивающийся брокер бинарных опционов. Забейте в поиске запрос «бинарные опционы» и вы увидите, что почти в каждой статье из топа упоминается имя этого брокера. Вывод такой:  если бы у меня был сайт близкой тематики, я наверняка бы стал работать с их партнеркой. А поскольку у меня его нет, обойдусь этим обзором, который я написал специально для конкурса (решил понастольгировать). Конкурс, кстати, организовали тоже они — вот такие замечательные ребята.

P.S. Пока писал этот пост, нашел статью,  в которой опровергалось утверждение, что покупка бинарных опционов похожа на игру в рулетку. Приводился такой пример. Человек инвестирует в акции развивающейся компании с расчетом,  что они в будущем, скажем, через год, вырастут в цене. И сразу же заключает сделку на покупку опциона на падение цены на эти акции. Если акции вырастут — он получит прибыль, нет — он получит стоимость исполнившегося опциона. То есть, покупка бинарного опциона является своего рода страховкой. Опять же, я привёл немного утрированный пример, но суть такова.

В этом примере рассказывается, как работают с бинарными опционами «крупные рыбы», но для начинающих трейдеров, мне кажется, данный вид финансовых операций  всё таки  остаётся чем-то сродни азартной игре.

В каком-то обзоре читал, что конкуренты Binomo зачисляют пользователям, зарегистрировавшимся у них, на счет некоторое количество средств, чтобы они могли без вложений попробовать себя  в роли трейдера. Своего рода замануха.  Не знаю, плохо или нет, что Биномо такого бонуса не предлагает.  Но предупреждение (его наличие) в футере сайта меня порадовало:

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

Делаем ставки, господа! Подписывайтесь на обновления блога в Twitter , RSSили по почте!

С уважением, Мышак Пётр!