dima

Сео текст на главной между разделами

Recommended Posts

  1. Здравствуйте, подскажите пожалуйста . возможно ли в редакторе форм создать шаблон, вставить текст между разделами на главной странице, на подобии как на скрине показал. чтобы в последствии менять текст на главной так как со временем текст теряет свою уникальность,  {include file='home_text.tpl'} ,Если возможно, какой файл создать и куда его вставить. С уважением к вашему делу, Дмитрий.http://rumagnolia.ru/ или хотя бы название файла подскажите (home_text.tpl это для текста внизу сайта ) или как правильно и куда его поставить в main.tpl или в другое место.

Screenshot_109.png

Screenshot_110.png

Screenshot_111.png

Screenshot_112.png

Изменено пользователем dima

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
В Tuesday, March 21, 2017 в 10:36, dima сказал:
  1. Здравствуйте, подскажите пожалуйста . возможно ли в редакторе форм создать шаблон, вставить текст между разделами на главной странице, на подобии как на скрине показал. чтобы в последствии менять текст на главной так как со временем текст теряет свою уникальность,  {include file='home_text.tpl'} ,Если возможно, какой файл создать и куда его вставить. С уважением к вашему делу, Дмитрий.http://rumagnolia.ru/ или хотя бы название файла подскажите (home_text.tpl это для текста внизу сайта ) или как правильно и куда его поставить в main.tpl или в другое место.

Screenshot_109.png

Screenshot_110.png

Screenshot_111.png

Screenshot_112.png

 Наверное это не возможно. Или хотя бы один текст между разелами ?возможно ли

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
55 минут назад, dima сказал:

 Наверное это не возможно. Или хотя бы один текст между разелами ?возможно ли

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

тут все аналогично. копируете home_text.tpl, переименовываете в middle_text.tpl, меняете его контетн. потом в layout_home.tpl вставляете между нужными блоками {include file='middle_text.tpl'} (с 211 по 232 строку у вас идут эти блоки, по названиям там видно какой где) и все.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
В 21.03.2017 в 10:36, dima сказал:
  1. Здравствуйте, подскажите пожалуйста . возможно ли в редакторе форм создать форму, вставить текст между разделами на главной странице, на подобии как на скрине показал. чтобы в последствии менять текст на главной,  {include file='home_text.tpl'} ,Если возможно, какой файл создать и куда его вставить. С уважением к вашему делу, Дмитрий.http://rumagnolia.ru/ или хотя бы название файла подскажите home_text.tpl  или как правильно и куда его поставить в main.tpl или в другое место.

Screenshot_109.png

Screenshot_110.png

Screenshot_111.png

Screenshot_112.png

Все понял попробую сделать . Спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Еще вопрос возник . текстов будет три разных, а файл один middle_text.tpl . подскажите еще два шаблона создать под каким названием можно middle уже есть, какое анлийское слово 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Да в общем слово не имеет сильного значения, хоть text_1.tpl, text_2.tpl - главное, что бі название было говорящим и вы по нему могли вспомнить " а зачем же это я сделал"))

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

вот получилось так некоторые абзацы в право уехали что сделать на скрине посмотрите

Screenshot_126.png

Screenshot_127.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

В начале кода <div class="span12"> (полная ширина) замените на <div class="span9"> (3/4 ширины)

да и текст можно отформатировать не по левому краю а по ширине блока, замените стили в заголовке c left на center, а в тексте укажите <p style="text-align:justify"> и указанные внизу шаблона стили можно вообще убрать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Спасибо отлично получилось , как не много поднять текст отступы между текстом и разделом уменьшить

Screenshot_128.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Тут надо смотреть: 

- либо убирать что-то лишнее в коде шаблона страницы, что может придавать эти отступы, типа <br>, <p>&nbsp;</p> и подобное;

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

К стати, возможно это влияние тех стилей, которые прописаны скриншотом выше, я вам их предлагал убрать (в конце кода) - от {literal} до {/literal} включительно. Там как рааз прописан верхний отступ на 40 пикс., зачем он вам? Если уж надо как-то отделить, как вариант, добавьте в код перед заголовком <hr> - горизонтальный разделитель.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

А как добавить горизонтальный разделитель и куда строчку40 пикс удалял ни чего не меняется.

Screenshot_129.png

Screenshot_130.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • можно засунуть <hr> между 3 и 4 строкой, перед заголовокм. Еще один <hr> для гармонии, можно засунуть между 26 и 27 строкой, перед закрывающим </div>;
  • строки с 30 где начинается {literal} и до конца -удалить. Зачем вам лишние стили?

Стили могут подвисать в кэше, по этому изменения увидите когда кэш очистится

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

У вас ошибка в коде в 6 и 23 строке. нужно поставить пробел между <p> и style

<p style="text-align:justify">

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
7 минут назад, TopRaN сказал:

У вас ошибка в коде в 6 и 23 строке. нужно поставить пробел между <p> и style


<p style="text-align:justify">

 

причем повсеместно :) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Все поправил как вы сказали  в последнем тексте </div> почему то красным светится

Screenshot_48.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Потому, что закрывающий <ul> надо писать </ul>

И зачем форматирование текста по ширине убрали? <p style="text-align:justify">, будет не симпатично :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

И закрывающий <p> тоже пишется </p> а не <p/>, повнимательнее...

Закрывающий </p> логичнее перенести в конец списка, 17 строка </ul></p>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Теперь все исправил выглядит так

                                                                  Screenshot_50.jpg.71793f0a5743a14e06a7821e9da59d76.jpg

Screenshot_51.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Можно, как вариант - вставить таблицу туда, где список. Список перенести в первую колонку, а иконку во вторую. Например:

    <tbody>
        <tr>
            <td>
            ... здесь ваш список ...
            </td>
            <td>
            ... здесь иконка ...
            </td>
        </tr>
    </tbody>

Можно и по варианту вставки изображения в текст (например в начале списка), задать расположение изображения справа

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Так то все понятно но не очень, помотреть бы на каком нибудь примере, а то не могу с ориентироваться

Screenshot_58.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
6 часов назад, dima сказал:

Так то все понятно но не очень, помотреть бы на каком нибудь примере, а то не могу с ориентироваться

Screenshot_58.jpg

Если по варианту 1, то меняем

<ul>
  <li>...</li>
  ...
  <li>...</li>
</ul>

на 

  <tbody>
        <tr>
            <td>
              <ul> // Здесь ваш список
                <li>...</li>
                ...
                <li>...</li>
              </ul>
            </td>
            <td>
            <p style="text-align: center;"><a href="http://123.ru" target="_blank"><img alt="картинка" src="/ckfinder/userfiles/images/cyprus.jpg" style="width: 960px; height: 441px;" /></a></p> // Если картинка по центру и со ссылкой на сторонний ресурс
            <img alt="" src="/ckfinder/userfiles/images/cyprus.jpg" /> // Если просто картинка, без указания размеров и ссылок
            </td>
        </tr>
    </tbody>

Если по варианту 2, то

<img alt="картинка" src="/ckfinder/userfiles/images/darenie.jpg" style="width: 300px; height: 225px; margin-left: 10px; margin-right: 10px; float: right;" />
<ul>
	<li>...</li>
	...
	<li>...</li>
</ul>

alt = название картинки

src= ссылка на картиинку

width: 300px; height: 225px; - ширина и высота картинки, можно задать размеры, отличные от реальных - больше/меньше

margin-left: 10px; margin-right: 10px; - отступы от картинки влево и вправо по 10 пикс., чтобы текст не упирался в картинку

float: right; - картинка расположена справа в тексте

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас