Про галерею работ и свадебная открыточка!

Всем доброго субботнего утра!

А у  нас сегодня солнышко, это редкость за последние дни. Как все таки оно хорошо влияет на настроение.

Не буду долго болтать, обещала про галерею, значит быть полезной информации здесь и сейчас. Хорошая привычка, кстати,-здесь и сейчас.

Итак, галерея.

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

Есть разные варианты, но я выбрала , наверно, самый примитивный, зато,то что надо)))

Вот так выглядит в итоге галерея моих работ.

Для ее создания я сделала в блоге отдельную страничку.

Далее, в редакции самой странички, нужно перейти в режим html 

Для того, чтобы упорядоченно хранить картинки,создадим таблицу без границ.

Для этого удаляете весь текст и вместо него вставляете следующий :

<table>  <tbody>

<tr>

        <td>˙строка 1, столбец 1 * </td>

        <td> строка 1, столбец 2   </td>

</tr>

<tr>

        <td>строка 2, столбец 1 * </td>

        <td>строка 2, столбец 2  </td>

</tr>

</tbody>   </table>

Далее жмете сохранить и переходите обратно в режим "Создать"

Вот что у вас получиться:

Сейчас у нас 2 строчки и 2 столбца.

Кол-во столбцов будет зависеть от ширины области поста (она задается в настройках шаблона)

Я попробовала сделать три столбца, но они у меня вышли за рамки и наложились на боковые панели.

Но если вам необходимо увеличить количество столбцов, вы просто добавляете еще строчки  <td>   </td>

Вот так:

<tr>

        <td>˙строка 1, столбец 1 * </td>

        <td> строка 1, столбец 2   </td>

        <td> строка 1, столбец 3   </td>

</tr>

Именно эта часть кода отвечает за создание еще одной строчки. 

Так как работ у вас будет много, нужно скопировать эту часть и вставить ее столько раз, сколько необходимо.

Для наглядности пример:

<table>  <tbody>

<tr>

        <td>˙строка 1, столбец 1 * </td>

        <td> строка 1, столбец 2   </td>

</tr>

<tr>

        <td>˙строка 1, столбец 1 * </td>

        <td> строка 1, столбец 2   </td>

</tr>

<tr>

        <td>˙строка 1, столбец 1 * </td>

        <td> строка 1, столбец 2   </td>

</tr>

<tr>

        <td>˙строка 1, столбец 1 * </td>

        <td> строка 1, столбец 2   </td>

</tr>

<tr>

        <td>строка 2, столбец 1 * </td>

        <td>строка 2, столбец 2  </td>

</tr>

</tbody>   </table>

Подсказка: чтобы каждый раз не искать эту часть кода при добавлении новых строчек для работ, в самом начале оставьте пару строк пустыми.

Когда в следующий раз нужно будет добавить код, вы их и будете копировать.

Переходим в режим создания.

Дальше все просто.

Вы вставляете картинки перед каждым словом "строка", а вместо "строка 2, столбец 1 *" вставляете ссылку.

Картинку лучше сделать маленького размера, и обязательно ее нужно вставлять через иконку сверху , а не через просто "вставить", тогда она у вас при нажатии будет увеличиваться.

Не забудьте настроить отображение страниц у вас в блоге.Для этого в меню Дизайн нужно добавить гаджет "Страницы" и настроить его.

Вот и все. 

Теперь проделываете большую работу по наполнению своей галереи и радуетесь.

Она полезна будет не только читателям, но и вам, когда вы ищите пост с работой ,его легко можно найти по картинкам!

Если у вас будут вопросы пишите в комментариях, обязательно отвечу)))

Сегодня я не только с полезным материалом, но и с картинками.

Хочу показать вам работу по скетчу СКЕ  - бело-золотая открыточка для свадебного подарка.

В работе использовала бумагу коллекции Lincoln Linen (Papermania) в сливочно-бежевых оттенках, цветочки, шебби-ленту, сердца из пластики.

Вот такой развлекательно-позанавательный пост у меня получился.

Всем отличных выходных и замечательного настроения!