Blogiversary IV: 9 Кодирование в блоге и предложения по стилю сайта

. Поскольку многие из вас запросили это, я собираюсь попытаться выпустить некоторые технические советы по ведению блогов / кодирования. Я признаю, что я очень не решался сочинять это, так как я сам очень любитель. Спрашивать у меня руководство по веб -стилю немного похоже на то, чтобы попросить вашего официанта инструктировать вас, как именно готовить. Я могу рассказать вам фундаментальные компоненты того, что мы обслуживаем, однако все может стать волосатым, если меня попросят собрать меню. Это действительно просто пробная версия, а также ошибка, а также хорошее количество гуглей для ответов. Примечание: да, соблюдение визуальной шутки – это кодирующая шутка, таким образом, скобки.

Теперь, когда я позволил своей неуверенности много разговоров, я заявлю, что собрал достаточное техническое мастерство для стиля, а также управлять этим блогом (из программы Sherry вносит свой вклад, когда он касается внешнего вида/функции Вещи) практически без внешней поддержки (единственным исключением является линия обслуживания клиентов нашего хоста, а также случайная помощь от приятеля или двух, когда мы не можем понять, почему, черт возьми, мы падаем). Так что я должен делать что -то лучшее, что не совсем неправильно. Однако, если вы читаете это как кого -то гораздо более любителя, чем я, пожалуйста, возьмите мое руководство с зерном соли. Как и если вы гораздо больше эксперт, попробуйте не смеяться. Помимо того, что вы можете полностью предложить другие полезные рекомендации для всех, кто ищет технические/кодирующие советы.

С учетом сказанного давайте погрузимся.
Наши предпочтительные видео

Мой опыт: этот блог не был моим самым первым танцем с кодированием. Информатика была необходимой программой в моей средней школе, поэтому в возрасте 15 лет меня учили C ++, а также Smidge of HTML (попробуйте w3schools.com, если ваше высокое учреждение не было таким жеватным, как и у меня). Я не помню облигации C ++, однако это дало мне фундаментальное понимание того, как именно работает код (и, что более важно, именно то, как он не работает, когда не хватает одной конечной кронштейна). Полем Я использовал свои очень маленькие навыки HTML, чтобы собрать несколько непринужденных участков в высоком учреждении (например, это весело-увлажняющее, а также веселый сайт GeoCities, доступный для моей высокой группы французского рога) Сложные языки, такие как CSS, JavaScript, а также кто понимает, что еще. Поэтому, если еще не очевидно, что у меня есть немного гика в моей ДНК, эта картина должна прояснить ее. Почему на самом деле моя толстовка Дилберта утверждает «Технология: нет местоположения для слабых».

Способ без кода: очарование платформ для ведения блогов, таких как WordPress, Blogger, а также Tumblr, заключается в том, что вам не нужно понимать какой-либо код, чтобы использовать их. Многие из них делают это достаточно, что если вы можете составить электронное письмо, а также отправить фотографию, вы можете вести блог. а также именно так мы начали. Мы провели наши самые первые пять месяцев на абсолютно бесплатной учетной записи WordPress.com (скриншот ниже), где степень нашего «дизайна блога» была размером с фотографий заголовка. Так что, если вы абсолютно беспокоитесь о кодировании и проектировании, это может быть метод для вас.

Откройте для себя отличного хозяина: в феврале 2008 года мы перевели в блог WordPress.org с самостоятельным отправлением, чтобы иметь гораздо большую гибкость в стиле. Это подразумевает наличие нашего собственного хоста, подразумевая, что наш сайт больше не жил полностью бесплатно на серверах WordPress, однако вместо этого на сервере, который мы обнаружили, а также заплатили за себя. Мы пошли в Bluehost, рассчитанное на WordPress (это партнерская ссылка), который в то время взимал менее 30 долларов в год. Наш сайт жил на общем сервере с примерно 99 другими маленькими блогами (что означает, что другие сайты жили с нами, поэтому он был настолько доступным) в течение года. Вплоть до тех пор, пока мы не стали огромными (то есть регулярно разбивали весь сервер … снимая все 99 других сайтов с нами … упс). Таким образом, Bluehost предоставил нам ботинок, а также мы провели немало исследований, а также приземлились в Liquidweb (это партнерская ссылка), где у нас есть собственный преданный сервер, а также фантастическая поддержка клиентов. Это далеко от этой стоимости 30 долларов в год, с которой мы начали (попробуйте добавить два нуля), однако все это часть предложения, когда вам так же повезло, как мы расти, как и мы.

О, да, удерживая фотографии: когда мы перешли на Liquidweb, мы получили некоторое руководство у других, а также решили удержать наши фотографии в другом месте – что уменьшает тонны на одном отдельном сервере, а также может покрыть некоторые из расходов. Мы кратко попробовали Flickr, а также Photobucket (поскольку они были совершенно бесплатны или почти свободны, а также мы дешевые), однако после ряда жалоб на эти сайты блокированы на определенных рабочих местах (не то, что вы проверяли какой-либо тип вас. Блоги на работе, верно?) Мы решили перевести на оплачиваемый хост: Amazon S3 (которые мы видели, что некоторые другие крупные сайты успешно используют). Со временем наше количество картинок росло вместе сBlogiversary IV: 9 Кодирование в блоге и предложения по стилю сайта (###). Поскольку многие из вас запросили это, я собираюсь попытаться выпустить некоторые технические советы по ведению блогов / кодирования. Я признаю, что я очень не решался сочинять это, так как я сам очень любитель. Спрашивать у меня руководство по веб -стилю немного похоже на то, чтобы попросить вашего официанта инструктировать вас, как именно готовить. Я могу рассказать вам фундаментальные компоненты того, что мы обслуживаем, однако все может стать волосатым, если меня попросят собрать меню. Это действительно просто пробная версия, а также ошибка, а также хорошее количество гуглей для ответов. Примечание: да, соблюдение визуальной шутки – это кодирующая шутка, таким образом, скобки.

Теперь, когда я позволил своей неуверенности много разговоров, я заявлю, что собрал достаточное техническое мастерство для стиля, а также управлять этим блогом (из программы Sherry вносит свой вклад, когда он касается внешнего вида/функции Вещи) практически без внешней поддержки (единственным исключением является линия обслуживания клиентов нашего хоста, а также случайная помощь от приятеля или двух, когда мы не можем понять, почему, черт возьми, мы падаем). Так что я должен делать что -то лучшее, что не совсем неправильно. Однако, если вы читаете это как кого -то гораздо более любителя, чем я, пожалуйста, возьмите мое руководство с зерном соли. Как и если вы гораздо больше эксперт, попробуйте не смеяться. Помимо того, что вы можете полностью предложить другие полезные рекомендации для всех, кто ищет технические/кодирующие советы.

С учетом сказанного давайте погрузимся.
Наши предпочтительные видео

Мой опыт: этот блог не был моим самым первым танцем с кодированием. Информатика была необходимой программой в моей средней школе, поэтому в возрасте 15 лет меня учили C ++, а также Smidge of HTML (попробуйте w3schools.com, если ваше высокое учреждение не было таким жеватным, как и у меня). Я не помню облигации C ++, однако это дало мне фундаментальное понимание того, как именно работает код (и, что более важно, именно то, как он не работает, когда не хватает одной конечной кронштейна). Полем Я использовал свои очень маленькие навыки HTML, чтобы собрать несколько непринужденных участков в высоком учреждении (например, это весело-увлажняющее, а также веселый сайт GeoCities, доступный для моей высокой группы французского рога) Сложные языки, такие как CSS, JavaScript, а также кто понимает, что еще. Поэтому, если еще не очевидно, что у меня есть немного гика в моей ДНК, эта картина должна прояснить ее. Почему на самом деле моя толстовка Дилберта утверждает «Технология: нет местоположения для слабых».

Способ без кода: очарование платформ для ведения блогов, таких как WordPress, Blogger, а также Tumblr, заключается в том, что вам не нужно понимать какой-либо код, чтобы использовать их. Многие из них делают это достаточно, что если вы можете составить электронное письмо, а также отправить фотографию, вы можете вести блог. а также именно так мы начали. Мы провели наши самые первые пять месяцев на абсолютно бесплатной учетной записи WordPress.com (скриншот ниже), где степень нашего «дизайна блога» была размером с фотографий заголовка. Так что, если вы абсолютно беспокоитесь о кодировании и проектировании, это может быть метод для вас.

Откройте для себя отличного хозяина: в феврале 2008 года мы перевели в блог WordPress.org с самостоятельным отправлением, чтобы иметь гораздо большую гибкость в стиле. Это подразумевает наличие нашего собственного хоста, подразумевая, что наш сайт больше не жил полностью бесплатно на серверах WordPress, однако вместо этого на сервере, который мы обнаружили, а также заплатили за себя. Мы пошли в Bluehost, рассчитанное на WordPress (это партнерская ссылка), который в то время взимал менее 30 долларов в год. Наш сайт жил на общем сервере с примерно 99 другими маленькими блогами (что означает, что другие сайты жили с нами, поэтому он был настолько доступным) в течение года. Вплоть до тех пор, пока мы не стали огромными (то есть регулярно разбивали весь сервер … снимая все 99 других сайтов с нами … упс). Таким образом, Bluehost предоставил нам ботинок, а также мы провели немало исследований, а также приземлились в Liquidweb (это партнерская ссылка), где у нас есть собственный преданный сервер, а также фантастическая поддержка клиентов. Это далеко от этой стоимости 30 долларов в год, с которой мы начали (попробуйте добавить два нуля), однако все это часть предложения, когда вам так же повезло, как мы расти, как и мы.

О, да, удерживая фотографии: когда мы перешли на Liquidweb, мы получили некоторое руководство у других, а также решили удержать наши фотографии в другом месте – что уменьшает тонны на одном отдельном сервере, а также может покрыть некоторые из расходов. Мы кратко попробовали Flickr, а также Photobucket (поскольку они были совершенно бесплатны или почти свободны, а также мы дешевые), однако после ряда жалоб на эти сайты блокированы на определенных рабочих местах (не то, что вы проверяли какой-либо тип вас. Блоги на работе, верно?) Мы решили перевести на оплачиваемый хост: Amazon S3 (которые мы видели, что некоторые другие крупные сайты успешно используют). Со временем наше количество картинок росло вместе сНаш трафик … как и наши расходы на удержание изображений (это кажется безумным для печати, однако мы платим десятки бесчисленных долларов в год, чтобы держать наши изображения). Однако опять же, затраты на хранение являются лишь частью всей работы на полный рабочий день, а также мы всегда благодарны за то, что они «видите» вас, ребята… поэтому мы хотели, чтобы как можно больше людей, чтобы иметь возможность получить доступ к нашим фотографиям Полем Вы знаете, потому что они самая лучшая часть.

Установите тему: стиль – это то, что диктует внешний вид вашего блога (цвета, макет, шрифты и т. Д.). У WordPress есть много встроенных тем, или вы можете найти свои собственные (хотя они не всегда бесплатны). Как и если вы действительно амбициозны, вы можете сделать свой собственный. Однако я не настолько амбициоз, поэтому мы только что обнаружили стиль, который нам понравился, а также попробовал нашу руку персонализировать его. Наши – это совершенно свободный стиль, который называется «WP Premium», а также мы обнаружили, что он с Николь в том, чтобы сделать его прекрасным. Наши два сайта являются примерами того, как именно один стиль может быть персонализирован для создания двух совершенно разных, так и различных взглядов (мы оба по -прежнему используем один и тот же шаблон дизайна с различными настройками). Поэтому обнаружите стиль, в котором есть фундаментальные функции, которые вы хотели бы в своем блоге-что-то с определенным количеством столбцов, определенный тип навигации, обычный вид, который вам нравится, или даже стиль в стиле журнала (например, Layla & Блог Кевина), а также начинаются там (этот метод нет кодирования с нуля).

Стиль: если ваш стиль похож на наш, это зависит от каскадных листов в стиле (он же CSS). Это данные (или файлы), которые определяют именно то, как выглядит ваш сайт, когда он загружается. Поэтому, а не мне приходится вручную кодировать названия наших блогов как определенный размер, так и каждый раз цвет, стиль понимает, чтобы рекомендовать мой лист стилей каждый раз, а также соблюдать эти рекомендации. В нашем стиле есть два листа стиля, один, который направляет размер, а также размещение аспектов на странице (то есть сделайте боковую панель широкой как многочисленные пиксели, а также настолько далеко от основного материала), а также ту, которая диктует картинки, а также цвет (т.е. все встроенные ссылки синий). Я не понимал CSS до ведения блога, поэтому мой метод персонализации стиля нашего блога был, по сути, «изменить код, посмотрите, что произойдет». В частности, это было бы причудливых результатов («Ооа, вторжение меню внезапно исчезло»), однако медленно я выяснил причину, а также влияние моих настройки кодирования. а также медленно, однако, я, безусловно, работал над индивидуальным видом. Есть несколько фантастических уроков CSS на w3schools.com, если вы хотите узнать некоторые специфики для кодирования.

Картинка стоит тысячи кодов: конечно, не то, что на сайте – это как номер, так и код. Фактическая графика (например, заголовки или значки боковой панели) также являются огромной частью стиля. Предоставление руководства по Photoshop – это целая «задержанная тема», поэтому я оставляю ее при этом: получить себе отличное программное обеспечение для редактирования изображений, особенно то, что делает его просты Диапазон стилей (например, с уменьшенным веб-jpg, а также GIFS, способные прозрачности или PNG). Конечно, мы поклонники Photoshop (у нас есть Adobe Innovative Suite), однако мы слышим, что такие сайты, как Picnik, являются отличными альтернативами. Кроме того, просто убедитесь, что у вас есть метод для отправки ваших изображений. Ваше удержание может иметь встроенное программное приложение FTP или вы можете Google для загрузки.

Пробежь, ошибка, а также Google: «Измените какой -то код, посмотрите, что произойдет» – это мое лучшее руководство для кодирования как любителя. В некоторых случаях самый простой метод понимания того, что делает немного кода, это изменить его, а также наблюдать за последствиями. Просто обязательно сохраните исходный код где -то, чтобы вы могли легко отменить его. Когда я действительно застрял, я обращаюсь к Google. Просто поиск секретного кода (и я подразумеваю на самом деле копирование кода в поле «Просмотр») может выявить некоторые просвещающие результаты – доски объявлений, форумы поддержки, а также даже в некоторых случаях буквальные определения рассматриваемого кода). У WordPress есть несколько фантастических форумов, а также даже кодекс, который разрушает то, что означают все их код, а также функции, включая некоторые предложения по их изменению.

Подключите его, подключите его: вы также можете усилить функцию / персонализацию своего сайта с помощью плагинов, которые являются совершенно бесплатными дополнениями в блог WordPress, который вы обычно можете загрузить с Best в панели WordPress. Они могут добавить потрясающие виджеты на вашу боковую панель, повысить производительность ваших постов, а также даже помочь вашему сайту работать быстрее (например, нашего плагина W3 Caccher, который не дает нам рубить весь день, каждый день). Однако плагины также могут также смутить ваш сайт (например, когда вчерашний плагин из опроса перегружены нашего сайта до такой степени, что ах-мы-кеааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааары Так что это всегда больше подходит для жесткого кода