CMS обзор » Советы и трюки

Использование FrontEnd методов в BackEnd TYPO3

okolya — Fri, 16 Oct 2009 14:10:17 +0000

Недавно модифицировал админку (backend) и задумался над вопросом как использовать функциональность frontend, например TypoScript конфигурация, генерация картинок, парсинг шаблона. Прогуглив нашел решение. Поскольку в админке другая логика, приходится подключать библиотеки для FrontEnd.

// plugin-baseclass
require_once(PATH_tslib.'class.tslib_pibase.php');
// classes for retrieving the typoscript configuration of the current page
require_once(PATH_t3lib.'class.t3lib_page.php');
require_once(PATH_t3lib.'class.t3lib_tstemplate.php');
require_once(PATH_t3lib.'class.t3lib_tsparser_ext.php');
// class for rendering content, retrieving and substituting markers in templates,...
require_once(PATH_tslib.'class.tslib_content.php');
// tools
require_once(PATH_t3lib.'class.t3lib_div.php');
// extensionmanager
require_once(PATH_t3lib.'class.t3lib_extmgm.php');
require_once(PATH_t3lib.'config_default.php');
// basic configuration of TYPO3 - can be configured via the install tool
require_once(PATH_typo3conf.'localconf.php');
// main frontend class
require_once(PATH_tslib.'class.tslib_fe.php');
// classes for user authentication for frontend and backendusers, sessionmanagement
require_once(PATH_t3lib.'class.t3lib_userauth.php');
require_once(PATH_tslib.'class.tslib_feuserauth.php');

class myFEOutput extends tslib_pibase {

var $id;
var $conf;

function main(){
return "hello world!";
}
}

// creating a fake TSFE object
$TSFEclassName = t3lib_div::makeInstanceClassName('tslib_fe');
// retrieving the id of the current page
$id = isset($HTTP_GET_VARS['id'])?$HTTP_GET_VARS['id']:0;
// configure the TSFE object
$GLOBALS['TSFE'] = new $TSFEclassName($TYPO3_CONF_VARS, $id, '0', 1, '', '','','');
$GLOBALS['TSFE']->connectToMySQL();
$GLOBALS['TSFE']->initFEuser();
$GLOBALS['TSFE']->fetch_the_id();
$GLOBALS['TSFE']->getPageAndRootline();
$GLOBALS['TSFE']->initTemplate();
$GLOBALS['TSFE']->tmpl->getFileName_backPath = PATH_site;
$GLOBALS['TSFE']->forceTemplateParsing = 1;
$GLOBALS['TSFE']->getConfigArray();

// create a plugin object
$plugin = t3lib_div::makeInstance('myFEOutput');
// assign a contentobject for rendering content
$plugin->cObj = t3lib_div::makeInstance('tslib_cObj');
$sysPageObj = t3lib_div::makeInstance('t3lib_pageSelect');
// retrieve rootline
$rootLine = $sysPageObj->getRootLine($id);
// create a Typoscript parser object
$TSObj = t3lib_div::makeInstance('t3lib_tsparser_ext');
$TSObj->tt_track = 0;
$TSObj->init();
// parse the templates
$TSObj->runThroughTemplates($rootLine);
$TSObj->generateConfig();
$plugin->conf = $TSObj->setup['plugin.']['myFEOutput.'];

// output html
echo($plugin->main());

Как сделать картинку для Ajax загрузки

okolya — Tue, 30 Jun 2009 19:29:00 +0000

Недавно для одного проекта нужно было создать ajax приложение с картинкой загрузки. На просторах Интернета наткнулся на очень полезный ресурс AjaxLoad. Позволяет быстро создать любое изображение для индикации процесса подключения к серверу. К тому же сайт создан в духе web 2.0.

Вот принт скрин:

Установка alt Text И title Text в параметрах img TYPO3

okolya — Mon, 27 Apr 2009 06:09:29 +0000

Поисковики не видят картинок, вместо картинок они видят альтернативный текст. Если картинка вставляется с помощью TypoScript, обязательно используйте свойства altText и titleText

10 = IMAGE
10.file = path/to/folder/image.png
10.border = 0
10.altText = Альтернативный текст
10.titleText = Альтернативный текст

Настройка Title под SEO в TYPO3

okolya — Wed, 01 Apr 2009 13:49:30 +0000

Скорее всего, одним из самых важных факторов продвижения сайта, должно быть уникальность, соответствие и насыщенность на ключевые слова тега TITLE в заголовке HEAD на каждой странице. TYPO3 является настолько гибким инструментом, что позволяет настроить любое отображение TITLE. И если у вас сотни, а то и тысячи страниц, правильная настройка формирования TITLE позволит получить страницы с уникальными заглавиями. Вот несколько способов как настроить TITLE для TYPO3, чтобы получить хорошие результаты в SEO.

1. Использовать настройки по умолчанию для формирования TITLE в TYPO3

При стандартных настройках, заглавия TITLE формируются из названия главного шаблона и названия страницы [SITETILE] : [PAGETITLE]. Название главного шаблона указывается в настройках шаблона на корневой странице.

Получится вот такой TITLE:
CMSОбзор : Настройка Title под SEO в TYPO3. TITLE для страницы «Контакты» получится таким CMSОбзор : Контакты.

2. Немного видоизменить формирование TITLE в шаблоне с помощью TypoScript

А как сделать так, чтобы в TITLE было больше ключевых слов, но при этом не менять заглавие в навигации и в дереве страниц?

Одним из способов может стать использование в качестве [PAGETITLE] поля подзаголовка(subtitle) из свойств страницы. Скажем, нам нужно чтобы TITLE был таким CMSОбзор: Контакты блога, а в навигации все также было слово «Контакты». Тогда заголовок будет «Контакты», а подзаголовок – «Контакты блога». Вот код TypoScript

### Настройки TITLE
### Настройки TITLE
# Выключаем формирование по умолчанию
config.noPageTitle = 2
# Создаем новый page header text объект
page.headerData.10 = TEXT
# Используем сначала запись из подзаголовка (subtitle);
# если пусто, тогда из заголовка title
page.headerData.10.field = subtitle // title
# Вставляем запись в следующее
CMSОбзор: | page.headerData.10.wrap = CMSОбзор: |

Теперь, настраивая параметр wrap, мы можем добиться любого результата:
1 пример:

page.headerData.10.wrap = CMSОбзор » |

получим:

<title>CMSОбзор » Контакты блога</title>

2 пример:

page.headerData.10.wrap = | ¦ CMSОбзор

получим:

<title> Контакты блога | CMSОбзор</title>

3. Любой SEO каприз по формированию TITLE с помощью расширения «Browser Page Title (browser_page_title)»

Если Вам нужна максимальная гибкость в настройке TITLE,
например для настройки многоязычного сайта, можете использовать расширение browser_page_title,
которое позволяет указать TITLE по умолчанию с использованием динамических полей, а также добавляет дополнительное поле BROWSER PAGE TITLE. Этим полем можно переписать TITLE

Источник www.dawsoninteractive.com

Перенаправление трафика в зависимости от источника

okolya — Sat, 21 Mar 2009 07:40:31 +0000

Часто возникает необходимость перенаправить пользователя сайта в зависимости от того, откуда он пришел. Например, человек пришел по ссылке на страницу из поискового сервиса и ему нужно дать более полную информацию, чем если бы он пришел на страницу с по ссылке с того же сайта. проверить источник откуда пришел посетитель позволяет серверная переменная $_SERVER['HTTP_REFERER'].

И тут пришла засада. MS Internet Explorer (v.6) не поддерживает эту переменную. Значения $_SERVER['HTTP_REFERER'] в MSIE просто нет. На помощь приходит JavaScript. С помощью JavaScript можно определить значение document.referrer. Ниже приведен код функции, которая позволяет корректно перенаправить трафик во всех броузерах, включая IE.

[РЕШЕНО] – Проблема отображения изображений, которые загружены через полe Image – не видно анонимным пользователям

okolya — Fri, 06 Mar 2009 11:32:15 +0000

Проблема. При разработке нового типа содержания в системе Drupal, когда добавляемые изображения через поле Image не видны анонимным пользователям. Решение проблемы сразу будет опубликовано.

Решение 1. Это мне очень помогло. Нужно просто поставить разрешения в example.com/admin/user/permissions в разделе content_permissions view filed_ваше_поле. Все.

Решение 2. Это решение помогло другим. Но мне нет:
Нужно, чтоб был включен метод загрузки публичный в example.com/admin/settings/file-system.
Далее поставить разрешения:

модуль imagecache view imagecache название
модуль imagefield view imagefield uploads
модуль upload смотреть загруженные файлы

Несколько доменов в одном дереве страниц TYPO3

okolya — Tue, 03 Mar 2009 12:25:25 +0000

Широко распространено использование многих сайтов и поддержка большого количества доменов при одной инсталляции CMS. Поддержка многих сайтов в одной системе управления для систем позволяет пользоваться одной базы данных и удобная поддержка большого количества сайтов, и к тому же для коммерческих систем – снизить затраты на покупку одной лицензии. Такая структура сайтов на основе одной CMS, позволяет управлять сайтами, не тратя время на переключение между админками. Функционал мультидоменов реализован в Drupal, Bitrix, UMI, MS SharePoint, WordPress. TYPO3 не исключение.

Как настроить несколько доменов в TYPO3 с включенным RealURL? Далее предлагаю пошаговую инструкцию.

Требования для стабильной работы:

TYPO3 версия 4.2 (HMENU не использует typolink в версиях ниже 4.1 )
RealUrl версія >= 1.4.0

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

config {
simulateStaticDocuments = 0
tx_realurl_enable = 1
typolinkCheckRootline = 1
baseURL = http://example1.com/
}

В каждой корневой странице создаем запись домена
Вставка записи домена на страницу

и прописываем нужный домен

Заполнение полей нового домена в TYPO3
отмечаем чекбокс «Корень сайта» (“Site root”) в шаблоне
Отметить корень дерева в шаблоне
отмечаем чекбокс «Является корнем сайта» (“Is root of website ”) в свойствах самой страницы
Отметить чекбокс корень дерева(начальная страница) в свойствах страницы
Привязываем id каждой корневой страницы к домену в настройках RealUrl. В файле typo3conf/localconf.php прописываем:

$tx_realurl_config = $TYPO3_CONF_VARS['EXTCONF']['realurl']['_DEFAULT'];
$TYPO3_CONF_VARS['EXTCONF']['realurl']['example1.com']=$tx_realurl_config;
$TYPO3_CONF_VARS['EXTCONF']['realurl']['example2.com']=$tx_realurl_config;

$TYPO3_CONF_VARS['EXTCONF']['realurl']['example1.com']['pagePath']['rootpage_id']=10;
$TYPO3_CONF_VARS['EXTCONF']['realurl']['example1.com']['pagePath']['rootpage_id'] = 135;

На этом все настройки для работы нескольких доменов в TYPO3 завершены.

Обзор решений png+IE

okolya — Fri, 27 Feb 2009 02:15:59 +0000

При разработке шаблонов часто приходиться сталкиваться с проблемой использования PNG формата. Проблема заключается в неверном отображении PNG в интернет эксплорере IE 5.5 и 6. В этом обзоре приводятся большинство известных методов и хаков как заставить IE правильно работать с PNG.

Способы решения IE+PNG:

С помощью CSS
С помощью JavaScrrpt
Решение на стороне сарвера

1. Работа PNG графики в IE5.5, 6 с помощью CSS

Решение заключается в использовании для IE фильтра AlphaImageLoader.

1. Вставляем CSS файл fix-ie6.css только для IE5.5 и 6 в разделе head html документа.

Переименовать необходимые файлы в такой вид *-trans.png

Недостатки jie7-js Google

- большой размер (72 Кб)
- не работает с повторяющимся фоновым изображением

Преимущества jie7-js Google

+ очень прост в установке

IE PNG Alpha Fix

Свойства библиотеки IE PNG Alpha Fix

Автоматическая активация прозрачности
Работает с картинками
Работает с фоновыми изображениями
Поддерживает ролловеры
Работает на основе .htc файла
вставляет если нужно ссылку для кликабельности

Установка IE PNG Alpha Fix

Скачиваем и разархивируем архив iepngfix.zip
Копируем iepngfix.htc в любое место
Прозрачный gif из архива копируем в корень сайта. Если же копируем в какую-то папку /folder/ , тогда в файле iepngfix.htc нужно указать путь к прозрачному гифу
var blankImg = '/folder/blank.gif';
Указываем или в css или в html, какие контейнеры буду содержать png графику. Путь должен быть относительным к html фалу.

CMS обзор » Советы и трюки

Использование FrontEnd методов в BackEnd TYPO3

Похожие статьи:

Как сделать картинку для Ajax загрузки

Похожие статьи:

Установка alt Text И title Text в параметрах img TYPO3

Похожие статьи:

Настройка Title под SEO в TYPO3

1. Использовать настройки по умолчанию для формирования TITLE в TYPO3

2. Немного видоизменить формирование TITLE в шаблоне с помощью TypoScript

3. Любой SEO каприз по формированию TITLE с помощью расширения «Browser Page Title (browser_page_title)»

Похожие статьи:

Перенаправление трафика в зависимости от источника

Похожие статьи:

[РЕШЕНО] – Проблема отображения изображений, которые загружены через полe Image – не видно анонимным пользователям

Похожие статьи:

Несколько доменов в одном дереве страниц TYPO3

Похожие статьи:

Обзор решений png+IE

Способы решения IE+PNG:

1. Работа PNG графики в IE5.5, 6 с помощью CSS

Недостатки jie7-js Google

Преимущества jie7-js Google

IE PNG Alpha Fix

Свойства библиотеки IE PNG Alpha Fix

Установка IE PNG Alpha Fix