Michael Cain
0 
1129
298
Поначалу ведение блога может показаться довольно романтичной идеей. Вы представляете себе, что вы выпускаете по два-три сообщения в день, и сотни или, надеюсь, тысячи фанатов проверяют, что вы хотите сказать.
Дни превращаются в недели, а затем недели превращаются в месяцы. Ведение блога стало рутиной. Вы понимаете, что проводите большую часть своего времени, пытаясь отформатировать свои посты так, чтобы они выглядели профессионально.
Затем вы нанимаете писателя, а потом двух. Вскоре у вас есть команда писателей, отправляющая вам сообщения каждую неделю, и вы теперь тратите все вашего времени на редактирование и форматирование этих постов, чтобы они выглядели так, как вы хотите, чтобы они выглядели в блоге, который стал трудом любви.
Проблема в том, что все это редактирование и форматирование отнимало у вас все время, которое у вас было для того, что вы любили делать больше всего - писать.
WordPress - это гениальное изобретение, благодаря которому все больше и больше людей получают удивительные веб-сайты с красивыми темами. Как изменить тему блога Wordpress за 3 простых шага Как изменить тему блога Wordpress за 3 простых шага. Тем не менее, все еще остается вопрос области контента, которая все еще должна быть отформатирована для изображений, рекламы и хорошо размещенного контента..
Форматирование содержимого WordPress с помощью шаблона
Некоторое время назад я описал вам, как вы можете автоматически вставлять рекламу в каждое отдельное сообщение, используя In-Post Template Add-on для WordPress..
Это прекрасно работает, если вы начинаете с нового блога - но если вы уже вставляли рекламу в свои посты, он вернется, вставит новое объявление и полностью испортит все ваши старые посты..
Не волнуйтесь - есть другое решение, которое даже лучше. Просто отредактировав один из ваших стандартных файлов WordPress PHP, а затем создав таблицу стилей, вы можете создать свой собственный тщательно отформатированный шаблон содержимого, который будет появляться при каждом нажатии “Добавить новое” в WordPress. Весь ваш старый контент останется нетронутым.
Вот пример всей работы по форматированию, которую я выполняю в своем блоге..
У меня есть изображение заголовка, которое должно быть тщательно измерено, с отступами вокруг него и оставлено выравниванием. У меня есть “Больше” перерыв, за которым последовало мое объявление в объявлении Google. Затем в каждом посте у меня есть дополнительные изображения, которые имеют размеры, подходящие и правильные. По большей части, мне стыдно сказать, что я делал все это вручную - включая все статьи, которые присылают мои авторы.
Вот как выглядит такой пост, когда он опубликован.
Как видите, форматирование немного сложнее, потому что в одной области у меня изображение выровнено по левому краю, а в следующем разделе у меня объявление по правому краю. Тогда все дополнительные изображения также выровнены по правому краю. Мне нравится эта настройка для моего собственного блога, потому что это легче для глаз и течет хорошо. Вы можете иметь свои собственные предпочтения для вашего конкретного блога WordPress.
Первым шагом для создания вашего шаблона является резервное копирование файла functions.php (вы найдете его в корневом каталоге вашей темы), а затем откройте его для редактирования.
Здесь вы увидите кучу кода - все функции, используемые в настоящее время вашей текущей темой блога. Вы собираетесь вставить новый раздел между этими функциями. Найдите конец первой функции, а затем вставьте код, который я собираюсь подробно описать в следующем.
Теперь я должен отдать должное, когда это необходимо - я действительно получил эту идею от Дэвида Хансена из журнала Smashing Magazine, который написал статью об этом еще в октябре. В этом случае я собираюсь расширить его идею, показывая вам, как настроить этот шаблон для таких вещей, как реклама и изображения.
add_filter ( 'default_content', 'custom_editor_content'); add_editor_style ( 'редактор style.css'); function custom_editor_content ($ content) $ content = 'Вставьте здесь свое введение. Введите Google Script Здесь. Здесь содержимое второго раздела. Здесь содержимое третьего раздела. Здесь содержимое третьего раздела'; вернуть $ content; Обратите внимание, как на самом деле лучше работает выравнивание, используя выравнивание изображений, встроенное в стиль вашей темы, а в случае с рекламой Google вы должны использовать второй div с атрибутом style, чтобы выровнять, куда вы хотите его направить. Это просто работает лучше всего. Однако, что касается размеров, заполнения и размещения, вам нужно создать файл CSS.
Вот стиль для каждого раздела, определенного выше.
body background: # f5f5f5; .content-col-main float: right; ширина: 70%; обивка: 1%; граница: 1px пунктирная #ccc; фон: #fff; .content-col-side float: left; ширина: 210px; обивка: 1%; граница: 1px пунктирная #ccc; фон: #fff; .content-google-ad float: right; ширина: 20%; обивка: 1%; граница: 1px пунктирная #ccc; фон: #fff; .content-section-two float: left; ширина: 70%; обивка: 1%; граница: 1px пунктирная #ccc; фон: #fff; .content-image-three float: right; ширина: 210px; обивка: 1%; граница: 1px пунктирная #ccc; фон: #fff; .content-section-three float: left; ширина: 70%; обивка: 1%; граница: 1px пунктирная #ccc; фон: #fff; img / * Убедитесь, что ваши изображения остаются в своих столбцах * / max-width: 100%; ширина: авто; высота: авто; Вы можете использовать проценты или пиксели для определения размера. Я предпочитаю пиксели для изображений, но это действительно сводится к предпочтениям. Если между изображениями и текстом слишком много места, просто немного подправьте содержимое, чтобы оно выглядело хорошо.
После того, как вы сохранили свой файл .css, откройте новое сообщение, и вы увидите, что ваш отлично отформатированный шаблон контента уже готов для вас..
Все, что вам нужно сделать, это нажать на изображение и загрузить то, которое вы хотите использовать, а затем заполнить все области содержимого. Это действительно так просто. Все автоматически выравнивается и помещается туда, куда нужно.
Весь правильный код Google или изображения уже есть - все, что вам нужно сделать, это обновить содержимое. Время, которое у вас уйдет на то, чтобы собрать сообщение со всем этим, уже сделанным для вас, значительно снизится, гарантировано.
Обновление всех изображений в шаблоне - это простая загрузка изображений, которые вы хотите использовать, в свой блог с помощью инструмента загрузки мультимедиа, а затем нажмите на изображение и вставьте URL-адрес к этим изображениям в “Источник” поле.
Конечно, вы также захотите обновить теги title и alt. Как вы можете видеть здесь в моей тестовой статье, написание статьи теперь просто вопрос заполнения каждой области контента. Я не могу сказать вам, как приятно быть в состоянии просто сосредоточиться на написании, зная, что все надлежащее форматирование уже на месте, чтобы статья выглядела абсолютно лучше.
Конечный результат? Вот моя первая тестовая статья с использованием нового шаблона контента WordPress. Все изображения и рекламный код вставлены, выровнены и разнесены идеально.
Если бы вы не знали ничего лучше, вы бы подумали, что в блоге ничего не изменилось. Форматирование выглядит так же, как и при работе над ними в течение часа и более. Теперь все эти усилия и форматирование методом проб и ошибок уже вставлены прямо в шаблон содержимого WordPress..
Так что теперь все, что осталось - сидеть и делать то, что вы всегда любили делать - писать.
Этот шаблон содержимого WordPress уменьшает нагрузку на ваш собственный блог? У вас есть другие советы по форматированию, которые люди могут использовать в своих собственных шаблонах? Поделитесь своими мыслями и идеями в разделе комментариев ниже.
Изображение предоставлено: Shutterstock