система онлайн-бронирования
г. Донецк, Украина, ул. Артёма, 87
+38 (062) 332 33 32, 332-27-71
ЗАБРОНИРОВАТЬ
НОМЕР

Статьи

Порта Дакументацыя

  1. агляд
  2. ўстаноўка
  3. Толькі тэма
  4. Суб-тэма Порта
  5. меню
  6. модулі
  7. Агульныя абавязковыя модулі
  8. Слайдеры малюнкаў
  9. NivoSlider
  10. Галоўная старонка
  11. Сайт адной старонкі
  12. Меню адной старонкі
  13. Налады тэмы
  14. Карыстацкія тыпы зместу
  15. Партфоліо Калоны
  16. Спадарожныя праекты:
  17. Партфоліо фільтры:
  18. Каманда
  19. Фільтры каманды:
  20. Карусель
  21. водгукі
  22. часта задаюць пытанні
  23. Паралакс
  24. Блог (паведамленні)
  25. Аўтар бія
  26. Блок рэгіёнаў
  27. Рэгіёны загалоўкаў
  28. Рэгіён блока змесціва
  29. Рэгіёны блокаў
  30. Дадаткова
  31. Прыклады кода
  32. Flickr Feed
  33. Twitter Віджэт
  34. Лайтбокс
  35. Сацыяльныя абразкі
  36. Пераключыць
  37. CSS3 Анімацыя
  38. Дзякуй

агляд

Porto - гэта прафесійная шматмэтавая тэма Drupal, якая ідэальна падыходзіць для любога бізнесу і партфеля. Калі ласка, наведайце нашу тэму, якая не знойдзена ў гэтай дакументацыі Форум падтрымкі , Пасля рэгістрацыі калі ласка, звяжыцеся з намі па ThemeForest старонка аўтара з вашага карыстальніка імя карыстальніка форума, так што вы можаце атрымаць права на публікацыю.

Абноўлена: 04/01/14
Аўтар: Refaktor
Дакументы харчаванне ад: TOC
Арыгінальны дызайн Крыві

ўстаноўка

Ёсць некалькі спосабаў устаноўкі Porto. Для існуючых сайтаў, у якіх ужо ёсць змест, першы спосаб уключае ў сябе ўстаноўку і актывацыю тэмы. Другі варыянт уключае поўную ўстаноўку Drupal 7 з тым жа файлам базы дадзеных SQL, які выкарыстоўваецца для стварэння дэма-тэмы. Калі ласка, абярыце, які спосаб усталёўкі лепш за ўсё падыходзіць для вас, і выконвайце інструкцыі. Мы настойліва рэкамендуем вам выканаць поўную ўстаноўку, асабліва калі вы плануеце выкарыстоўваць функцыі Commerce.

Толькі тэма

Варыянт 1:
  • Наведайце yourdomain.com/admin/appearance/install
  • Загрузіце файл Porto.zip
  • Уключыць і ўсталяваць па змаўчанні
Варыянт 2:
  • Выняць файл Porto.zip і загрузіць праз FTP у / sites / all / themes
  • Наведайце yourdomain.com/admin/appearance/
  • Пракруціць ўніз да "Адключаныя тэмы" і ўсталюйце і ўключыце Porto

Поўная ўстаноўка Drupal

Наступныя крокі распрацаваны для людзей, якія маюць вопыт уручную ўстаноўцы Drupal і імпарце баз дадзеных. Калі вы не адчуваеце сябе камфортна, выконваючы гэтыя крокі самастойна, звярніцеся за дапамогай да адміністратара сервера. ЗАЎВАГА, што гэты параметр прызначаны для цалкам новай устаноўкі Drupal. Не імпартуйце прадастаўлены файл SQL у існуючую базу дадзеных Drupal, альбо вы страціце ўсе вашыя дадзеныя!

  1. Стварыце базу дадзеных для гэтай ўстаноўкі Drupal і імпартуйце файл SQL, які пастаўляецца з тэмай.
  2. Выконвайце гэтыя напрамкі стварыць файл settings.php. Захавайце гэты файл дзе-небудзь, каб вы маглі скапіяваць яго на ўсталяваную намі Drupal.
  3. Скапіруйце ўсё змесціва тэчкі / demo / porto у месца, размешчанае на вэб-серверы, куды вы хочаце атрымаць доступ да вашага сайта. Калі вы хочаце, каб ваш асноўны дамен паказваў на ўстаноўку Porto, скапіруйце ўсё ў каранёвую тэчку. Калі вы хочаце, каб ваш сайт быў доступам як падраздзел вашага дамена (напрыклад, yourdomain.com/drupal), то проста перайменуйце тэчку / demo / porto на патрэбнае імя і загрузіце ў корань сервера. Таксама абавязкова скапіруйце файл set.php, згаданы на папярэднім кроку
  4. Зайдзіце на свой сайт імя карыстальніка Стыў і адміністратар пароля і наведайце / адміністратар / людзі, каб змяніць імя карыстальніка і пароль адміністратара.
  5. Прайдзіце праз канфігурацыю Drupal, якая знаходзіцца ў наладах / admin / config, і абнавіць усю неабходную інфармацыю для адлюстравання вашага сайта. Таксама абавязкова наведайце / admin / config / media / file-system і змяніце часовы каталог.

Суб-тэма Порта

Заўвага: пачынаючы з версіі 1.1.2 падтэма з'яўляецца актыўнай тэмай па змаўчанні пры поўнай дэма-ўстаноўцы.

Porto пастаўляецца з тэмай абалонкі, якая называецца Porto_sub, якую можна выкарыстоўваць для налады структуры стылю і шаблону бацькоўскай тэмы без неабходнасці мадыфікаваць саму бацькоўскую тэму. Гэта карысна, калі вы плануеце абнавіць бацькоўскую тэму, паколькі мы выпускаем абнаўлення на ThemeForest. Калі вы выканалі поўную ўстаноўку, вы ўжо ўбачыце Porto_sub у спісе даступных тэм. Калі вы зрабілі самастойную ўстаноўку, вы можаце знайсці файл Porto_sub.zip у корані загрузных файлаў, і вы можаце ўсталяваць яго, як і любую іншую тэму.

Ужо вызначана пустая табліца стыляў, якая /css/custom.css (у тэчцы Porto_sub). З дапамогай гэтага файла можна дадаць усе карыстацкія CSS, якія вы плануеце выкарыстоўваць. Вы таксама можаце скапіяваць любы файл шаблона з тэчкі / Porto / шаблоны ў тэчку / Porto_sub / templates, і ён будзе спачатку слухаць файл шаблонаў падтем. Гэта дазволіць вам абнавіць бацькоўскую тэму, паколькі мы робім абнаўленні, не губляючы налад. Проста звярніце ўвагу на змяненны спіс і параўнайце бацькоўскія файлы тэм з вашымі, і ўнесце любыя змены па меры неабходнасці.

Вам спатрэбіцца наладзіць параметры тэмы падтэма асобна ад бацькоўскай тэмы, таму наведайце / admin / внешне / настройка / porto_sub, каб наладзіць параметры тэмы для гэтай тэмы. Вам таксама трэба наладзіць рэгіёны блокаў асобна.

меню

Porto мае рэгіён блокаў пад назвай Header Menu, які можна выкарыстоўваць для дадання любога блока меню, які вам падабаецца. Дэма проста выкарыстоўвае стандартны блок галоўнага меню, але калі вы хочаце, вы можаце стварыць прыстасаваны блок меню.


Заўвага: пераканайцеся, што ўсталяванае поле "Паказаць як пашырана" на ўсіх бацькоўскіх элементах з дзецьмі, каб гарантаваць, што выпадальнае меню працуе правільна.

модулі

Усе модулі, якія выкарыстоўваюцца ў дэма-версіі, можна знайсці ў тэчцы модуляў у корані папкі, якую вы загрузілі з ThemeForest. Не ўсе модулі павінны выкарыстоўваць тэму, але ніжэй прыведзены спіс модуляў, якія вам трэба будзе выкарыстоўваць розныя элементы тэмы.

Агульныя абавязковыя модулі

NivoSlider

Кантакт

Змест дадзеных порта

Калі вы ўсталявалі тэму на існуючай устаноўцы, якая ўжо мае змесціва, выкарыстоўваецца опцыя "Толькі для тэмы", то мы рэкамендуем выкарыстоўваць наш модуль дадзеных у Porto Content для стварэння дадатковых тыпаў змесціва, палёў і відаў, неабходных для поўнага выкарыстання тэмы. Вы знойдзеце яго ў тэчцы актываў у корані папкі, загружанай з ThemeForest. Гэты модуль звычай Асаблівасці модуль і не будзе працаваць без яго. Мы рэкамендуем скапіяваць усе модулі з тэчкі / demo / porto / sites / all / modules ў вашу ўстаноўку, калі вы іх яшчэ не маеце. Пасля таго, як усе модулі проста загрузіць і актываваць модуль Porto Content Data, і тыпы змесціва, палі і праекты будуць аўтаматычна створаны.

Слайдеры малюнкаў

Мега слайдэр

Порта ўключае ў сябе Drupal Мега слайдэр модуль. Гэты модуль прапануе неверагодную колькасць варыянтаў стварэння дакладнага паўзунка для задавальнення вашых патрэбаў. Каб пачаць наладку слайдера, наведайце / admin / structure / md-slider і націсніце спасылку "Дадаць новы паўзунок". Вы можаце знайсці дакументацыю для паўзунка ў тэчцы модуля md_slider, і вы можаце звярнуцца да відэа ніжэй.

NivoSlider

Калі вы жадаеце выкарыстоўваць паўзунок малюнка NivoSlider на вашым сайце, проста ўсталюйце модуль NivoSlider і наведайце / admin / structure / nivo-slider, каб наладзіць і наладзіць паўзунок. Блок рэгіёну створаны для вашага паўзунка, які вы можаце выкарыстоўваць у любым рэгіёне блокаў па вашаму выбару.

Галоўная старонка

На галоўнай старонцы дэманстрацыі порта ўваходзяць розныя рэгіёны блокаў. Некаторыя з іх ствараюцца модулямі (напрыклад, Mega Slider), іншыя - Views, а некаторыя - гэта спецыяльныя блокі са спецыяльнай разметкай. Усе разметкі, якія выкарыстоўваюцца на галоўнай старонцы дэма, можна знайсці ў тэчцы / examples / front-page-blocks у корані тэчкі тэм.

Сайт адной старонкі

Новае ў версіі 1.1 - гэта старонка стылю "адна старонка", у якой усё змесціва знаходзіцца на адной старонцы. Для прыкладу таго, як гэта выглядае, вы можаце звярнуцца да дэма-старонкі тут. Звычайна створаны шаблон старонкі - page - onepage.tpl.php і прызначаны для працы з старонкай з url-псеўданімам "адна старонка". Створаны новы рэгіён блокаў пад назвай "Адна старонка", які будзе выкарыстоўвацца спецыяльна для шаблону старонкі. Гэта цалкам неабавязкова, але гэта дазваляе вам лепш адсочваць розныя блокі.

Меню адной старонкі

Шаблон адной старонкі таксама падтрымлівае плыўны эфект пракруткі элементаў #anchor. Напрыклад, у вас ёсць чатыры раздзелы на вашай старонцы: #about, #services, #team, #contact. Кожны з элементаў меню можа спасылацца на гэтыя элементы прывязкі, выкарыстоўваючы наступную структуру URL: "вузел / ID / # кантакт". Ідэнтыфікатар у гэтым выпадку - гэта ідэнтыфікатар вузла старонкі, якую вы стварылі для выкарыстання ў шаблоне "адна старонка". Каб знайсці ідэнтыфікатар, проста наведайце / admin / content і націсніце рэдагаваць на гэтай старонцы. URL скажа вам ідэнтыфікатар.

Калі вы выкарыстоўваеце блок Апошнія праекты, вы можаце спасылацца на #projects. Калі вы выкарыстоўваеце блок адной старонкі, вы можаце спасылацца на #team. Калі вы жадаеце спасылку на карыстацкі блок з уласнай разметкай, проста дадайце атрыбут id = "" да асноўнага падзелу змесціва блока, які адпавядае спасылцы меню.

Налады тэмы

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

Карыстацкія тыпы зместу

Партфоліо


Палі:

  • Малюнак: Поле Малюнка па змаўчанні, якое выкарыстоўваецца для загрузкі малюнкаў.
  • Катэгорыя партфеля: Гэта тэрмін спасылкі, які звязаны з слоўнікавым запасам, створаным спецыяльна для гэтага тыпу зместу.

Партфельны блок - Прыклад: http://refaktorthemes.com/porto/portfolio-4-columns

Гэта стандартны стыль партфоліо, які выкарыстоўвае прагляд "Старонка партфоліо". Калі вы не выкарыстоўваеце поўную дэма-версію ці не карысталіся модулем Custom Content, вы можаце выкарыстоўваць код у /assets/views_exports/portfolio-filters.txt (у корне файлаў загрузкі ThemeForest) для імпарту гэтага прагляду. Потым проста змесціце "Прагляд: Партфоліо блока" у вобласць змесціва і настройце параметры бачнасці блока па сваім меркаванні.

Файлы шаблонаў

  • /templates/node/node--portfolio.tpl.php
  • /templates/field--field_image--portfolio.tpl.php
  • /templates/node/node--view--portfolio--block.tpl.php
  • /templates/views/views-view--portfolio-block.tpl.php

Партфоліо Калоны

Каб змяніць колькасць элементаў, якія адлюстроўваюцца ў радку ў блоку "Партфоліо", наведайце налады тэмы (/ admin / внешне / настройки / Порту).

Спадарожныя праекты:

Porto таксама ўключае ў сябе падтрымку блока "Звязаныя праекты", які можна выкарыстоўваць для дэманстрацыі дадатковых элементаў Партфоліо на адной старонцы вузлоў Партфоліо, альбо дзе заўгодна. Калі вы не выкарыстоўваеце поўную дэма-версію ці не карысталіся модулем Custom Content, вы можаце выкарыстоўваць код у /assets/views_exports/portfolio-filters.txt (у корне файлаў загрузкі ThemeForest) для імпарту гэтага прагляду. Потым проста змесціце "Прагляд: звязаныя праекты" у вобласць "Змест" і настройце параметры бачнасці блока па сваім меркаванні.

Файлы шаблонаў

  • /templates/node/node--view--related-projects--block.tpl.php
  • /templates/views/views-view--related-projects.tpl.php

Партфоліо фільтры:

У партфоліо ўваходзіць падтрымка эфекту фільтра Ізатопа, які працуе на ўмовах таксанаміі. Каб выкарыстоўваць гэты эфект, наведайце / адміністратар / структуру / таксанамію і стварыце новы слоўнікавы запас (напрыклад: Партфоліо). Пасля стварэння лексікі вы можаце стварыць тыя ўмовы, якія вы хочаце выкарыстоўваць для класіфікацыі элементаў партфеля. Гэты таксанамічны слоўнікавы запас можа быць звязаны з тыпам змесціва партфеля праз тэрмін спасылкі, каб вы маглі выбраць катэгорыю або катэгорыі, у якія вы хочаце размясціць элементы.

Фільтры сілкуюцца ад View, які называецца Portfolio Filters, які змяшчаецца ў загалоўку View як глабальнай вобласці прагляду. Калі ў вас гэтага няма такога выгляду, вы можаце выкарыстоўваць код у /assets/views_exports/portfolio-filters.txt (у корне файлаў загрузкі ThemeForest) для імпарту ў выглядзе прагляду для размяшчэння ў загалоўку Прагляд у праекце Партфоліо. .

Файлы шаблонаў

  • /templates/views/views-view-list--portfolio-filters.tpl.php
  • /templates/views/views-view-fields--portfolio-filters.tpl.php

Каманда

Блок каманды - Прыклад: http://refaktorthemes.com/porto/team


Палі:

  • Малюнак: Поле Малюнка па змаўчанні, якое выкарыстоўваецца для загрузкі малюнкаў.
  • Катэгорыя партфеля: Гэта тэрмін спасылкі, які звязаны з слоўнікавым запасам, створаным спецыяльна для гэтага тыпу зместу.
  • Team Bio: тэкставае поле выкарыстоўваецца для ўводу кароткага апісання пра ўдзельніка каманды.
  • Спасылка на Facebook: выкарыстоўваецца для дадання спасылкі на старонку Facebook удзельніка.
  • Спасылка на Twitter: выкарыстоўваецца для дадання спасылкі на старонку ўдзельніка Twitter.
  • LinkedIn Link: выкарыстоўваецца для дадання спасылкі на старонку LinkedIn удзельніка.

Некалькі падобны на Партфоліо, блок Team можа выкарыстоўвацца для дэманстрацыі вашага сайта або членаў каманды кампаніі. Калі вы не выкарыстоўваеце поўную дэма-версію ці не карысталіся модулем Custom Content, вы можаце выкарыстоўваць код у /assets/views_exports/portfolio-filters.txt (у корне файлаў загрузкі ThemeForest) для імпарту гэтага прагляду. Потым проста змесціце "View: Team" у вобласць зместу і настройце параметры бачнасці блока па сваім меркаванні.

Файлы шаблонаў

  • /templates/node/node--view--team--block.tpl.php
  • /templates/views/views-view--team.tpl.php

Фільтры каманды:

Выгляд блока каманды таксама ўключае ў сябе падтрымку эфекту фільтра Ізатопа, які працуе на ўмовах таксанаміі. Каб выкарыстоўваць гэты эфект, наведайце / адміністратар / структуру / таксанамію і стварыце новы слоўнікавы запас (напрыклад, каманда). Пасля стварэння лексікі вы можаце стварыць тыя ўмовы, якія вы хочаце выкарыстоўваць для класіфікацыі элементаў партфеля. Гэты таксанамічны слоўнікавы запас можа быць звязаны з тыпам зместу каманды з дапамогай тэрміна даведачнага поля, так што вы можаце выбраць катэгорыю або катэгорыі, у якія вы хочаце размясціць элементы.

Фільтры сілкуюцца ад View, названага Team Filters, які змяшчаецца ў загалоўку View як глабальнай вобласці прагляду. Калі ў вас няма гэтага выгляду, вы можаце выкарыстоўваць код у /assets/views_exports/portfolio-filters.txt (у корне файлаў загрузкі ThemeForest), каб імпартаваць у выглядзе прагляду для размяшчэння ў загалоўку Прагляд прадстаўлення каманды .

Файлы шаблонаў

  • /templates/views/views-view-list--team-filters.tpl.php
  • /templates/views/views-view-fields--team-filters.tpl.php

Карусель


Гэты тып змесціва дазваляе ствараць карусель для малюнкаў з Flexslider. У ім выкарыстоўваецца толькі стандартнае поле Image (field_image), якое дазваляе неабмежаваную колькасць малюнкаў.

Палі:

  • Малюнак: Поле Малюнка па змаўчанні, якое выкарыстоўваецца для загрузкі малюнкаў.

Файлы шаблонаў

  • /templates/node/node--carousel.tpl.php
  • /templates/views/views-view--client-carousel.tpl.php
  • /templates/views/views-view-unformatted--client-carousel.tpl.php

Код экспарту /views-exports/carousel.txt можа быць выкарыстаны для стварэння выгляду Карусель, які выкарыстоўвае дысплей Блока. Гэты блок можа быць дададзены ў ваш рэгіён.

водгукі


Палі:

  • Змест Сведчанне: выкарыстоўваецца для пісьмовага зместу водгуку.
  • Малюнак Testimonial: Поле Малюнка па змаўчанні, якое выкарыстоўваецца для загрузкі малюнка аўтара.
  • Імя сведчання: Тэкставае поле для імя аўтара сведчання.
  • Інфармацыя пра водгукі: тэкставае поле для дадання дадатковай інфармацыі пра аўтара пасведчання, напрыклад, аб кампаніі або арганізацыі.

Файлы шаблонаў

  • /templates/node/node--testimonials.tpl.php
  • /templates/views/views-view--testimonials.tpl.php
  • /templates/views/views-view-unformatted--testimonials.tpl.php

Код экспарту /assets/views_exports/portfolio-filters.txt (у корне файлаў загрузкі ThemeForest) можа быць выкарыстаны для стварэння паказанняў водгукаў, які выкарыстоўвае дысплей Блока. Гэты блок можа быць дададзены ў ваш рэгіён.

часта задаюць пытанні


Палі:

  • Active: Гэта просты лагічны тып поля, які выкарыстоўваецца для вызначэння адкрытага элемента FAQ ці "актыўнага" па змаўчанні.

Файлы шаблонаў

  • /templates/node/node--faq.tpl.php
  • /templates/views/views-view--faq.tpl.php
  • /templates/views/views-view-unformatted--faq.tpl.php

Код экспарту /assets/views_exports/portfolio-filters.txt (у корне файлаў загрузкі ThemeForest) можа быць выкарыстаны для стварэння FAQ FAQ, які выкарыстоўвае дысплей "Блок". Гэты блок можа быць дададзены ў ваш рэгіён.

Паралакс


Палі:

  • Фонавыя выявы: стандартнае поле для запампоўкі фонавага малюнка для змесціва Parallax.
  • Значок Parallax: Дадаць клас класа шрыфтоў для выкарыстання ў вашым блоку. Заняткі можна знайсці тут.
  • Вялікая загаловак: Выкарыстоўвайце гэта поле, каб дадаць у ваш кантэнт вялікія памеры.
  • Малыя загалоўкі: Выкарыстоўвайце гэта поле, каб дадаць малюнак у ваш змест.
  • Колер тэксту: абярыце чорны ці белы колер тэксту.
  • Катэгорыя Parallax: поле тэрміннай даведкі для дадання тэрміна таксанаміі, звязанага з зместам Parallax.

Файлы шаблонаў

  • /templates/node/node--parallax.tpl.php
  • /templates/views/views-view--parallax.tpl.php
  • /templates/views/views-view-unformatted--parallax.tpl.php

Код экспарту /assets/views_exports/portfolio-filters.txt (у корне файлаў загрузкі ThemeForest) можа быць выкарыстаны для стварэння Parallax View, які выкарыстоўвае дысплеі блокаў. Гэтыя блокі могуць быць дададзены ў ваш рэгіён.

Блог (паведамленні)

У дэманстрацыі Porto адлюстроўваецца вузлы тыпу змесціва артыкула з выглядам на выгляд. Калі ў вас яшчэ няма гэтага прагляду, выкарыстоўваючы адзін з нашых розных спосабаў ўстаноўкі, вы можаце выкарыстоўваць код, які знаходзіцца ў /assets/views_exports/portfolio-filters.txt (у корне файлаў загрузкі ThemeForest), каб імпартаваць прагляд і ўсе яго налады. . Каб змяніць стыль выявы на гэтай старонцы Прагляд, вы можаце выкарыстоўваць опцыю "Прагляд малюнка ў блогу" у наладах тэмы (/ адміністратар / знешні выгляд / налады / порта).

Аўтар бія

Каб адлюстраваць невялікую біяграфію аўтара на старонцы вузла артыкула, усталюйце Модуль Profile2 і выканайце наступныя дзеянні, каб наладзіць яго:

  1. Наведайце / адміністратар / структуру / профілі і стварыце новы тып профіля "main". Калі гэта ўжо існуе, перайдзіце да наступнага кроку.
  2. Дадайце поле ў гэты профіль пад назвай "Bio". Калі гэта існуе, перайдзіце да наступнага кроку.
  3. Наведайце / адміністратар / людзі і рэдагаваць карыстальніка. Затым націсніце на ўкладку "Асноўны профіль" у правым верхнім куце побач са спасылкай "Уліковы запіс", каб дадаць вашу біяграфію.

Блок рэгіёнаў

Porto мае 16 блокавых рэгіёнаў, дзе вы можаце дадаць уласны кантэнт. Наведайце yourdomain.com/admin/structure/block, каб дадаць уласны кантэнт у вызначаныя рэгіёны блокаў. Націсніце кнопку "Дадаць блок", каб стварыць новы карыстацкі блог, альбо выберыце існуючы блок з спісу "Адключаныя" ніжэй вызначаных рэгіёнаў блокаў.

Рэгіёны загалоўкаў

Porto мае чатыры вобласці загалоўкаў: брэндынг загалоўкаў, верхняя частка загалоўка, меню загалоўкаў і абразкі загалоўкаў. Вы можаце выкарыстоўваць спасылку "прадэманстраваць рэгіёны блокаў" у / admin / structure / block, каб убачыць, дзе менавіта яны размешчаны, але імёны цалкам тлумачацца. Калі вы хочаце імітаваць рэгіён сацыяльных абразкоў, які знаходзіцца побач з меню ў дэма, вы можаце выкарыстоўваць наступную разметку ў блоку:

<div class = "social-icons"> <ul class = "social-icons"> <li class = "facebook"> <a href = "http://www.facebook.com/" target = "_ blank" назва = "Facebook"> Facebook </a> </li> <li class = "twitter"> <a href="http://www.twitter.com/" target="_blank" title="Twitter"> Twitter </a> </li> <li class = "linkedin"> <a href="http://www.linkedin.com/" target="_blank" title="Linkedin"> Linkedin </a> </ li> </ul> </div>

Рэгіён блока змесціва

У Порту ў агульнай складанасці 5 рэгіёнаў блокаў зместу: Да змесціва, змесціва, левай бакавой панэлі, правай бакавы і пасля змесціва. Падобна рэгіёнам загалоўкаў, апісаным вышэй, гэтыя рэгіёны даволі самаабходлівыя. Варта адзначыць, што рэгіёны змесціва да і пасля называюцца за межамі асноўнай абгорткі зместу, так што вы можаце выкарыстоўваць поўны змест шырыні (напрыклад, слайдэр малюнкаў) або выкарыстоўваць свае ўласныя абгорткі. Гэтыя рэгіёны ёсць, каб зрабіць усё, што вам падабаецца, і не абмежаваныя дадатковай разметкай.

Porto таксама падтрымлівае Flexslider, і для адлюстравання слайд-шоў у вашых артыкулах проста загрузіце некалькі малюнкаў у наладку поля Малюнак пры рэдагаванні вузла артыкула.

Рэгіёны блокаў

У рэшце рэшт, ёсць 6 рэгіёнаў блока колонтитула, чатыры асобныя вобласці чатырох слупоў і два дадатковыя вобласці шасці слупкоў ніжэй.

Дадаткова

Укладкi Апошнія / Папулярныя паведамленні блока

Мы ўключылі падтрымку ўкладак "Нядаўнія / папулярныя паведамленні" з удзелам праглядаў. Калі вы не працуеце з поўнай усталёўкай і не выкарыстоўвалі карыстацкі модуль змесціва для стварэння ўсіх тыпаў зместу тэм, палёў і відаў, вы можаце імпартаваць /assets/views_exports/tabbed-recent-posts.txt і / актывы / views_exports /tabbed-popular-posts.txt прагляды (у тым парадку), якія ствараюць неабходныя праявы. Адтуль дадайце блок "Укладкі папулярных паведамленняў" у ваш рэгіён па вашаму выбару (не блакаванне апошніх паведамленняў, які выкарыстоўваецца ў блоку прагляду папулярных паведамленняў). Вы таксама можаце дадаць дадатковае поле "мініяцюра" у тып змесціва артыкула, каб загрузіць малюнак мініяцюр, якое выкарыстоўваецца ў блоку.

Прыклады кода

Мы ўключылі некалькі прыкладаў кода ў тэчку / assets / examples у корань папкі, якую вы загрузілі з ThemeForest, з разметкай, якая выкарыстоўваецца ў некалькіх шаблонах дэманстрацыйных старонак.

Flickr Feed

Наступная разметка можа быць выкарыстана для стварэння Flickr Feed у любым месцы вашага сайта:

<script> jQuery (дакумент) .ready (функцыя ($) {$ ('ul.flickr-feed'). jflickrfeed ({мяжа: 6, qstrings: {id: '93691989 @ N03'}, itemTemplate: '<li: > <a rel="flickr[pp_gal]" href="{{image_b}}"> <span class = "thumbnail"> <img alt = "{{title}}" src = "{{image_s}}" / > </span> </a> </li> '});}); </script>

Twitter Віджэт

Перад тым, як карыстацца віджэтам Twitter, трэба наладзіць параметры Twitter у наладах тэмы (/ admin / внешний вид / настройки / порту). Каб атрымаць неабходныя ключы аўтэнтыфікацыі, неабходна наведаць https://dev.twitter.com/apps і увайдзіце ў свой уліковы запіс Twitter. Пасля таго, як вы можаце стварыць прыкладанне і стварыць OAuth-ключы, неабходныя для ўводу ў налад тэмы. Пасля ўводу вы можаце выкарыстоўваць наступную разметку ў блоку (пераканайцеся, што тэкставы фільтр усталяваны ў код PHP):

<h6 class = "whitetext bold meta"> PortoON TWITTER </h6> <div class = 'tweet query midtoppadding'> </div> <script type = "text / JavaScript"> jQuery (document) .ready (function ($ ($ $) ) {$ (". tweet"). tweet ({modpath: '<? php global $ parent_root; echo $ parent_root;?> / includes / twitter /', імя карыстальніка: "envato", avatar_size: 34, count: 3, loading_text: "загрузка твітаў ..."});}); </script>

Лайтбокс

Ніжэй прыведзены прыклад таго, як вы можаце стварыць вельмі простае малюнак з малюнка ў змесце вузла:

<a class="thumbnail lightbox pull-left" href="path/to/img.jpg" data-plugin-options='{"type":"image"}'> <img src = "path / to / img .jpg "> <span class =" zoom "> <i class =" icon-16 icon-white-shadowed icon-search "> </i> </span> </a>

Сацыяльныя абразкі

Вы можаце лёгка адлюстроўваць сацыяльныя абразкі з эфектам перакульвання з наступнай разметкай:

<div class = "social-icons"> <ul class = "social-icons"> <li class = "facebook"> <a href = "http://www.facebook.com/" target = "_ blank" назва = "Facebook"> Facebook </a> </li> <li class = "twitter"> <a href="http://www.twitter.com/" target="_blank" title="Twitter"> Twitter </a> </li> <li class = "linkedin"> <a href="http://www.linkedin.com/" target="_blank" title="Linkedin"> Linkedin </a> </ li> </ul> </div>

Вось спіс наступных абразкоў, якія падтрымліваюцца:

  • Digg
  • капаць
  • facebook
  • flickr
  • Форст
  • googleplus
  • html5
  • icloud
  • lastfm
  • LinkedIn
  • MySpace
  • paypal
  • піка
  • pinterest
  • Reddit
  • RSS
  • Skype
  • stumbleupon
  • tumblr
  • твітэр
  • vimeo
  • Wordpress
  • Yahoo
  • YouTube
  • github
  • паводзіны
  • yelp
  • пошта
  • інстаграм
  • чацверка
  • zerply

Пераключыць

Калі вы хочаце ўручную стварыць перамыкач, напрыклад старонку FAQ, вы можаце выкарыстоўваць наступную разметку:

<div class = "toogle"> <section class = "toggle active"> <label> Практычнае распаўсюджванне хуткага распараджэння? </label> <div class = "toggle-content"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing эліты. Выбіраць пліткі, які не патрабуецца. Хутчэй за ўсё ў nunc. &lt;/p> </div> </section> <section class = "пераключацца"> <label> Змяніць відовішча ў недасканалых недакладных відах? "> <p> Эканоміць адмыслоўца, які займаецца індывідуальнасцю. У вас ёсць хуткасны варыянт. У вашым вісеце хуткасць зводзіць вірусаў на рысы. Nullam tortor nunc, бібліятэка сям'і a, і вельмі важна. </p> </div> </section> </div>

CSS3 Анімацыя

У версіі 1.1.2 тэмы была ўведзена падтрымка анімацыі CSS3, якую можна паглядзець тут дэма> , Калі ласка, звярніцеся да файла /examples/animations.php для прыкладаў кода для кожнай з анімацый.

Дзякуй

Вялікі дзякуй за набыццё тэмы Porto Responsive Drupal 7. Яшчэ раз, калі ў вас ёсць якія-небудзь праблемы або зваротная сувязь, калі ласка, падлучыце праз ThemeForest старонка аўтара , Атрымлівайце асалоду ад выкарыстаннем Porto!

& copy 2014 Refaktor.Modpath: '<?
Php global $ parent_root; echo $ parent_root;?
Lt;/p> </div> </section> <section class = "пераключацца"> <label> Змяніць відовішча ў недасканалых недакладных відах?

Новости

Отель «Централь» Официальный сайт 83001, Украина, г. Донецк, ул. Артема, 87
Тел.: +38 062 332-33-32, 332-27-71
[email protected]
TravelLine: Аналитика


Студия web-дизайна Stoff.in © 2008