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

Не можете определиться с выбором CMS для своего сайта? Это знакомая ситуация, наверное, для каждого веб-строителя. Ведь действительно, чтобы выбрать одну из них, нужно знать особенности каждой, при чем в одном случае подходит одна, в другом- вторая. Поэтому, чтобы для каждого проекта выбрать наиболее подходящую CMS, попробуйте сначала сравнить их! Существует множество разных бесплатных CMS, но самыми популярными, безусловно, будут read more

Итак, вот и закончен цикл постов, посвящённых созданию темы для вордпресс. Статьи я сочинял не сам, они переводные, кому интересно, вот ссылка на источник. Оглавление: Урок 1. Вступление. Урок 2. Файлы темы. Урок 3. Начинаем с index. Урок 4. Шаблон шапки. Урок 4b. Шаблон шапки — продолжение. Урок 5. Циклы. Урок 5b. Контент. Урок 5c. Метаданные поста. Урок 5d. Ссылка заголовка. Урок 5e. Ссылки навигации по блогу. Урок 6. Боковая панель (сайдбар). Урок 6b. read more

Вот и добрались до последнего — до комментариев. Шаг 1: создадим файл comments.php, скопируем в него весь код из этого comments.txt. Шаг 2: скопируем код из этого comments-template-css.txt в наш style.css. Шаг 3: В файле поста (single.php), под DIV`ом entry напишем такой код: <div class=”comments-template”> <?php comments_template(); ?> </div> Функция comments_template вызывает код из файла comments.php. Такой же код можно вставить и в файл страницы (page.php), если хочется дать людям возможность комментировать read more

Займёмся этакими под-темами для наших страниц. Попробуйте сейчас, например, нажать на ссылку в архиве или что-нибудь поискать через поисковую форму — страницы с результатами поиска не отличаются от главной страницы, а нас это, предположим не устраивает. Шаг 1: Создаём новый файл archive.php. Копируем в него весь код из файла index.php. Сохраняем archive.php, меняем в нём код the_content на the_excerpt. Теперь на архивных страницах наши посты не будут read more

Сейчас мы поработаем с нижним колонтитулом (footer) или, как его обычно называют в народе, подвалом и разделаем наш большой главный файл на несколько маленьких. Стиль Footer и деление Index Шаг 1: Добавим для подвала отступ 10px: #footer{ padding: 10px 0 0 0; } Таким образом мы обратились к div`ной коробке с id по имени «footer» и сделали отступ (padding) сверху 10px (10px 0 0 0;). Шаг 2: Теперь увеличим подвал сделав высоту строк 18 пикселей, для чего в тот же код добавим строку read more

И вновь работаем только с файлом стилей style.css. Стиль сайдбара (боковой панели) Шаг 1: .sidebar ul{ list-style-type: none; margin: 0; padding: 0 10px 0 10px; } Прописали стили для списков (<ul>) в коробках с классом «sidebar» (.sidebar). До этого наши списки были с точечками, теперь стиль списков (list-style-type) никакой (none), то есть без всякого оформления. Отступы (padding) слева и справа по 10 пикселей (0 10px 0 10px). Как первый уровень, так и последующие лишились оформления, так как read more

В данном уроке нам понадобится только style.css. Дизайн поста Шаг 1: Убираем все поля и отступы. body, h1, h2, h3, h4, h5, h6, blockquote, p{ margin: 0; padding: 0; } Вместо margin: 0 0 0 0; (поля со всех сторон равны нулю) можно писать просто margin: 0;. Тоже самое с padding. Шаг 2: Определим стиль для заголовка H1: h1{ font-family: Georgia, Sans-serif; font-size: 24px; padding: 0 0 10px 0; } font-family: Georgia, Sans-seriff; — Шрифт для заголовка блога у нас будет Georgia, а не Arial как на всей странице. font-size: 24px; — размер шрифта 24px. padding: 0 0 10px read more

В этом уроке нам понадобятся два файла: index.php и style.scc. Ширина и положение на странице Выберем ширину нашей темы. Будет она у нас равна 750-ти пикселям. Такая, чтобы было удобно для просмотра большинству посетителей блога. Сейчас мы сделаем самую большую div`ную коробку, в которую поместим весь код, включая шапку, сайдбар и подвал. Добавляем в index.php: <div id=”wrapper”> сразу же после тэга <body>. И: </div> перед самым </body>. В style.scc read more

Продолжаем погружаться в CSS-премудрости. Шестнадцатеричные коды и стили ссылок Итак, значение бэкграунда у нас выражено в виде шестнадцатеричного кода, обозначающего цвет. Цвет варьируется от #ffffff (белый) до #000000 (чёрный). Вся радуга основных цветов выглядит так: #eeeeee, #dddddd, #cccccc, #bbbbbb, #aaaaaa, #999999, #888888, #777777, #666666, #555555, #444444, #333333. #222222, #111111. Первые два символа означают степень красного, третий и четвёртый — зелёного и последние два — синего. read more