Umbraco css и путь к изображениям

Я создаю новый веб-сайт с помощью Umbraco (версия 6.1.1 с бритвой), и я новичок в Umbraco. Моя панель настроек такая.

введите здесь описание изображения

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

<link rel="stylesheet" href="/css/mobile.css"/>
<script src="/scripts/jquery-2.0.2.js"></script>

CSS и скрипты работают. Так что все в порядке.

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

Например:

Я пытался загрузить изображения в медиа введите здесь описание изображения

В моем мастер-шаблоне я пробовал

<img src="/media/A.jpg" alt="Smiley face" height="42" width="42"> 
<img src="/media/images/A.jpg" alt="Smiley face" height="42" width="42">

Также в файле CSS

background-image:url('/media/images/A.jpg');

Но они не работают. Я только пробую их. На самом деле я не знаю, как это сделать правильно :(

Итак, где я должен хранить изображения в Umbraco и как мне найти путь в файлах CSS и файлах шаблонов?

Пожалуйста помоги!

Заранее спасибо ....


css content-management-system relative-path filepath umbraco
person yohan.jayarathna    schedule 26.06.2013    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Элементы, хранящиеся в разделе мультимедиа, будут иметь такой путь:

/media/<row_id>/filename.ext

Где <row_id> буквально является идентификатором строки в базе данных, где хранится информация об элементе мультимедиа.

Один из способов определить путь к элементу мультимедиа — щелкнуть миниатюру (если это изображение) и скопировать то, что находится в адресной строке.

Вы также можете получить доступ к файлу по идентификатору через макрос, используя xslt или razor. Вот пример бритвы:

@{
    int imageId = 1069;
    var media = Library.MediaById(imageId);

    <img src="@media.umbracoFile" alt="" />
}

Тем не менее, это система управления контентом, и у вас, несомненно, будут конечные пользователи, управляющие контентом, и поэтому не имеет смысла размещать изображения, относящиеся к дизайну, в разделе мультимедиа. Более надежным подходом было бы просто поместить их в папку images в корне вашего сайта и использовать их оттуда.

person Douglas Ludlow    schedule 27.06.2013
comment
firebug показал реальный путь. я думаю, вы правы. очень помогает :) - person yohan.jayarathna; 28.06.2013

arrow_upward
2
arrow_downward

Должно быть так же просто, как это на вашем css:

.style { background-image: url(/media/1006530/A.jpg); }

Путь, который вы получаете от URL-адреса мультимедиа с идентификатором строки (например, 1006530) в нем.

person Indah Ibrahim    schedule 29.10.2014