Subscribe to RSS feed Подписаться на RSS-канал or или follow me Follow Me on Twitter? на Twitter?
Images add scenic beauty to posts (unless you include really bad images). Изображения добавить красоты на должности (если вы действительно плохо относятся изображения). Most bloggers advise you to include images at the at or around the beginning of your posts. Большинство блоггеров, советуем вам включить изображения в окрестностях или в начале вашей должности. And I am no different. И я не исключение.
However, one thing that those advice does not contain is how to include images which blend well with the content, yet be noticeable by a reader. Однако одна вещь, что эти советы не содержать в том, как включить изображения, которые сочетается с содержанием, но будут заметны читателю. Selecting the right image is important, but so is the way you place them. Выбор правильного имиджа важно, но так, как вы разместите их. Including an image with an uninspiring <img src=”" / > tag is just not in anymore – they're so web 1.0/year 1998. В т.ч. изображения с скучным <img src="" /> тег просто не больше - они так Сети 1.0/year 1998.
I prefer to use centered images, with the width slightly less than your post area width. Я предпочитаю использовать по центру изображения, с шириной чуть меньше, чем ширина области должность. This example shows you how to center the image, and add caption. Этот пример показывает, как к центру изображения, а также добавить заголовок.
What you need now is a sensible, easy way to format images, without spending the whole day on it. Что вам нужно сейчас, это разумный и простой способ формат изображения, не тратя целый день на нем. This can be achieved by a combination of two things – a CSS styling rule to be added to your style.css , and some HTML code which you have to wrap around your image. Это может быть достигнуто за счет сочетания двух вещей - правила CSS Styling которые будут добавлены к вашей style.css и некоторый код HTML который нужно обернуть вокруг изображения.
Note that this cannot be used for images previously added, without editing them. Заметим, что это не может быть использована для изображения ранее добавила, без их редактирования. The reason: while CSS styling rule affects all elements, HTML markup has to be manually added around each image. Причина: в то время CSS Styling правило затрагивает все элементы, HTML разметки должен быть добавлен вручную вокруг каждого изображения.
Add this code to your style.css file, towards the end: Добавьте этот код на ваш style.css файл, в конце:
div.ci { text-align: center; margin: 0; padding: 16px 0; padding: 0; border: none; }
div.ci small { font-size: .9em; line-height: 1.4em; color:#777; padding: 7px 0 0 0; }
The code above is the styling rules which help you to position the image. Код выше Styling правил, которые помогут вам в положение изображения. To apply the styling, we need to use HTML around the image tag. Для применения стиля, мы должны использовать HTML вокруг изображения метки. The HTML code is as follows: Код HTML выглядит следующим образом:
<div class="ci"><img src="URL_TO_IMAGE" alt="ALT TEXT" /><br />
<small>YOUR CAPTION</small></div>
In the code, replace URL_TO_IMAGE with the image URL, ALT TEXT with what you want to show when the image is not displayed, and YOUR CAPTION with the caption that you want. В коде замените URL_TO_IMAGE с изображением URL, Альт текст с тем, что вы хотите показать, когда изображение не отображается, и Ваша подпись с подписью, что вы хотите.
Alternatively, you can remove the caption, by using this code: Кроме того, вы можете удалить подпись, с помощью этого кода:
<div class="ci"><img src="URL_TO_IMAGE" alt="ALT TEXT" /></div>
Remember to tweak the caption colour, size and font to your liking, and your images will rock! Помните настроить заголовок цвет, размер и шрифт по своему вкусу, и ваше изображение будет рок!
Related reading Похожие чтении
- Post codes to blog posts/comments with Postable Почтовые индексы в блоге / комментарии с публикуемыми
- Top 12 ways to make your blog posts digg-friendly Топ 12 способов сделать ваш блог Digg-дружественный
- What topics would you like to read more posts on? Какие вопросы Вы хотели бы читать больше сообщений о?
- Do not forget http:// in WordPress posts Не забывайте http:// в должности WordPress
I see you're sharing some of your jewels! Я вижу, вы обмена некоторые ваши драгоценности! Thanks. Спасибо. Even when it looks basic it's not the same when you don't have a clue about what the CSS is. Даже когда он выглядит основная его не то же самое, когда вы не имеете никакого представления о том, что УСБ.
@TonNet: Welcome. @ TonNet: Добро пожаловать. And just between the two of us, I have something to help you out in that matter – stay tuned И так же, между двумя из нас, я что-то, чтобы помочь вам в этом вопросе - следите за обновлениями
Noticed that the blog was down today – were you upgrading to 2.3? Заметил, что блог был недоступен Сегодня - ты Обновление до 2.3?
@Karthik: Yes, I upgraded to WP 2.3 – see my post about it and more @ Karthik: Да, я РГ повышен до 2,3 - см. мой пост об этом и больше here здесь . . So, did you? Таким образом, не так ли?
Hey Author , thats nice . Автор Hey, Thats Ницце. but i think you miss a “DEMO” thing for this post . но я думаю, что вы пропустили "вещь DEMO" на эту должность.