😎 » HTML5-SSI-RULLAN » Папка _ssi
330 0  

Папка _ssi

В папке _ssi хранятся сами вставки, точнее файлы з вставками + папка /admin/  - где уже есть заготовки (которые желательно не менять) а также файл со всеми глобальнымы переменными!

Структура папки _ssi:

  •    /_ssi/admin/
  •    /_ssi/_nastroyka.htm
  • ... what Все другое можете менять на свое усмотрение! Это разные части вашего шаблона, такие как header, footer, aside. вы можете даже в отдельный файл записать телефон, а потом включать его в нужное место основного шаблона.

    /_ssi/admin/

bully Здесь находятся елементы с микроаразметкой и переменными которые можно указать

в основном файле настроек /_ssi/_nastroyka.htm.


  • article-h1.htm - оформление заголовка H1 с микроразметкой для Articl с его мета даными.
  • articl-kartinka.htm - мета оформление главной картинки для страницы + эта картинка вставляется в мета-теги для карточки твитера, фейсбука. Путь к картинке (по умолчанию указан в файле _nastroyka.htm), а если нужна другая картинка для какой-то страницы то Вы указываете ее в документе самой страницы директивой (<!--#set var="KARTINKA" value="/img/fotoalbom/kontakt" -->) feel обратите внимание что путь к картинке без расширения .jpg. Вы должны всегда делать ДВЕ КАРТИНКИ, одна для десктопа другая маленькая копия для мобилки, и сохранять их в одной папке.  Например: большая картинка - "kontakt.jpg", а маленькая "kontakt-520.jpg" Если нужно поменять расширение с .jpg на .png - то открываем файл /_ssi/admin/articl-kartinka.htm и меняем на нужное.
  • articl-tex-opis.htm - Техническое описание самого Article - такие как указание автора, раздела, даты создание и модификации страницы и другие.
  • js-foto-albom.htm - для подключения библиотеки - highslide на страницах с фотоальбомом. Подключается перед закрывающим тегом < /body>. Сами файлы библиотеки находятся в /_cssjsfont/highslide/. Код для картинки, которая должна увеличится:
    <a class="highslide" href="/foto/_foto/bigfoto/robota4-0.jpg" onclick="return hs.expand(this)">
    	<img src="/foto/_foto/thumbs/robota4-0.jpg"  alt="Название картинки">
    </a>
    
    // А можно вставить так
    
    <!--#set var="FOTKA" value="4" -->	
    <a class="highslide" href="/foto/_foto/bigfoto/robota<!--#echo var="FOTKA" -->-0.jpg" onclick="return hs.expand(this)">
    	<img src="/foto/_foto/thumbs/robota<!--#echo var="FOTKA" -->-0.jpg"  alt="<!--#echo var="TITLE" -->">
    </a>​
    Сама галерея взята с сайта - http://highslide.com/  А также ее можна закачать:
  • Скачать файл highslide-5_0_0.zip [1.86 Mb] (cкачиваний: 26)  
  • z-hleb-2yroven.htm - генерит автоматически хлебные крошки, для страниц которые ссылаются на главную.


Залишити свій коментар:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2009
2023