Π£Ρ€ΠΎΠΊ 85. Ultimate Widgets для кастомных Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ²

Ultimate Widgets для кастомных Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ²ΠžΠ΄Π½ΠΈΠΌ ΠΈΠ· элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‡Π½ΠΎ приТился Π² WordPress, стали кастомныС Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹: ΠΎΠ½ΠΈ Π΄Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ контроля Π² процСссС размСщСния Π½ΡƒΠΆΠ½Ρ‹Ρ… элСмСнтов. Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Ρ‚Π΅ΠΌΡ‹ ΡƒΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹, прописанныС Π² ΠΊΠΎΠ΄Π΅. Но Ρ‚Π΅ΠΌΡ‹ пСриодичСски ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ, Π° Π·Π½Π°Ρ‡ΠΈΡ‚, Π² Π½ΠΎΠ²ΠΎΠΉ Ρ‚Π΅ΠΌΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π°: всС Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ попросту потСряны. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ с любой Ρ‚Π΅ΠΌΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ всСгда, Ссли ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ Ultimate Widgets. Π­Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰Π΅Π΅ Π±ΠΎΠ»Π΅Π΅ 20 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ². ΠŸΡ€Π°Π²Π΄Π°, доступны ΠΎΠ½ΠΈ Π² ΠΏΡ€Π΅ΠΌΠΈΡƒΠΌ-вСрсии: ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ базовая вСрсия Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ 5 Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ².

Знакомимся с Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°ΠΌΠΈ

Учитывая, Ρ‡Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ бСсплатныС вСрсии ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΎ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ доступны сразу послС установки, расскаТСм Π΄Π΅Ρ‚Π°Π»ΡŒΠ½Π΅Π΅. Ну Π° Ссли Π’Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ с Joomla Ρ‚ΠΎ Π²Π°ΠΌ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, хотя ΠΈ Π΄Π°Π½Π½Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ ΠΏΠΎΠ΄ Joomla. ВсС эти дополнСния ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ‚ΡƒΡ‚ joomix.org.

Π’ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ бСсплатной вСрсии:

  • About Me Widget – Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Β«ΠΎΠ±ΠΎ ΠΌΠ½Π΅Β». ДобавляСт Π½Π° Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Ρ€Π°Π·Π΄Π΅Π», Π³Π΄Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ вашС Ρ„ΠΎΡ‚ΠΎ, имя, описаниС, ссылки Π½Π° ΠΏΡ€ΠΎΡ„ΠΈΠ»ΠΈ соцсСтСй. Π€ΠΎΠ½ для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ, Π²Ρ‹Π±Ρ€Π°Π² ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠΈΠΉΡΡ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ схСмы.
  • Contact Info Widget – Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ с ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ. ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ адрСс, скайп, Π½ΠΎΠΌΠ΅Ρ€ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°, ΠΏΠΎΡ‡Ρ‚Ρƒ ΠΈ Ρ‚.Π΄. МоТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΈΠ»ΠΈ ΠΌΠ°Π»Π΅Π½ΡŒΠΊΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΈ ввСсти Π½ΡƒΠΆΠ½Ρ‹ΠΉ тСкст с описаниСм.
  • Flickr Stream Widget – ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Flickr-Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Π°. МоТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ количСство ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Ρ„ΠΎΡ‚ΠΎ ΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ.
  • Menu Widget – ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ кастомноС мСню.
  • MailChimp Widget – ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠΊΠ½ΠΎ подписки. Для использования Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ Π½Π° MailChimp, Π° Π·Π°Ρ‚Π΅ΠΌ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ Π² Π²ΠΈΠ΄ΠΆΠ΅Ρ‚.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ ΠΏΡ€ΠΎ-вСрсии:

  • Ads Widget – ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ€Π΅ΠΊΠ»Π°ΠΌΡƒ сайдбара;
  • Login Widget – Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ΠΎΠΊΠ½Π° рСгистрации;
  • Facebook Widget – ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ страничку Ѐэйсбук;
  • Google Map Widget – Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π“ΡƒΠ³Π»-ΠΊΠ°Ρ€Ρ‚Ρƒ;
  • Posts Thumbnails Widget – ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ список послСдних постов;
  • Slideshow Widget – Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ кастомного мСню;
  • Posts Slider Widget – Π²ΠΈΠ΄ΠΆΠ΅Ρ‚-слайдСр постов;
  • Social Buttons Widget – Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ ссылки Π²Π°ΡˆΠΈΡ… ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΡ„ΠΈΠ»Π΅ΠΉ;
  • Soundcloud Widget – ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ соундклоудовский ΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Ρ‚Π΅Π»ΡŒ;
  • Tabs Widget – Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ послСдних ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² ΠΈ Ρ‚Π΅Π³ΠΎΠ²;
  • Testimonial Widget – Π²ΠΈΠ΄ΠΆΠ΅Ρ‚, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‰ΠΈΠΉ ΠΎΡ‚Π·Ρ‹Π²Ρ‹;
  • Text Widget – Π²Ρ‹ΠΎΠ΄ΠΈΡ‚ тСкстовый ΠΈΠ»ΠΈ HTML-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° экран;
  • Twitter Widget – ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Ρ‚Π²ΠΈΡ‚Ρ‚ΠΎΠ²;
  • Video Widget – добавляСт Π² сайдбар Π²ΠΈΠ΄Π΅ΠΎ;
  • Weather Widget – Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ΠΏΠΎΠ³ΠΎΠ΄Ρ‹ Π² сайдбарС.

Настройка ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΏΠ»Π°Π³ΠΈΠ½Π°

Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ Π±ΡƒΠ΄Π΅Ρ‚ установлСн ΠΈ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½, Π² мСню появится Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚ Β«UW PanelΒ»,Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΎΠΏΡ†ΠΈΠΈ. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ссылка Widgets ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΏΠ»Π°Π³ΠΈΠ½Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π²Ρ‹Π±ΠΎΡ€ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°, минимизация CSS ΠΈ Javascript. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈ этом ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ-Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ, CSS ΠΈ JS ΠΏΡ€ΠΈ этом Π±ΡƒΠ΄Π΅Ρ‚ использован Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°Ρ…, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ большого количСства Π½Π΅Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°.

Помимо этого ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈ стили Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ²: всСго ΠΈΡ… 6 ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ доступСн ΠΊ Π²Ρ‹Π±ΠΎΡ€Ρƒ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Styling. ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ нСсколько Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ² сразу, установив поля, отступы, Ρ†Π²Π΅Ρ‚Π° ссылок ΠΈ Ρ‚.Π΄. Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½ΠΎ, Ρ‡Ρ‚ΠΎ благодаря использованию Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ° Redux, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠΈΠΌΠΏΠΎΡ€Ρ‚Π°/экспорта ΠΌΠΎΠΆΠ½ΠΎ с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΠΏΠ΅Ρ€Π΅Π½ΠΎΡΠΈΡ‚ΡŒ всС настройки Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сайт.

Π’ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ стоит ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ это Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ². Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Π°Ρ вСрсия стоит Π΄Π΅Π½Π΅Π³, Π° Ρ‡Π°ΡΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ попросту Π½Π΅ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρƒ нас сайт, Π·Π°Ρ€Π°Π½Π΅Π΅ ΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠ² вСсь Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π». К Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΊΡƒΠΏΠΈΡ‚ΡŒ сайт Π² нашСм ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅, Π² Ρ‚Π°ΠΊΠΎΠΌ случаС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ обойдСтся Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π· дСшСвлС.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *

Π“Π»Π°Π²Π½ΠΎΠ΅ мСню