Дневник Предпринимателя "inDV"
УстановитеFlash player
On-Line Радио от автора Дневника Предпринимателя "inDV" для действующих и начинающих предпринимателей и бизнесменов.

Формат радиостанции: All Talk

Жанры: House, Trap, Dubstep, Drum&Bass

Сейчас в эфире: Загрузка ...

  • Подписаться на статьи

    Введите свой Email-адрес:

    Подписавшись, вы будете получать все новые статьи себе на почту сразу после их публикации.
Рубрики: Интернет-Бизнес | Шаблоны | 14.02.2017 | 10:53 | 207 Просмотров

Шаблон ВКонтакте WordPress

Открыть демонстрацию темы

Скачать тему

Приветствую вас, господа! Решил написать с нуля шаблон wordpress вконтакте и выставить бесплатно для скачивания. Данный шаблон очень легко изменить под свои расцветки и поменять логотип, главный аватар и мини-аватар (круглый возле записи).

Сразу хочу предупредить наивных новичков, что шаблон не имеет никаких встроенных функций, как в Вконтакте. Поэтому никаких социальных следов вы в нем не обнаружите. Но, если располагаете знаниями скриптов, то можете его перенастроить, хотя зачем копировать, если можно создать что-то уникальное своими ручками? Ладно, это не мне решать.

Как поменять главный аватар?

Залив и установив шаблон вконтакте wordpress, пройдите в файловый менеджер вашего хостинга до папки: ваш сайт/public_html/wp-content/themes/VKblog Shimolin Pavel и зайдите в папку Images. Там то вы и увидите все изображения, которые используются в теме:

  • ava.jpg – это главный аватар;
  • microava.jpg – это маленький круглый аватар возле названия записи (не обязательно округлять его в редакторе, заливайте квадратный, настройки css его округлят, как надо);
  • bullet.png – это маркер рядом с названием рубрики, используется еще в маркированных списках (как вы заметили, я не стал делать разными, как это сделано в вк, если желаете, можете это дело настроить под себя).

Шаблон ВКонтакте WordPress – меняем цвета.

Для тех, кто хотя бы интуитивно разбирается в файле style.css, не составит великого труда изменить расцветку сайта, как сделал я на одном из своих проектов, где решил за основу взять этот дизайн, кстати, можете посмотреть – 2love.pro

Чтобы не рассказывать тут, что где да как, я прямо в файле css прописываю понятия, думаю, разберетесь и без меня.

Шаблон ВКонтакте WordPress

Функции:

  • Background – фон объекта;
  • Color – цвет шрифта внутри объекта;

Вариации применения цветов:

  • background: linear-gradient(to top, rgba(54, 112, 151, 0.7), rgba(85, 143, 183, 0.7));

Background – это фон объекта, Linear-Gradient – это градиент (плавный переход от одного цвета к другому), To top – снизу вверх, RGBA (Red – красный) (Green – зеленый) (Blue – синий) (A – прозрачность). Цифры, в нашем случае, означают количество того или иного цвета и прозрачность объекта.

  • background: #367097; – код цвета, если посмотрите на изображение, можно его увидеть ниже. Это упрощенный вариант настройки фона объекта.
  • background: url(‘images/background.jpg’) no-repeat;

Url(‘images/background.jpg’) – это путь к изображению фона объекта, no-repeat – не повторять. Также может быть и repeat – повторять, или repeat-х – повторять по горизонтали, repeat-y – повторять по вертикали.

  • color: #000000; – это цвет текста. 000000 – это черный цвет.

Это все, что может отвечать за внешний окраску шаблона.

C этой статьей также читают следующие:

Оставить комментарий

Наверх