Mobile Contact Bar β ΠΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ WordPress
- ΠΠ΅ΡΠ°Π»ΠΈ
- ΠΡΠ·ΡΠ²Ρ
- Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ°
- Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ°
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
Mobile Contact Bar is a compact and highly customizable plugin, which allows your visitors to contact you directly via mobile phones, or access your siteβs pages instantly.
The settings page is available under the Settings β Mobile Contact Bar menu in the WordPress dashboard.
Features
- Icons for social media, call-to-actions, or any links to web pages
- Simple and intuitive styling with the aid of the Real-time Model
- Built-in icon picker with Font Awesome 5 integration
- Customizable URLs using query string parameters
- No data collection from your websiteβs visitors
- Super easy to use, no coding required!
Special Actions
- Scroll to Top of the page
- WooCommerce Cart with Item Counter
Supported Protocols
http
https
mailto
skype
sms
tel
viber
Tested with
- Twenty Twenty-Three
- Twenty Twenty-Two
- Twenty Twenty-One
- Twenty Twenty
- Twenty Nineteen
- Twenty Seventeen
- Twenty Sixteen
- Twenty Fifteen
- Twenty Fourteen
- Twenty Thirteen
- Twenty Twelve
- Twenty Eleven
- Twenty Ten
- Button List meta box
- Icons, Toggle meta boxes
- Bar meta box
- Settings β Mobile Contact Bar
First time Mobile Contact Bar user
Thank you for choosing Mobile Contact Bar! In order to create your bar, simply activate the plugin and visit the pluginβs page by clicking on MCB Contact Bar in your left navigation menu.
Once the plugin page loads, open the Bar box, choose the Display on Devices option, select the device type to enable the bar and then press the Save Changes button at the top of the page.
Mobile Contact Bar will automatically create a default bar with a couple of buttons for you.
Adding buttons to your bar
To add more buttons to your bar, open the Button List box, find a particular list item, select the checkbox, customize the icon and fill in the URI field.
In order to add more buttons, click on the New Button or on one of the icons at the top of the list.
Positioning and styling your bar
To set options for bar (positions, colors, borders, width, height, space, placeholder, etc.), open the Bar box and check the changes on the Real-time Model.
Open the Icons, Badges, or Toggle box and set options for icons, badges, or toggle, respectively.
JavaScript disabled
The plugin works fine without JavaScript on the front-end of your site.
We use JavaScript on the front-end in two cases:
1. if the toggle is activated, then the plugin has an option for saving the toggle state in a cookie, and
2. Scroll to Top, Back in History, and Forward in History actions use inline JavaScript for their functionality.Cookies
You have full control over the single cookie which is called mobile_contact_bar_toggle.
Cleaning the cache
If your site is chached via a caching plugin such as WP Fastest Cache or Cache Enabler, then it is important to clean those caches after the Contact Bar has been enabled.
Also, if you disable the Contact Bar then the caches need to be cleaned again.
It is very easy and useful. I recommend to all WordPress users. Just a feedback: It can be very good if we can set different background colors to each button. I think this function will makes the plugin better.
Nice plugin! i use it on different websites and its fast to setup and there are many options.
Thank you for this little but very useful plugin
I am very disappointed in this clueless plugin. Even 2 years ago, on the support forum, people asked to include classes for items, but apparently it should take 100 years before the author listens to users. The point is to make such stupid semi-plugins and post them here if you can’t hear the people who use them.
Thank you..!
What a useful plugin!
ΠΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π²ΡΠ΅ 27 ΠΎΡΠ·ΡΠ²ΠΎΠ²
Β«Mobile Contact BarΒ» β ΠΏΡΠΎΠ΅ΠΊΡ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. Π ΡΠ°Π·Π²ΠΈΡΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π²Π½Π΅ΡΠ»ΠΈ ΡΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΠ°ΡΡΠ½ΠΈΠΊΠΈ:
Π£ΡΠ°ΡΡΠ½ΠΈΠΊΠΈ
- Anna Bansaghi
Β«Mobile Contact BarΒ» ΠΏΠ΅ΡΠ΅Π²Π΅Π΄ΡΠ½ Π½Π° 1 ΡΠ·ΡΠΊ. ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΠΈΠΌ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΡΠΈΠΊΠΎΠ² Π·Π° ΠΈΡ ΡΠ°Π±ΠΎΡΡ.
ΠΠ΅ΡΠ΅Π²Π΅ΡΡΠΈ Β«Mobile Contact BarΒ» Π½Π° Π²Π°Ρ ΡΠ·ΡΠΊ.
ΠΠ°ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ²Π°Π½Ρ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅?
ΠΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ ΠΊΠΎΠ΄, ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ SVN ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ, ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΏΠΈΡΠΈΡΠ΅ΡΡ Π½Π° ΠΆΡΡΠ½Π°Π» ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΠΎ RSS.
2.1.0
- [Add] Add viber protocol viber-chat, how-to-add-viber-button
- [Fix] Let the + sign be optional in tel and sms protocols telephone-remove
- [Fix] Decode / encode query string e-mail-body
- [Update] Font Awesome 5.15.4
2.0.9
- [Fix] Missing contact field Β«checkedΒ» notice
2.0.8
- [Fix] Add
rel="noopener"
for links opening in new tab links-to-cross-origin-destinations-are-unsafe
2.0.7
- [Fix] Do not show meta boxes on foreign pages menu-bar-settings-appearing-for-ohter-users-than-admin
2.0.6
- [Fix] Domain Path
2.0.5
- [Fix] License version
- [Fix] Requires at least has been changed to 4.6
2.0.4
- [Fix] Add padding zero to toggle
2.
0.3- [Fix] Add margin and padding to list items
- [Update] Font Awesome 5.13.0
2.0.2
- [Fix] Forgotten log message in source your-update-just-broke-my-site
2.0.1
- [Fix] Extracted cookie into an option Toggle:Cookie
- [Fix] Restored Bar:Opacity option a-few-more-minor-things-in-2-0
- [Update] Font Awesome 5.0.13
2.0.0
- [Upgrade] Reimplement plugin with new options in the database
- [Upgrade] Font Awesome 5.0.12 can-add-support-fontawesome-v5-0-8
- [Rename]
mcb_front_render_html
tomcb_public_render_html
- [Deprecate]
mcb_admin_update_contacts
andmcb_admin_update_settings
filters - [Add] UI for managing contacts and details (add, delete, modify) a-couple-of-more-feature-suggestions
- [Add] Option for setting label on the toggle a-couple-of-more-feature-suggestions
- [Add] Option for adding space above/below the bar contact-bar-overlaying-footer-credits-on-site, position, hidding-menu
- [Add] Storing toggle state in a cookie toggle-state, toggle-issue
- [Add] WhatsApp a-couple-of-feature-ideas, whatsapp-chat
- [Add] WooCommerce Cart with Item Counter action a-couple-of-feature-ideas
1.
4.1- [Fix] Bar width and bar alignment issues
1.4.0
- [Add] Option for setting bar width bar-width-2
- [Add] Icon for Instagram no-instagram-icon
- [Fix] Plugin upgrade on network
1.3.1
- [Test] Tested up to WordPress 4.9
1.3.0
- [Add] Icon for texting (sms) text-with-pre-filled-option
1.2.3
- [Fix] array_filter() issue
1.2.2
- [Fix] array_filter() issue
1.2.1
- [Fix] Empty arrays issues
1.2.0
- [Add] UI for sorting contacts
- [Add] Option for setting subject, body, cc, bcc of email add-subject-and-body-to-email
- [Add] Refreshed option page UI using meta boxes
- [Fix] Prepared plugin for localization
- [Fix] Sanitized phone number and add a plus sign (+) prefix
- [Update] Font Awesome 4.7.0
1.1.2
- [Fix] Left aligned icons in the CSS does-your-plugin-support-the-hemingway-theme
- [Update] Font Awesome 4. 6.3
1.1.1
- [Fix] Admin styles
- [Fix] Public styles
- [Update] Font Awesome 4.6.1
1.1.0
- [Add] Option for Bar:Opening links in a new tab no-instagram-icon
1.0.1
- [Fix] Improved setting and contact validation (sanitization)
- [Fix] Set the default value of the fixed bar position to true
- [Fix] Removed obsolated workarounds
1.0.0
- [Upgrade] Official release
0.1.1
- [Fix] Default option issue during network activation
0.1.0
- [Add] Initial release
ΠΠ΅ΡΠ°
- ΠΠ΅ΡΡΠΈΡ: 2.1.0
- ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅: 3 Π½Π΅Π΄Π΅Π»ΠΈ Π½Π°Π·Π°Π΄
- ΠΠΊΡΠΈΠ²Π½ΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΎΠΊ: 10Β 000+
- ΠΠ΅ΡΡΠΈΡ WordPress: 4.6 ΠΈΠ»ΠΈ Π²ΡΡΠ΅
- Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌ Π²ΠΏΠ»ΠΎΡΡ Π΄ΠΎ: 6.2
- ΠΠ΅ΡΡΠΈΡ PHP: 5. 3 ΠΈΠ»ΠΈ Π²ΡΡΠ΅
- Π―Π·ΡΠΊΠΈ:
Dutch ΠΈ English (US).
ΠΠ΅ΡΠ΅Π²Π΅ΡΡΠΈ Π½Π° Π²Π°Ρ ΡΠ·ΡΠΊ
- ΠΠ΅ΡΠΊΠΈ:
call to actioncta buttoniconsocial mediawoocommerce cart
- ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ
ΠΡΠ΅Π½ΠΊΠΈ
ΠΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π²ΡΠ΅
- 5 Π·Π²ΡΠ·Π΄ 22
- 4 Π·Π²Π΅Π·Π΄Ρ 3
- 3 Π·Π²Π΅Π·Π΄Ρ 1
- 2 Π·Π²Π΅Π·Π΄Ρ 0
- 1 Π·Π²Π΅Π·Π΄Π° 1
ΠΠΎΠΉΠ΄ΠΈΡΠ΅, ΡΡΠΎΠ±Ρ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΎΡΠ·ΡΠ².
Π£ΡΠ°ΡΡΠ½ΠΈΠΊΠΈ
- Anna Bansaghi
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
Π Π΅ΡΠ΅Π½ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Π·Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ 2 ΠΌΠ΅ΡΡΡΠ°:
1 ΠΈΠ· 1
ΠΠ΅ΡΠ΅ΠΉΡΠΈ Π² ΡΠΎΡΡΠΌ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ
ΠΠΎΠΆΠ΅ΡΡΠ²ΠΎΠ²Π°Π½ΠΈΠ΅
Would you like to support the advancement of this plugin?
ΠΠΎΠΆΠ΅ΡΡΠ²ΠΎΠ²Π°ΡΡ Π½Π° ΡΠ°Π·Π²ΠΈΡΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Π°
Π‘Π°ΠΌΠ° ΠΈΠΊΠΎΠ½ΠΊΠ° | ΠΠΎΠ΄ Π΄Π»Ρ Π²ΡΡΠ°Π²ΠΊΠΈ | ΠΠ°ΡΠΈΠ°Π½ΡΡ ΡΡΡΡΠΊΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄Π° |
<i aria-hidden=»true»> </i> | ΠΠ½ΠΎΠ³ΠΎΡΡΠ°ΠΆΠ½ΡΠΉ Π΄ΠΎΠΌ, ΠΌΠ½ΠΎΠ³ΠΎΠΊΠ²Π°ΡΡΠΈΡΠ½ΡΠΉ | |
<i aria-hidden=»true»> </i>Β | ΠΡΠ°ΡΠΈΠΊ, ΡΡΠ°ΡΠΈΡΡΠΈΠΊΠ°, Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π½ΠΊ, ΠΊΠ°ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ»ΠΎΠ½Π½Ρ, ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠ΅ ΡΠΎΠΎΡΡΠΆΠ΅Π½ΠΈΠ΅, | |
<i aria-hidden=»true»> </i> | ΠΠ°Ρ, ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄Π»Ρ ΠΎΡΠΊΡΡΡΠΈΡ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ ΡΠ°ΠΉΡΠ° | |
<i aria-hidden=»true»> </i> | ΠΠ°ΡΠ°ΡΠ΅Ρ ΡΠ°Π·ΡΡΠΆΠ΅Π½Π°, ΡΠ΅Π²ΡΠ°Ρ Π±Π°ΡΠ°ΡΠ΅ΠΉΠΊΠ°, Π°ΠΊΠΊΡΠΌΡΠ»ΡΡΠΎΡ ΡΠ΅Π» | |
Β | <i aria-hidden=»true»> </i> | ΠΠ°ΡΠ°ΡΠ΅Ρ Π·Π°ΡΡΠΆΠ΅Π½Π°, ΠΏΠΎΠ»Π½ΡΠΉ Π°ΠΊΠΊΡΠΌΡΠ»ΡΡΠΎΡ |
<i aria-hidden=»true»> </i> | ΠΠΈΠ·ΠΊΠΈΠΉ Π·Π°ΡΡΠ΄ Π±Π°ΡΠ°ΡΠ΅ΠΈ | |
Β | <i aria-hidden=»true»> </i> | Π’ΠΈΡ ΠΈΠΉ, Π±Π΅Π·Π·Π²ΡΡΠ½ΡΠΉ |
<i aria-hidden=»true»> </i> | ΠΠ°ΠΌΠ΅ΡΠ°, ΡΠΎΡΠΎΠ°ΠΏΠΏΠ°ΡΠ°Ρ, ΡΠΎΡΠΎΠΊΠ°ΠΌΠ΅ΡΠ° | |
<i aria-hidden=»true»> </i> | ΠΠΎΠ»ΠΎΠΊΠΎΠ», ΠΊΠΎΠ»ΠΎΠΊΠΎΠ»ΡΡΠΈΠΊ, Π·Π²ΡΠΊ, ΠΎΠΏΠΎΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ | |
<i aria-hidden=»true»> </i> | ΠΠ΅Π»ΠΎΡΠΈΠΏΠ΅Π΄ | |
<i aria-hidden=»true»> </i> | ΠΠ½ΠΈΠ³Π°, ΡΡΠ΅Π±Π½ΠΈΠΊ, Π·Π°ΠΏΠΈΡΠΈ | |
<i aria-hidden=»true»> </i> | ΠΠ°ΠΏΠ»Ρ, Π²ΠΎΠ΄Π° | |
<i aria-hidden=»true»> </i> | ΠΠΎΡΡΡΠ΅Π»Ρ, Π΄ΠΈΠΏΠ»ΠΎΠΌΠ°Ρ, Π±Π°Π³Π°ΠΆ | |
<i aria-hidden=»true»> </i> | Π ΡΠΏΠΎΡ, Π·Π²ΡΠΊ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π»ΡΠΊΡΠ»ΡΡΠΎΡ, ΡΠ°ΡΡΡΠ΅Ρ, ΡΠ°ΡΡΡΠΈΡΠ°ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ, Π΄Π°ΡΠ° | |
<i aria-hidden=»true»> </i> | Π§Π°ΡΡ, Π²ΡΠ΅ΠΌΡ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π³ΡΡΠ·ΠΊΠ°, ΠΎΠ±Π»Π°ΠΊΠΎ, Π·Π°Π³ΡΡΠ·ΠΊΠ° ΠΈΠ· ΠΎΠ±Π»Π°ΠΊΠ° | |
<i aria-hidden=»true»> </i> | Π§Π°ΠΉ, ΠΊΠΎΡΠ΅, ΡΡΠ°ΠΊΠ°Π½ | |
<i aria-hidden=»true»> </i> | ΠΡΡΠ»Ρ, ΠΈΠ΄Π΅Ρ, ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ | |
<i aria-hidden=»true»> </i> | ΠΠ±ΡΠ΅Π½ΠΈΠ΅, ΠΏΠ΅ΡΠ΅ΠΏΠΈΡΠΊΠ°, ΡΠ°Ρ | |
<i aria-hidden=»true»> </i> | ΠΡΠ΅Π΄ΠΈΡΠ½Π°Ρ ΠΊΠ°ΡΡΠ°, Π±Π°Π½ΠΊΠΎΠ²ΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΠ΅ΠΆΠ½Π°Ρ ΠΊΠ°ΡΡΠΎΡΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΡΠ± | |
<i aria-hidden=»true»> </i> | ΠΠ»ΠΌΠ°Π·, Π±ΡΠΈΠ»Π»ΠΈΠ°Π½Ρ, Π΄ΡΠ°Π³ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΊΠ°ΠΌΠ΅Π½Ρ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π·Π° Π΄Π°Π½Π½ΡΡ , ΠΌΠ°ΡΡΠΈΠ² | |
<i aria-hidden=»true»> </i> | ΠΡΠ΄ΠΈΠΎΡΠ°ΠΉΠ», Π·Π²ΡΠΊΠΎΠ²ΠΎΠΉ ΡΠ°ΠΉΠ», Π°ΡΠ΄ΠΈΠΎΠΊΠ½ΠΈΠ³Π° | |
<i aria-hidden=»true»> </i> | E-mail, ΠΊΠΎΠ½Π²Π΅ΡΡ, Π°Π΄ΡΠ΅Ρ ΠΏΠΎΡΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠΎΡΠΊΠ»ΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ Π·Π½Π°ΠΊ, Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΎΡΡΠΎΡΠΎΠΆΠ½ΠΎ | |
<i aria-hidden=»true»> </i> | ΠΠ»Π°Π·, ΡΠΌΠΎΡΡΠ΅ΡΡ, Π²ΠΈΠ΄ΠΈΠΌΡΠΉ | |
<i aria-hidden=»true»> </i> | ΠΠΈΠ΄Π΅ΠΎΡΠ°ΠΉΠ», Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Ρ Π²ΠΈΠ΄Π΅ΠΎ | |
<i aria-hidden=»true»> </i> | ΠΡΡ ΠΈΠ², zip | |
<i aria-hidden=»true»> </i> | ΠΠ³Π½Π΅ΡΡΡΠΈΡΠ΅Π»Ρ | |
<i aria-hidden=»true»> </i> | ΠΡΠΊΡΡΡΠ°Ρ ΠΏΠ°ΠΏΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΠΎΠ»Π½ΠΈΡ, Π²ΡΠΏΡΡΠΊΠ°, ΡΠ°Π·ΡΡΠ΄ ΡΠ»Π΅ΠΊΡΡΠΈΡΠ΅ΡΡΠ²Π°, ΠΈΡΠΊΡΠ° | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΠΉΠΌΠΏΠ°Π΄, Π΄ΠΆΠΎΡΡΠΈΠΊ, Π²ΠΈΠ΄Π΅ΠΎΠΈΠ³ΡΡ, Π΄Π΅Π½Π΄ΠΈ, ΡΠ΅Π³Π° | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΡΠΎΡΠ½ΡΠ΅ ΡΠ°ΡΡ, ΡΠ°ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΡΡΠΏΠΏΠ°, ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎ, ΡΠΎΠ±ΡΠ°Π½ΠΈΠ΅ | |
<i aria-hidden=»true»> </i> | Π‘Π΅ΡΠ΄ΡΠ΅, Π»Π°ΠΉΠΊ, like | |
<i aria-hidden=»true»> </i> | ΠΠ»Π°Π²ΠΈΠ°ΡΡΡΠ°, ΡΠ°ΡΠΊΠ»Π°Π΄ΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΡΠ΅Π»Ρ, Π³ΠΎΡΡΠΈΠ½Π½ΠΈΡΠ°, ΠΊΡΠΎΠ²Π°ΡΡ, ΡΠΏΠ°ΡΡ, ΡΠΎΠ½ | |
<i aria-hidden=»true»> </i> | ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΈΠ½ΡΠΎ | |
<i aria-hidden=»true»> </i> | ΠΠΎΠ»ΠΎΡΠΎΠΊ, ΠΌΠΎΠ»ΠΎΡ, ΡΡΠ΄, ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π°ΡΠ΅ΡΡ | |
<i aria-hidden=»true»> </i> | Π‘ΠΏΠ°ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΊΡΡΠ³, ΡΠ°ΠΏΠΏΠΎΡΡ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΠ°ΠΌΠΏΠΎΡΠΊΠ°, Π»Π°ΠΌΠΏΠ°, ΠΈΠ΄Π΅Ρ | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΡΠ΅Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅, ΡΠ΅Π΄ΠΈΡΠ΅ΠΊΡ | |
<i aria-hidden=»true»> </i> | ΠΠ°ΡΠΊΠ΅Ρ Π΄Π»Ρ ΠΊΠ°ΡΡΡ, ΠΌΠ΅ΡΡΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, GPS | |
<i aria-hidden=»true»> </i> | Π’Π΅Π»Π΅ΡΠΎΠ½, ΡΠΌΠ°ΡΡΡΠΎΠ½, | |
<i aria-hidden=»true»> </i> | ΠΠ°Π³ΠΈΡΡΡ, ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅, ΡΡΠΈΡΡΡΡ, ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅ | |
<i aria-hidden=»true»> </i> | ΠΠΈΡΡΠΎΡΠΊΠ°, ΠΊΠΈΡΡΡ, ΡΠΈΡΠΎΠ²Π°ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠ°ΡΠ°Π½Π΄Π°Ρ, ΠΏΠΈΡΠ°ΡΡ, ΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ | |
<i aria-hidden=»true»> </i> | Π’Π΅Π»Π΅ΡΠΎΠ½, ΠΏΠΎΠ·Π²ΠΎΠ½ΠΈΡΡ | |
<i aria-hidden=»true»> </i> | ΠΡΡΠ³ΠΎΠ²Π°Ρ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ° | |
<i aria-hidden=»true»> </i> | ΠΠ»ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅, Π²ΡΠΊΠ»ΡΡΠΈΡΡ, ΠΎΡΠΊΠ»ΡΡΠΈΡΡ | |
<i aria-hidden=»true»> </i> | ΠΡΠΌΠ΅Π½ΠΈΡΡ, ΠΎΡΠΌΠ΅Π½Π°, Π½Π°Π·Π°Π΄ | |
<i aria-hidden=»true»> </i> | Π£ΠΌΠ΅Π½ΡΡΠΈΡΡ, ΠΌΠ΅Π½ΡΡΠ΅ | |
<i aria-hidden=»true»> </i> | ΠΠΎΠ»ΠΎΠ²ΠΈΠ½Π° Π·Π²Π΅Π·Π΄Ρ | |
<i aria-hidden=»true»> </i> | Π’Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ, ΠΌΠΎΠ½ΠΈΡΠΎΡ, ΡΠΊΡΠ°Π½ | |
<i aria-hidden=»true»> </i> | ΠΡΠΈΠ±ΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΠ°ΠΉΠΊ, ΠΏΠ°Π»Π΅Ρ Π²Π²Π΅ΡΡ | |
<i aria-hidden=»true»> </i> | Π‘ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΠΏΠΎ Π°Π»ΡΠ°Π²ΠΈΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠΎΡΠ·ΠΈΠ½Π°, ΠΌΡΡΠΎΡ, ΡΠ΄Π°Π»ΠΈΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠΎΡΡΠ°Π²ΠΊΠ°, Π³ΡΡΠ·ΠΎΠ²ΠΈΠΊ | |
<i aria-hidden=»true»> </i> | ΠΠΈΠ΄Π΅ΠΎΠΊΠ°ΠΌΠ΅ΡΠ°, Π²ΠΈΠ΄Π΅ΠΎ | |
<i aria-hidden=»true»> </i> | ΠΡΠΎΠΌΠΊΠΎΡΡΡ, Π·Π²ΡΠΊ, ΠΎΠΏΠΎΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΡΠΏΡΠΎΠ²ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ, wi-fi | |
<i aria-hidden=»true»> </i> | ΠΠ²ΡΠΎ, ΠΌΠ°ΡΠΈΠ½Π°, Π°Π²ΡΠΎΠΌΠΎΠ±ΠΈΠ»Ρ | |
<i aria-hidden=»true»> </i> | ΠΡΠ°ΡΠΈΠΊ, ΡΡΠΎΠ»Π±ΡΠ°ΡΠ°Ρ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ° | |
<i aria-hidden=»true»> </i> | ΠΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ, ΠΊΠΎΠΏΠΈΡ, ΠΊΠ»ΠΎΠ½ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π³ΡΡΠ·ΠΊΠ° Π² ΠΎΠ±Π»Π°ΠΊΠΎ | |
<i aria-hidden=»true»> </i> | ΠΠ²ΡΠΊ, ΠΊΠΎΠ»ΠΎΠΊΠΎΠ»ΡΡΠΈΠΊ, Π·Π²ΠΎΠ½ΠΈΡΡ | |
<i aria-hidden=»true»> </i> | ΠΡΠΊ, Π½Π°ΡΠ΅ΠΊΠΎΠΌΠΎΠ΅, Π±Π°Π³ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ, Π΄Π°ΡΠ° | |
<i aria-hidden=»true»> </i> | Π¨Π΅ΡΡΠ΅ΡΠ΅Π½ΠΊΠ°, Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ | |
<i aria-hidden=»true»> </i> | ΠΠΈΡΠ°ΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅, ΡΠ°Ρ | |
<i aria-hidden=»true»> </i> | ΠΠΎΠΌΠΏΠ°Ρ, Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ | |
<i aria-hidden=»true»> </i> | Π¦Π΅Π»Ρ | |
<i aria-hidden=»true»> </i> | ΠΠ·ΠΌΠ΅Π½ΠΈΡΡ, ΠΏΡΠ°Π²ΠΈΡΡ | |
<i aria-hidden=»true»> </i> | Π‘ΡΠ΅ΡΠ΅ΡΡ, Π»Π°ΡΡΠΈΠΊ, ΡΡΠ΅ΡΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΡ | |
<i aria-hidden=»true»> </i> | ΠΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ | |
<i aria-hidden=»true»> </i> | Π€Π°ΠΉΠ» pdf (ΠΠΠ€) | |
<i aria-hidden=»true»> </i> | Π€Π»Π°Π³, Π»ΠΎΠΊΠ°ΡΠΈΡ | |
<i aria-hidden=»true»> </i> | ΠΡΠΎΠ±ΠΈΡΠΊΠ°, Ρ ΠΈΠΌΠΈΡ | |
<i aria-hidden=»true»> </i> | ΠΡΠΊΡΡΡΠ°Ρ ΠΏΠ°ΠΏΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΠΎΠ»ΠΎΡΠΎΠΊ, ΡΡΠ΄ | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΡΡΠΊΠΈΠΉ Π΄ΠΈΡΠΊ, ΡΠ΅ΡΠ²Π΅Ρ, Π²ΠΈΠ½ΡΠ΅ΡΡΠ΅Ρ | |
<i aria-hidden=»true»> </i> | ΠΠ΄ΠΎΡΠΎΠ²ΡΠ΅, ΡΠ΅ΡΠ΄ΡΠ΅ | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΡΠΎΡΠ½ΡΠ΅ ΡΠ°ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°, ΠΊΠ°ΡΡΠΈΠ½Π° | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΠΌΠΎΠ½, ΡΠΈΡΡΡΡ | |
<i aria-hidden=»true»> </i> | Π ΠΎΡΡ, ΡΠ°Π·Π²ΠΈΡΠΈΠ΅ | |
<i aria-hidden=»true»> </i> | ΠΠΎΠ»ΡΠ΅Π±Π½Π°Ρ ΠΏΠ°Π»ΠΎΡΠΊΠ°, ΠΌΠ°Π³ΠΈΡ | |
<i aria-hidden=»true»> </i> | ΠΠ°ΡΡΠ° | |
<i aria-hidden=»true»> </i> | Π€ΡΡΠ±ΠΎΠ»ΡΠ½ΡΠΉ ΠΌΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠΎΡΠΎΡΠΈΠΊΠ» | |
<i aria-hidden=»true»> </i> | ΠΡΠΌΠ°ΠΆΠ½ΡΠΉ ΡΠ°ΠΌΠΎΠ»Π΅ΡΠΈΠΊ | |
<i aria-hidden=»true»> </i> | Π‘Π°ΠΌΠΎΠ»Π΅Ρ | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΡΠ°ΡΡ, ΠΏΡΠΈΠ½ΡΠ΅Ρ | |
<i aria-hidden=»true»> </i> | Π£Π²Π΅Π»ΠΈΡΠΈΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠΎΡΠ·ΠΈΠ½Π° | |
<i aria-hidden=»true»> </i> | Π‘ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΡΡΠΎΡΠ½Π°Ρ ΠΊΠΎΡΠ·ΠΈΠ½Π° | |
<i aria-hidden=»true»> </i> | Π¨Π°ΡΡΠ» | |
<i aria-hidden=»true»> </i> | ΠΠΎΠ»ΠΎΠ²ΠΈΠ½Π° Π·Π°ΠΊΡΠ°ΡΠ΅Π½Π½ΠΎΠΉ Π·Π²Π΅Π·Π΄Ρ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΡΠ°ΠΉΠ»Π°, Π·Π°ΠΊΠ°ΡΠ°ΡΡ ΡΠ°ΠΉΠ» | |
<i aria-hidden=»true»> </i> | ΠΡΠΎΠΌΠΊΠΎΡΡΡ, Π²ΡΠ·ΠΎΠ² | |
<i aria-hidden=»true»> </i> | ΠΠΏΠ°ΡΠ½ΠΎΡΡΡ, ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅, Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ | |
<i aria-hidden=»true»> </i> | ΠΠΈΠ·ΠΈΡΠΊΠ°, Π²ΠΈΠ·ΠΈΡΠ½Π°Ρ ΠΊΠ°ΡΡΠΎΡΠΊΠ° | |
<i aria-hidden=»true»> </i> | Π―ΠΊΠΎΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠ²Π΅Π·Π΄ΠΎΡΠΊΠ°, ΡΠ½Π΅ΠΆΠΈΠ½ΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΠΎΠ»Π½ΠΈΡ | |
<i aria-hidden=»true»> </i> | ΠΡΠΎΠ²Π°ΡΡ | |
<i aria-hidden=»true»> </i> | Π’ΠΎΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠ½ΠΎΠ³ΠΎΡΡΠ°ΠΆΠ½ΡΠΉ Π΄ΠΎΠΌ, ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ°ΠΆΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΠ²ΡΠΎΠ±ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½Ρ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π»ΠΎΡΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΡΠΌΠ΅ΡΠ΅Π½Π½ΡΠΉ ΡΠ΅ΠΊΠ±ΠΎΠΊΡ | |
<i aria-hidden=»true»> </i> | ΠΠ°ΠΊΡΡΡΡ, ΠΎΡΠΌΠ΅Π½Π°, ΠΎΡΠΈΠ±ΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΉ ΡΠ°ΠΉΠ», ΠΏΠΎΠ²ΡΠ΅ΠΆΠ΄Π΅Π½Π½ΡΠΉ | |
<i aria-hidden=»true»> </i> | ΠΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ | |
<i aria-hidden=»true»> </i> | Π¨Π΅ΡΡΠ΅ΡΠ½ΠΈ, Π½Π°ΡΡΡΠΎΠΉΠΊΠ°, ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ | |
<i aria-hidden=»true»> </i> | Π§Π°Ρ, Π½Π°Π±ΠΈΡΠ°Π΅Ρ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅, ΠΏΠΈΡΠ΅Ρ | |
<i aria-hidden=»true»> </i> | ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΡΠ΅ΡΠ°ΠΉΠ·, ΠΎΠ±ΡΠ΅Π·Π°ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠΈΡΠ°Π½ΠΈΠ΅, ΡΡΠΎΠ»ΠΎΠ²Π°Ρ | |
<i aria-hidden=»true»> </i> | ΠΠ°Π³ΡΡΠ·ΠΈΡΡ, ΡΠΊΠ°ΡΠ°ΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ | |
<i aria-hidden=»true»> </i> | ΠΠ±ΠΌΠ΅Π½, ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠ° | |
<i aria-hidden=»true»> </i> | ΠΠ½Π΅ΡΠ½ΡΡ ΡΡΡΠ»ΠΊΠ° | |
<i aria-hidden=»true»> </i> | ΠΠΈΠΏΠ΅ΡΠΊΠ°, Π·Π°Ρ Π²Π°ΡΠΈΡΡ ΡΠ²Π΅Ρ | |
<i aria-hidden=»true»> </i> | ΠΡΡΡΠ΅Π±ΠΈΡΠ΅Π»Ρ, ΡΠΊΠΎΡΠΎΡΡΡ |
ΠΠΎΠ³ΠΎΡΠΈΠΏ Π²ΡΠ·ΡΠ²Π°ΡΡΠ΅Π³ΠΎ Π°Π±ΠΎΠ½Π΅Π½ΡΠ°, ΠΠ½Π°ΡΠΎΠΊ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅ΠΉ Π‘ΠΎΡΠΈΠ°Π»ΡΠ½Π°Ρ ΡΠ΅ΡΡ Font Awesome Π’Π΅Π»Π΅ΡΠΎΠ½, ΠΠΎΠ³ΠΎΡΠΈΠΏ Viber PNG
ΠΠΎΠ³ΠΎΡΠΈΠΏ Π²ΡΠ·ΡΠ²Π°ΡΡΠ΅Π³ΠΎ Π°Π±ΠΎΠ½Π΅Π½ΡΠ°, ΠΠ½Π°ΡΠΎΠΊ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅ΠΉ Π‘ΠΎΡΠΈΠ°Π»ΡΠ½Π°Ρ ΡΠ΅ΡΡ Font Awesome Π’Π΅Π»Π΅ΡΠΎΠ½, ΠΠΎΠ³ΠΎΡΠΈΠΏ Viber PNGΠΎΠΊΡΠΈΠΊΠΎΠ½ΠΎΠ²! | Π¦Π΅Π½ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Viber
Octicons! | Π¦Π΅Π½ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ViberΠΡΠΎ ΠΏΠ°ΠΊΠ΅Ρ Bower Π΄Π»Ρ GitHub Octicons.
ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΠΎΠΊΡΠΈΠΊΠΎΠ½Ρ Π² ΡΠ²ΠΎΠΉ ΠΏΡΠΎΠ΅ΠΊΡ
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π½ΠΎΠ²ΡΠΉ ΡΠ°ΠΉΠ» Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ bower.json (Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π΅Π³ΠΎ Π΅ΡΠ΅ Π½Π΅Ρ).
ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π½ΠΎΠ²ΡΡ ΡΡΡΠΎΠΊΡ Π΄Π»Ρ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ Octicon, ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ Π½Π° ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ:
{ "ΠΈΠΌΡ": "ΠΌΠΎΠΉ_Π²Π΅Π»ΠΈΠΊΠΈΠΉ_ΠΏΡΠΎΠ΅ΠΊΡ", "Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ": { "ΠΎΠΊΡΠΈΠΊΠΎΠ½Ρ": "*" } }
ΠΡΠΏΠΎΠ»Π½ΠΈΡΡ
Bower Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ
. Π‘ΡΠΈΠ»ΠΈ Octicons Π±ΡΠ΄ΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½Ρ ΠΏΠΎ Π°Π΄ΡΠ΅ΡΡ bower_components/octicons .Π‘ΡΡΠ»ΠΊΠ° Π½Π° ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ
octicons.css
Π²
- ΠΡΠΎΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π·Π½Π°ΡΠΎΠΊ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ HTML:
<Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½>
ΠΠΎΠ½Π²Π΅ΠΉΠ΅Ρ ΡΠ΅ΡΡΡΡΠΎΠ² Rails
Octicons Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ Π΄Π»Ρ Rails 4/Sprockets.
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π½ΠΎΠ²ΡΠΉ ΡΠ°ΠΉΠ» Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ vendor/assets/bower.json (Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π΅Π³ΠΎ Π΅ΡΠ΅ Π½Π΅Ρ).
ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π½ΠΎΠ²ΡΡ ΡΡΡΠΎΠΊΡ Π΄Π»Ρ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ Octicon, ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ Π½Π° ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ:
{ "ΠΈΠΌΡ": "ΠΌΠΎΠΉ_Π²Π΅Π»ΠΈΠΊΠΈΠΉ_ΠΏΡΠΎΠ΅ΠΊΡ", "Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ": { "ΠΎΠΊΡΠΈΠΊΠΎΠ½Ρ": "*" } }
cd
Π²vendor/assets
ΠΈ Π·Π°ΠΏΡΡΡΠΈΡΠ΅bower install
. Π‘ΡΠΈΠ»ΠΈ Octicons Π±ΡΠ΄ΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½Ρ ΠΏΠΎ Π°Π΄ΡΠ΅ΡΡ vendor/assets/bower_components/octicons .ΠΡΠΊΡΠΎΠΉΡΠ΅ ΡΠ°ΠΉΠ» config/application.rb ΠΈ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΠΎΠΊΡ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅:
config.assets.precompile += %w(*.svg *.eot *.woff *.ttf)
- Π ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ
sprockets-octicons
:
/* = ΡΡΠ΅Π±ΡΡΡΡΡ Π·Π²Π΅Π·Π΄ΠΎΡΠΊΠΈ-ΠΎΠΊΡΠΈΠΊΠΎΠ½Ρ */
- ΠΡΠΎΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π·Π½Π°ΡΠΎΠΊ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ HTML:
- ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ΅Π½ ΠΏΠΎΠΌΠΎΡΠ½ΠΈΠΊ ΠΏΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΡΠΎΠ³ΠΎ Π² app/helpers/application_helper. rb :
ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΎΠΊΡΠΈΠΊΠΎΠ½ (ΠΊΠΎΠ΄) content_tag :span, '', :class => "octicon octicon-#{code.to_s.dasherize}" ΠΊΠΎΠ½Π΅Ρ
ΠΠΎΠΊΠ°Π»ΡΠ½Π°Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ°
ΠΠΊΡΠΈΠΊΠΎΠ½Ρ Π»Π΅Π³ΠΊΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ, Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Homebrew. ΠΡΠΎΡΡΠΎ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ:
Π²Π°ΡΠΈΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ caskroom/cask/brew-cask Π²Π°ΡΠΎΡΠ½ΡΠΉ ΠΊΡΠ°Π½ "Π±ΠΎΡΠΎΠ½ΠΎΠΊ/ΠΊΡΠΏΠ΅Π»Ρ" Π²Π°ΡΠΈΡΡ Π±ΠΎΡΠΊΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ "ΡΡΠΈΡΡ-ΠΎΠΊΡΠΈΠΊΠΎΠ½Ρ"
ΠΠ΅ΡΠ΅Π΄ΠΎΠ²ΠΎΠΉ ΠΎΠΏΡΡ
- ΠΠΊΡΠΈΠΊΠΎΠ½Ρ
Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ Π²ΡΠ³Π»ΡΠ΄ΡΡ Π² ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ , ΠΊΡΠ°ΡΠ½ΡΡ 16px. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS
font-size
. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:.octicon { ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ°: 32px; }
ΠΠΊΡΠΈΠΊΠΎΠ½Ρ Π½Π΅ ΡΠ²Π»ΡΡΡΡΡ ΠΌΠΎΠ½ΠΎΡΠΈΡΠΈΠ½Π½ΡΠΌΠΈ. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠΌ Ρ ΠΎΡΠΎΡΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΡΠ΄ΠΎΠΌ Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ, Π½ΠΎ ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΎΠ½ΠΈ Π½Π΅ Π±ΡΠ΄ΡΡ Ρ ΠΎΡΠΎΡΠΎ ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡΡΡ. ΠΡΠ»ΠΈ Π²Ρ ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΠ΅ΡΡ ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ ΠΎΠΊΡΠΈΠΊΠΎΠ½Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π² Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ CSS, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ ΠΈ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°ΡΡ.