Category Archive Вебдизайн и Wordpress

Автор:human

Заработок с помощью рекламы на блоге

Здесь я буду описывать сервисы для заработка на своем сайте. Многие из нас хотят работать на дому, совмещая по настоящему интересное и полезное(заработок), получая независимость от ситуации на рынке труда. При этом каких либо значительных финансовых вложений не требуется. Существует множество способов монетизации авторского контента в сети. Это и свой видеоканал на youtube, связанный с google adsense, так же это и Yandex Direct. Это и размещение рекламы на своем сайте(блоге), это и продажа баннеров, продажа ссылок. Зарабатывать можно и на биржах контента, на сайтах для фрилансеров, выполняя различные проекты. Вы можете продавать на своем сайте различные бизнес идеи, тем самым привлекая посетителей на свой сайт.

 

 

Блогун

Блогун — это старейший в Рунете сервис для взаимодействия рекламодателей и владельцев блогов. Именно Блогун задал все стандарты рынка рекламы в блогах, существующие на данный момент! Постовые, рекламные обзоры, скрытая реклама в блогах и т.д. — всё это появилось благодаря Блогуну. В настоящее время это крупнейшая система с самым большим числом и рекламодателей, и блогов. Рекомендую использовать в первую очередь

 

Twite

Twite — это сервис для размещения рекламы в Твиттере. Микроблоги становятся всё популярнее, а их аудитория всё больше. Значит, реклама в Twitter будет всё более эффективным средством как для продвижения, так и для заработка. И Twite стал первым серьезным игроком в этом сегменте рынка рекламы

 

Rotapost

Rotapost — это аналог Блогуна, который попробовал избавиться от его главных недостатков. Правда, со временем, Ротапост всё больше похож на Блогун. Форматы рекламы те же, попытки изменить способы взаимодействия привели только к непониманию. В Ротапосте интересно лишь то, что его владелец и создатель, благодаря личному авторитету, смог привлечь в сервис много авторитетных и качественных блогов. В любом случае, Ротапост это твёрдое второе место.

 

Google Adsense

Google AdSense — сервис контекстной рекламы от Google. Программа автоматически размещает на веб-сайтах текстовые и графические объявления, подходящие по контексту. Владельцы сайтов, размещающие рекламу, получают доход за клики (переходы посетителей по рекламным ссылкам) и показы рекламы (Google AdSense для контекста). Кроме того, издатели веб-сайтов с помощью AdSense могут предоставлять своим посетителям поиск Google как по Интернету, так и непосредственно по сайту, зарабатывая деньги от объявлений Google (Google AdSense для поиска). Так же данный сервис можно связать с youtube для монетизации своих видео с канала на youtube.

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

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

 

Автор:human

Установка плагинов из Github для WordPress

Github Plugin Search это плагин написанный Paul Clark. Этот плагин позволяет искать расширения в github и устанавливать их на wordpress.  Для этого плагин использует Github API Search, Plugin File Header and WordPress Installer API.

После установки, вы можете искать и добавлять новые плагины от Плагины > Добавить новый меню как обычно. Но, как этот плагин еще в стадии разработки , он заменяет результат поиска Плагины полностью с перечнем плагинов , найденных в Github .

В этом примере, приведенном ниже , я искал » бутстрап » . Поиск дал несколько результатов .

 

Предостережение

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

Github не разработан специально для распространения WordPress плагины . В отличие от WordPress.org репо , которое смягчает все представленные плагины, Github позволяет любому загружать и провести свой ​​проект в нем без строгого отбора . Это может быть воспользовались люди, которые загрузить плагины с вредоносными кодами , которые для intance могли бы позволить бэкдор доступ в свой блог без вашего разрешения .

Так , в то время как Github является отличным альтернативным источником , чтобы найти WordPress плагины , вы должны быть осторожны с вашим выбором . Убедитесь, что вы знаете, что за плагин и  его код  , прежде чем  использовать плагин .

Послесловие

Я с нетерпением жду усовершенствований этого плагина . В будущем , разработчик , планирует добавить возможность , чтобы вы выберали между WordPress.org repo and Github.

Автор:human

Как сделать картинки в WordPress «адаптивными»

WordPress is a really powerful platform. Making a responsive theme and integrating it is pretty easy once you know the basics of theming. Responsive images, on the other hand, are not something WordPress deals with out of the box. You could go down the route of manually generating each image size, then in the HTML editor you could manually type the image tag,srcset attributes and each image. This will not only take time, but could be an issue for any admin users that are not HTML-literate.

Thankfully there is a way to make WordPress do all the heavy lifting. It can generate all the image sizes from a single image upload then, via a plugin, implement the image tag and srcsetattributes anywhere the author chooses to insert an image.

 ШАГ 1 . Правим FUNCTIONS.PHP для того, чтобы он генерировал больше различных разрешений при загрузке картинок на сайт

Так же автоматические генерируется 3 копии с измененным разрещением (высота и ширина изображений базируется на начальном разрешении изображения). В итоге получаем следующие размеры:

  1. Предпросмотр (150×150)
  2. Средний (300×300)
  3. Большой (1024×1024)

 

Чтобы генерировалось больше вариантов изображений нужно дабавить следующие строки  в functions.php

Теперь при загрузке файлов будут генироваться изображения с разрешением 300, 600, 1200px, теперь осталось внести некоторые измения в html.

STEP 2: INSTALL THE RICG RESPONSIVE IMAGES PLUGIN

Теперь необходимно установить еще один плагин —  RICG Responsive Images plugin. Установив один раз и активировав плагин он будет генерировать атрибут —  srcset attribute.

Данный плагин при добавлении изображений, будет генирироваться код

В этом коде одно изображение(до установки плагина)

После установки плагина код будет выглядить так.

Новые размеры изображений добавляются с помощью атрибута srcset attribute.

Плагин также включает Picturefill.js, который делает изображения полностью адаптивными, всесте с тегом srcset.

Теперь ваши изображения полностью адаптивные.

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

 

ШАГ 3: Установить плагин для регенерации уже существующих изображений.
The Regenerate Thumbnails — плагин для регенерации изображений. Ставим его если надо.

После установки идем Инструменты -> Regen. Thumbnails нажимаем  кнопку “Regenerate All Thumbnails” . Ждем пока все закончиться

Автор:human

55 бесплатных адаптивных тем WordPress на 2015 год

Сегодня  я предлагаю вам  55  адаптивных тем WordPress на 2015 год. Под каждым изображением ссылки на демо, описание и загрузку темы.

1. Lovecraft

01-lovecraft1

Описание | Демо | Скачать

2. Gridsby

02-gridsby

Описание | Демо | Скачать

3. Radcliffe

03-radcliffe

Описание | Демо | Скачать

4. Ghazale

04-ghazale

Описание | Демо | Скачать

5. Resonar

05-resonar

Описание | Демо | Скачать

6. Magnifique

06-magnifique

Описание | Демо | Скачать

7. Founder

07-founder

Описание | Демо | Скачать

8. Auberge

08-auberge

Описание | Демо | Скачать

9. Avocation

09-avocation

Описание | Демо | Скачать

10. Lindeza

10-lindeza

Описание | Демо | Скачать

11. Esteem

11-esteem

Описание | Демо | Скачать

12. Sorbet

12-sorbet

Описание | Демо | Скачать

13. Poet

13-poet

Описание | Демо | Скачать

14. Ophelia

14-ophelia-theme

Описание | Демо | Скачать

15. Ample

15-ample

Описание | Демо | Скачать

16. Coherent

16-coherent

Описание | Демо | Скачать

17. Prana

17-prana

Описание | Демо | Скачать

18. The Princess

18-the-princess

Описание | Демо | Скачать

19. Bakery

19-bakery

Описание | Демо | Скачать

20. Receptar

20-receptar

Описание | Демо | Скачать

21. Sento

21-sento

Описание | Демо | Скачать

22. Rara Clean

22-rara-clean

Описание | Демо | Скачать

23. Arcade Basic

23-arcade

Описание | Демо | Скачать

24. Metro CreativeX

24-metrox

Описание | Демо | Скачать

25. SKT IT Consultant

25-skt-it-consultant

Описание | Демо | Скачать

26. Ward

26-ward

Описание | Демо | Скачать

27. evolve

27-evolve

Описание | Демо | Скачать

28. Quidus

28-quidus

Описание | Демо | Скачать

29. Woodley

29-woodley

Описание | Демо | Скачать

30. Hemingway

30-hemingway

Описание | Демо | Скачать

31. Customizr

31-customizr

Описание | Демо | Скачать

32. Lucy

32-lucy-theme

Описание | Демо | Скачать

33. Nictitate

33-nictitate

Описание | Демо | Скачать

34. Oblique

34-oblique

Описание | Демо | Скачать

35. Hannari Pink

35-hannari

Описание | Демо | Скачать

36. Aries

36-aries

Описание | Демо | Скачать

37. Simplified Blog

37-simplified

Описание | Демо | Скачать

38. Flat

38-flat

Описание | Демо | Скачать

39. Dispatch

39-dispatch

Описание | Демо | Скачать

40. Hathor

40-hathor

Описание | Демо | Скачать

41. Yuuta

41-yuuta

Описание | Демо | Скачать

42. Radiate

42-radiate

Описание | Демо | Скачать

43. Loose Leaf

43-loose-leaf

Описание | Демо | Скачать

44. Fortunato

44-fortunato

Описание | Демо | Скачать

45. ColorMag

45-colormag

Описание | Демо | Скачать

46. Tracks

46-tracks

Описание | Демо | Скачать

47. Amadeus

47-amadeus

Описание | Демо | Скачать

48. Relic

48-relic

Описание | Демо | Скачать

49. Interface

49-interface

Описание | Демо | Скачать

50. Freak

50-freak

Описание | Демо | Скачать

51. StrongHold

51-strong-hold

Описание | Демо | Скачать

52. Totomo

52-totomo

Описание | Демо | Скачать

53. Atomic

53-atomic

Описание | Демо | Скачать

54. Parchment

54-parchment

Описание | Демо | Скачать

55. Make

55-make

Описание | Демо | Скачать