Disable select text and right click menu

This is easy to make with little code in you site.

To disable right click just add this part of code in your <header>

        <script language="javascript">
            document.addEventListener("contextmenu", function (e) {
                e.preventDefault();
            }, false);
        </script>

To disable select text just add in your style.css

body {
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}

Font Awesome Array

fa-500px : &#xf26e;
fa-adjust : &#xf042;
fa-adn : &#xf170;
fa-align-center : &#xf037;
fa-align-justify : &#xf039;
fa-align-left : &#xf036;
fa-align-right : &#xf038;
fa-amazon : &#xf270;
fa-ambulance : &#xf0f9;
fa-american-sign-language-interpreting : &#xf2a3;
fa-anchor : &#xf13d;
fa-android : &#xf17b;
fa-angellist : &#xf209;
fa-angle-double-down : &#xf103;
fa-angle-double-left : &#xf100;
fa-angle-double-right : &#xf101;
fa-angle-double-up : &#xf102;
fa-angle-down : &#xf107;
fa-angle-left : &#xf104;
fa-angle-right : &#xf105;
fa-angle-up : &#xf106;
fa-apple : &#xf179;
fa-archive : &#xf187;
fa-area-chart : &#xf1fe;
fa-arrow-circle-down : &#xf0ab;
fa-arrow-circle-left : &#xf0a8;
fa-arrow-circle-o-down : &#xf01a;
fa-arrow-circle-o-left : &#xf190;
fa-arrow-circle-o-right : &#xf18e;
fa-arrow-circle-o-up : &#xf01b;
fa-arrow-circle-right : &#xf0a9;
fa-arrow-circle-up : &#xf0aa;
fa-arrow-down : &#xf063;
fa-arrow-left : &#xf060;
fa-arrow-right : &#xf061;
fa-arrow-up : &#xf062;
fa-arrows : &#xf047;
fa-arrows-alt : &#xf0b2;
fa-arrows-h : &#xf07e;
fa-arrows-v : &#xf07d;
fa-asl-interpreting : &#xf2a3;
fa-assistive-listening-systems : &#xf2a2;
fa-asterisk : &#xf069;
fa-at : &#xf1fa;
fa-audio-description : &#xf29e;
fa-automobile : &#xf1b9;
fa-backward : &#xf04a;
fa-balance-scale : &#xf24e;
fa-ban : &#xf05e;
fa-bank : &#xf19c;
fa-bar-chart : &#xf080;
fa-bar-chart-o : &#xf080;
fa-barcode : &#xf02a;
fa-bars : &#xf0c9;
fa-battery-0 : &#xf244;
fa-battery-1 : &#xf243;
fa-battery-2 : &#xf242;
fa-battery-3 : &#xf241;
fa-battery-4 : &#xf240;
fa-battery-empty : &#xf244;
fa-battery-full : &#xf240;
fa-battery-half : &#xf242;
fa-battery-quarter : &#xf243;
fa-battery-three-quarters : &#xf241;
fa-bed : &#xf236;
fa-beer : &#xf0fc;
fa-behance : &#xf1b4;
fa-behance-square : &#xf1b5;
fa-bell : &#xf0f3;
fa-bell-o : &#xf0a2;
fa-bell-slash : &#xf1f6;
fa-bell-slash-o : &#xf1f7;
fa-bicycle : &#xf206;
fa-binoculars : &#xf1e5;
fa-birthday-cake : &#xf1fd;
fa-bitbucket : &#xf171;
fa-bitbucket-square : &#xf172;
fa-bitcoin : &#xf15a;
fa-black-tie : &#xf27e;
fa-blind : &#xf29d;
fa-bluetooth : &#xf293;
fa-bluetooth-b : &#xf294;
fa-bold : &#xf032;
fa-bolt : &#xf0e7;
fa-bomb : &#xf1e2;
fa-book : &#xf02d;
fa-bookmark : &#xf02e;
fa-bookmark-o : &#xf097;
fa-braille : &#xf2a1;
fa-briefcase : &#xf0b1;
fa-btc : &#xf15a;
fa-bug : &#xf188;
fa-building : &#xf1ad;
fa-building-o : &#xf0f7;
fa-bullhorn : &#xf0a1;
fa-bullseye : &#xf140;
fa-bus : &#xf207;
fa-buysellads : &#xf20d;
fa-cab : &#xf1ba;
fa-calculator : &#xf1ec;
fa-calendar : &#xf073;
fa-calendar-check-o : &#xf274;
fa-calendar-minus-o : &#xf272;
fa-calendar-o : &#xf133;
fa-calendar-plus-o : &#xf271;
fa-calendar-times-o : &#xf273;
fa-camera : &#xf030;
fa-camera-retro : &#xf083;
fa-car : &#xf1b9;
fa-caret-down : &#xf0d7;
fa-caret-left : &#xf0d9;
fa-caret-right : &#xf0da;
fa-caret-square-o-down : &#xf150;
fa-caret-square-o-left : &#xf191;
fa-caret-square-o-right : &#xf152;
fa-caret-square-o-up : &#xf151;
fa-caret-up : &#xf0d8;
fa-cart-arrow-down : &#xf218;
fa-cart-plus : &#xf217;
fa-cc : &#xf20a;
fa-cc-amex : &#xf1f3;
fa-cc-diners-club : &#xf24c;
fa-cc-discover : &#xf1f2;
fa-cc-jcb : &#xf24b;
fa-cc-mastercard : &#xf1f1;
fa-cc-paypal : &#xf1f4;
fa-cc-stripe : &#xf1f5;
fa-cc-visa : &#xf1f0;
fa-certificate : &#xf0a3;
fa-chain : &#xf0c1;
fa-chain-broken : &#xf127;
fa-check : &#xf00c;
fa-check-circle : &#xf058;
fa-check-circle-o : &#xf05d;
fa-check-square : &#xf14a;
fa-check-square-o : &#xf046;
fa-chevron-circle-down : &#xf13a;
fa-chevron-circle-left : &#xf137;
fa-chevron-circle-right : &#xf138;
fa-chevron-circle-up : &#xf139;
fa-chevron-down : &#xf078;
fa-chevron-left : &#xf053;
fa-chevron-right : &#xf054;
fa-chevron-up : &#xf077;
fa-child : &#xf1ae;
fa-chrome : &#xf268;
fa-circle : &#xf111;
fa-circle-o : &#xf10c;
fa-circle-o-notch : &#xf1ce;
fa-circle-thin : &#xf1db;
fa-clipboard : &#xf0ea;
fa-clock-o : &#xf017;
fa-clone : &#xf24d;
fa-close : &#xf00d;
fa-cloud : &#xf0c2;
fa-cloud-download : &#xf0ed;
fa-cloud-upload : &#xf0ee;
fa-cny : &#xf157;
fa-code : &#xf121;
fa-code-fork : &#xf126;
fa-codepen : &#xf1cb;
fa-codiepie : &#xf284;
fa-coffee : &#xf0f4;
fa-cog : &#xf013;
fa-cogs : &#xf085;
fa-columns : &#xf0db;
fa-comment : &#xf075;
fa-comment-o : &#xf0e5;
fa-commenting : &#xf27a;
fa-commenting-o : &#xf27b;
fa-comments : &#xf086;
fa-comments-o : &#xf0e6;
fa-compass : &#xf14e;
fa-compress : &#xf066;
fa-connectdevelop : &#xf20e;
fa-contao : &#xf26d;
fa-copy : &#xf0c5;
fa-copyright : &#xf1f9;
fa-creative-commons : &#xf25e;
fa-credit-card : &#xf09d;
fa-credit-card-alt : &#xf283;
fa-crop : &#xf125;
fa-crosshairs : &#xf05b;
fa-css3 : &#xf13c;
fa-cube : &#xf1b2;
fa-cubes : &#xf1b3;
fa-cut : &#xf0c4;
fa-cutlery : &#xf0f5;
fa-dashboard : &#xf0e4;
fa-dashcube : &#xf210;
fa-database : &#xf1c0;
fa-deaf : &#xf2a4;
fa-deafness : &#xf2a4;
fa-dedent : &#xf03b;
fa-delicious : &#xf1a5;
fa-desktop : &#xf108;
fa-deviantart : &#xf1bd;
fa-diamond : &#xf219;
fa-digg : &#xf1a6;
fa-dollar : &#xf155;
fa-dot-circle-o : &#xf192;
fa-download : &#xf019;
fa-dribbble : &#xf17d;
fa-dropbox : &#xf16b;
fa-drupal : &#xf1a9;
fa-edge : &#xf282;
fa-edit : &#xf044;
fa-eject : &#xf052;
fa-ellipsis-h : &#xf141;
fa-ellipsis-v : &#xf142;
fa-empire : &#xf1d1;
fa-envelope : &#xf0e0;
fa-envelope-o : &#xf003;
fa-envelope-square : &#xf199;
fa-envira : &#xf299;
fa-eraser : &#xf12d;
fa-eur : &#xf153;
fa-euro : &#xf153;
fa-exchange : &#xf0ec;
fa-exclamation : &#xf12a;
fa-exclamation-circle : &#xf06a;
fa-exclamation-triangle : &#xf071;
fa-expand : &#xf065;
fa-expeditedssl : &#xf23e;
fa-external-link : &#xf08e;
fa-external-link-square : &#xf14c;
fa-eye : &#xf06e;
fa-eye-slash : &#xf070;
fa-eyedropper : &#xf1fb;
fa-fa : &#xf2b4;
fa-facebook : &#xf09a;
fa-facebook-f : &#xf09a;
fa-facebook-official : &#xf230;
fa-facebook-square : &#xf082;
fa-fast-backward : &#xf049;
fa-fast-forward : &#xf050;
fa-fax : &#xf1ac;
fa-feed : &#xf09e;
fa-female : &#xf182;
fa-fighter-jet : &#xf0fb;
fa-file : &#xf15b;
fa-file-archive-o : &#xf1c6;
fa-file-audio-o : &#xf1c7;
fa-file-code-o : &#xf1c9;
fa-file-excel-o : &#xf1c3;
fa-file-image-o : &#xf1c5;
fa-file-movie-o : &#xf1c8;
fa-file-o : &#xf016;
fa-file-pdf-o : &#xf1c1;
fa-file-photo-o : &#xf1c5;
fa-file-picture-o : &#xf1c5;
fa-file-powerpoint-o : &#xf1c4;
fa-file-sound-o : &#xf1c7;
fa-file-text : &#xf15c;
fa-file-text-o : &#xf0f6;
fa-file-video-o : &#xf1c8;
fa-file-word-o : &#xf1c2;
fa-file-zip-o : &#xf1c6;
fa-files-o : &#xf0c5;
fa-film : &#xf008;
fa-filter : &#xf0b0;
fa-fire : &#xf06d;
fa-fire-extinguisher : &#xf134;
fa-firefox : &#xf269;
fa-first-order : &#xf2b0;
fa-flag : &#xf024;
fa-flag-checkered : &#xf11e;
fa-flag-o : &#xf11d;
fa-flash : &#xf0e7;
fa-flask : &#xf0c3;
fa-flickr : &#xf16e;
fa-floppy-o : &#xf0c7;
fa-folder : &#xf07b;
fa-folder-o : &#xf114;
fa-folder-open : &#xf07c;
fa-folder-open-o : &#xf115;
fa-font : &#xf031;
fa-font-awesome : &#xf2b4;
fa-fonticons : &#xf280;
fa-fort-awesome : &#xf286;
fa-forumbee : &#xf211;
fa-forward : &#xf04e;
fa-foursquare : &#xf180;
fa-frown-o : &#xf119;
fa-futbol-o : &#xf1e3;
fa-gamepad : &#xf11b;
fa-gavel : &#xf0e3;
fa-gbp : &#xf154;
fa-ge : &#xf1d1;
fa-gear : &#xf013;
fa-gears : &#xf085;
fa-genderless : &#xf22d;
fa-get-pocket : &#xf265;
fa-gg : &#xf260;
fa-gg-circle : &#xf261;
fa-gift : &#xf06b;
fa-git : &#xf1d3;
fa-git-square : &#xf1d2;
fa-github : &#xf09b;
fa-github-alt : &#xf113;
fa-github-square : &#xf092;
fa-gitlab : &#xf296;
fa-gittip : &#xf184;
fa-glass : &#xf000;
fa-glide : &#xf2a5;
fa-glide-g : &#xf2a6;
fa-globe : &#xf0ac;
fa-google : &#xf1a0;
fa-google-plus : &#xf0d5;
fa-google-plus-circle : &#xf2b3;
fa-google-plus-official : &#xf2b3;
fa-google-plus-square : &#xf0d4;
fa-google-wallet : &#xf1ee;
fa-graduation-cap : &#xf19d;
fa-gratipay : &#xf184;
fa-group : &#xf0c0;
fa-h-square : &#xf0fd;
fa-hacker-news : &#xf1d4;
fa-hand-grab-o : &#xf255;
fa-hand-lizard-o : &#xf258;
fa-hand-o-down : &#xf0a7;
fa-hand-o-left : &#xf0a5;
fa-hand-o-right : &#xf0a4;
fa-hand-o-up : &#xf0a6;
fa-hand-paper-o : &#xf256;
fa-hand-peace-o : &#xf25b;
fa-hand-pointer-o : &#xf25a;
fa-hand-rock-o : &#xf255;
fa-hand-scissors-o : &#xf257;
fa-hand-spock-o : &#xf259;
fa-hand-stop-o : &#xf256;
fa-hard-of-hearing : &#xf2a4;
fa-hashtag : &#xf292;
fa-hdd-o : &#xf0a0;
fa-header : &#xf1dc;
fa-headphones : &#xf025;
fa-heart : &#xf004;
fa-heart-o : &#xf08a;
fa-heartbeat : &#xf21e;
fa-history : &#xf1da;
fa-home : &#xf015;
fa-hospital-o : &#xf0f8;
fa-hotel : &#xf236;
fa-hourglass : &#xf254;
fa-hourglass-1 : &#xf251;
fa-hourglass-2 : &#xf252;
fa-hourglass-3 : &#xf253;
fa-hourglass-end : &#xf253;
fa-hourglass-half : &#xf252;
fa-hourglass-o : &#xf250;
fa-hourglass-start : &#xf251;
fa-houzz : &#xf27c;
fa-html5 : &#xf13b;
fa-i-cursor : &#xf246;
fa-ils : &#xf20b;
fa-image : &#xf03e;
fa-inbox : &#xf01c;
fa-indent : &#xf03c;
fa-industry : &#xf275;
fa-info : &#xf129;
fa-info-circle : &#xf05a;
fa-inr : &#xf156;
fa-instagram : &#xf16d;
fa-institution : &#xf19c;
fa-internet-explorer : &#xf26b;
fa-intersex : &#xf224;
fa-ioxhost : &#xf208;
fa-italic : &#xf033;
fa-joomla : &#xf1aa;
fa-jpy : &#xf157;
fa-jsfiddle : &#xf1cc;
fa-key : &#xf084;
fa-keyboard-o : &#xf11c;
fa-krw : &#xf159;
fa-language : &#xf1ab;
fa-laptop : &#xf109;
fa-lastfm : &#xf202;
fa-lastfm-square : &#xf203;
fa-leaf : &#xf06c;
fa-leanpub : &#xf212;
fa-legal : &#xf0e3;
fa-lemon-o : &#xf094;
fa-level-down : &#xf149;
fa-level-up : &#xf148;
fa-life-bouy : &#xf1cd;
fa-life-buoy : &#xf1cd;
fa-life-ring : &#xf1cd;
fa-life-saver : &#xf1cd;
fa-lightbulb-o : &#xf0eb;
fa-line-chart : &#xf201;
fa-link : &#xf0c1;
fa-linkedin : &#xf0e1;
fa-linkedin-square : &#xf08c;
fa-linux : &#xf17c;
fa-list : &#xf03a;
fa-list-alt : &#xf022;
fa-list-ol : &#xf0cb;
fa-list-ul : &#xf0ca;
fa-location-arrow : &#xf124;
fa-lock : &#xf023;
fa-long-arrow-down : &#xf175;
fa-long-arrow-left : &#xf177;
fa-long-arrow-right : &#xf178;
fa-long-arrow-up : &#xf176;
fa-low-vision : &#xf2a8;
fa-magic : &#xf0d0;
fa-magnet : &#xf076;
fa-mail-forward : &#xf064;
fa-mail-reply : &#xf112;
fa-mail-reply-all : &#xf122;
fa-male : &#xf183;
fa-map : &#xf279;
fa-map-marker : &#xf041;
fa-map-o : &#xf278;
fa-map-pin : &#xf276;
fa-map-signs : &#xf277;
fa-mars : &#xf222;
fa-mars-double : &#xf227;
fa-mars-stroke : &#xf229;
fa-mars-stroke-h : &#xf22b;
fa-mars-stroke-v : &#xf22a;
fa-maxcdn : &#xf136;
fa-meanpath : &#xf20c;
fa-medium : &#xf23a;
fa-medkit : &#xf0fa;
fa-meh-o : &#xf11a;
fa-mercury : &#xf223;
fa-microphone : &#xf130;
fa-microphone-slash : &#xf131;
fa-minus : &#xf068;
fa-minus-circle : &#xf056;
fa-minus-square : &#xf146;
fa-minus-square-o : &#xf147;
fa-mixcloud : &#xf289;
fa-mobile : &#xf10b;
fa-mobile-phone : &#xf10b;
fa-modx : &#xf285;
fa-money : &#xf0d6;
fa-moon-o : &#xf186;
fa-mortar-board : &#xf19d;
fa-motorcycle : &#xf21c;
fa-mouse-pointer : &#xf245;
fa-music : &#xf001;
fa-navicon : &#xf0c9;
fa-neuter : &#xf22c;
fa-newspaper-o : &#xf1ea;
fa-object-group : &#xf247;
fa-object-ungroup : &#xf248;
fa-odnoklassniki : &#xf263;
fa-odnoklassniki-square : &#xf264;
fa-opencart : &#xf23d;
fa-openid : &#xf19b;
fa-opera : &#xf26a;
fa-optin-monster : &#xf23c;
fa-outdent : &#xf03b;
fa-pagelines : &#xf18c;
fa-paint-brush : &#xf1fc;
fa-paper-plane : &#xf1d8;
fa-paper-plane-o : &#xf1d9;
fa-paperclip : &#xf0c6;
fa-paragraph : &#xf1dd;
fa-paste : &#xf0ea;
fa-pause : &#xf04c;
fa-pause-circle : &#xf28b;
fa-pause-circle-o : &#xf28c;
fa-paw : &#xf1b0;
fa-paypal : &#xf1ed;
fa-pencil : &#xf040;
fa-pencil-square : &#xf14b;
fa-pencil-square-o : &#xf044;
fa-percent : &#xf295;
fa-phone : &#xf095;
fa-phone-square : &#xf098;
fa-photo : &#xf03e;
fa-picture-o : &#xf03e;
fa-pie-chart : &#xf200;
fa-pied-piper : &#xf2ae;
fa-pied-piper-alt : &#xf1a8;
fa-pied-piper-pp : &#xf1a7;
fa-pinterest : &#xf0d2;
fa-pinterest-p : &#xf231;
fa-pinterest-square : &#xf0d3;
fa-plane : &#xf072;
fa-play : &#xf04b;
fa-play-circle : &#xf144;
fa-play-circle-o : &#xf01d;
fa-plug : &#xf1e6;
fa-plus : &#xf067;
fa-plus-circle : &#xf055;
fa-plus-square : &#xf0fe;
fa-plus-square-o : &#xf196;
fa-power-off : &#xf011;
fa-print : &#xf02f;
fa-product-hunt : &#xf288;
fa-puzzle-piece : &#xf12e;
fa-qq : &#xf1d6;
fa-qrcode : &#xf029;
fa-question : &#xf128;
fa-question-circle : &#xf059;
fa-question-circle-o : &#xf29c;
fa-quote-left : &#xf10d;
fa-quote-right : &#xf10e;
fa-ra : &#xf1d0;
fa-random : &#xf074;
fa-rebel : &#xf1d0;
fa-recycle : &#xf1b8;
fa-reddit : &#xf1a1;
fa-reddit-alien : &#xf281;
fa-reddit-square : &#xf1a2;
fa-refresh : &#xf021;
fa-registered : &#xf25d;
fa-remove : &#xf00d;
fa-renren : &#xf18b;
fa-reorder : &#xf0c9;
fa-repeat : &#xf01e;
fa-reply : &#xf112;
fa-reply-all : &#xf122;
fa-resistance : &#xf1d0;
fa-retweet : &#xf079;
fa-rmb : &#xf157;
fa-road : &#xf018;
fa-rocket : &#xf135;
fa-rotate-left : &#xf0e2;
fa-rotate-right : &#xf01e;
fa-rouble : &#xf158;
fa-rss : &#xf09e;
fa-rss-square : &#xf143;
fa-rub : &#xf158;
fa-ruble : &#xf158;
fa-rupee : &#xf156;
fa-safari : &#xf267;
fa-save : &#xf0c7;
fa-scissors : &#xf0c4;
fa-scribd : &#xf28a;
fa-search : &#xf002;
fa-search-minus : &#xf010;
fa-search-plus : &#xf00e;
fa-sellsy : &#xf213;
fa-send : &#xf1d8;
fa-send-o : &#xf1d9;
fa-server : &#xf233;
fa-share : &#xf064;
fa-share-alt : &#xf1e0;
fa-share-alt-square : &#xf1e1;
fa-share-square : &#xf14d;
fa-share-square-o : &#xf045;
fa-shekel : &#xf20b;
fa-sheqel : &#xf20b;
fa-shield : &#xf132;
fa-ship : &#xf21a;
fa-shirtsinbulk : &#xf214;
fa-shopping-bag : &#xf290;
fa-shopping-basket : &#xf291;
fa-shopping-cart : &#xf07a;
fa-sign-in : &#xf090;
fa-sign-language : &#xf2a7;
fa-sign-out : &#xf08b;
fa-signal : &#xf012;
fa-signing : &#xf2a7;
fa-simplybuilt : &#xf215;
fa-sitemap : &#xf0e8;
fa-skyatlas : &#xf216;
fa-skype : &#xf17e;
fa-slack : &#xf198;
fa-sliders : &#xf1de;
fa-slideshare : &#xf1e7;
fa-smile-o : &#xf118;
fa-snapchat : &#xf2ab;
fa-snapchat-ghost : &#xf2ac;
fa-snapchat-square : &#xf2ad;
fa-soccer-ball-o : &#xf1e3;
fa-sort : &#xf0dc;
fa-sort-alpha-asc : &#xf15d;
fa-sort-alpha-desc : &#xf15e;
fa-sort-amount-asc : &#xf160;
fa-sort-amount-desc : &#xf161;
fa-sort-asc : &#xf0de;
fa-sort-desc : &#xf0dd;
fa-sort-down : &#xf0dd;
fa-sort-numeric-asc : &#xf162;
fa-sort-numeric-desc : &#xf163;
fa-sort-up : &#xf0de;
fa-soundcloud : &#xf1be;
fa-space-shuttle : &#xf197;
fa-spinner : &#xf110;
fa-spoon : &#xf1b1;
fa-spotify : &#xf1bc;
fa-square : &#xf0c8;
fa-square-o : &#xf096;
fa-stack-exchange : &#xf18d;
fa-stack-overflow : &#xf16c;
fa-star : &#xf005;
fa-star-half : &#xf089;
fa-star-half-empty : &#xf123;
fa-star-half-full : &#xf123;
fa-star-half-o : &#xf123;
fa-star-o : &#xf006;
fa-steam : &#xf1b6;
fa-steam-square : &#xf1b7;
fa-step-backward : &#xf048;
fa-step-forward : &#xf051;
fa-stethoscope : &#xf0f1;
fa-sticky-note : &#xf249;
fa-sticky-note-o : &#xf24a;
fa-stop : &#xf04d;
fa-stop-circle : &#xf28d;
fa-stop-circle-o : &#xf28e;
fa-street-view : &#xf21d;
fa-strikethrough : &#xf0cc;
fa-stumbleupon : &#xf1a4;
fa-stumbleupon-circle : &#xf1a3;
fa-subscript : &#xf12c;
fa-subway : &#xf239;
fa-suitcase : &#xf0f2;
fa-sun-o : &#xf185;
fa-superscript : &#xf12b;
fa-support : &#xf1cd;
fa-table : &#xf0ce;
fa-tablet : &#xf10a;
fa-tachometer : &#xf0e4;
fa-tag : &#xf02b;
fa-tags : &#xf02c;
fa-tasks : &#xf0ae;
fa-taxi : &#xf1ba;
fa-television : &#xf26c;
fa-tencent-weibo : &#xf1d5;
fa-terminal : &#xf120;
fa-text-height : &#xf034;
fa-text-width : &#xf035;
fa-th : &#xf00a;
fa-th-large : &#xf009;
fa-th-list : &#xf00b;
fa-themeisle : &#xf2b2;
fa-thumb-tack : &#xf08d;
fa-thumbs-down : &#xf165;
fa-thumbs-o-down : &#xf088;
fa-thumbs-o-up : &#xf087;
fa-thumbs-up : &#xf164;
fa-ticket : &#xf145;
fa-times : &#xf00d;
fa-times-circle : &#xf057;
fa-times-circle-o : &#xf05c;
fa-tint : &#xf043;
fa-toggle-down : &#xf150;
fa-toggle-left : &#xf191;
fa-toggle-off : &#xf204;
fa-toggle-on : &#xf205;
fa-toggle-right : &#xf152;
fa-toggle-up : &#xf151;
fa-trademark : &#xf25c;
fa-train : &#xf238;
fa-transgender : &#xf224;
fa-transgender-alt : &#xf225;
fa-trash : &#xf1f8;
fa-trash-o : &#xf014;
fa-tree : &#xf1bb;
fa-trello : &#xf181;
fa-tripadvisor : &#xf262;
fa-trophy : &#xf091;
fa-truck : &#xf0d1;
fa-try : &#xf195;
fa-tty : &#xf1e4;
fa-tumblr : &#xf173;
fa-tumblr-square : &#xf174;
fa-turkish-lira : &#xf195;
fa-tv : &#xf26c;
fa-twitch : &#xf1e8;
fa-twitter : &#xf099;
fa-twitter-square : &#xf081;
fa-umbrella : &#xf0e9;
fa-underline : &#xf0cd;
fa-undo : &#xf0e2;
fa-universal-access : &#xf29a;
fa-university : &#xf19c;
fa-unlink : &#xf127;
fa-unlock : &#xf09c;
fa-unlock-alt : &#xf13e;
fa-unsorted : &#xf0dc;
fa-upload : &#xf093;
fa-usb : &#xf287;
fa-usd : &#xf155;
fa-user : &#xf007;
fa-user-md : &#xf0f0;
fa-user-plus : &#xf234;
fa-user-secret : &#xf21b;
fa-user-times : &#xf235;
fa-users : &#xf0c0;
fa-venus : &#xf221;
fa-venus-double : &#xf226;
fa-venus-mars : &#xf228;
fa-viacoin : &#xf237;
fa-viadeo : &#xf2a9;
fa-viadeo-square : &#xf2aa;
fa-video-camera : &#xf03d;
fa-vimeo : &#xf27d;
fa-vimeo-square : &#xf194;
fa-vine : &#xf1ca;
fa-vk : &#xf189;
fa-volume-control-phone : &#xf2a0;
fa-volume-down : &#xf027;
fa-volume-off : &#xf026;
fa-volume-up : &#xf028;
fa-warning : &#xf071;
fa-wechat : &#xf1d7;
fa-weibo : &#xf18a;
fa-weixin : &#xf1d7;
fa-whatsapp : &#xf232;
fa-wheelchair : &#xf193;
fa-wheelchair-alt : &#xf29b;
fa-wifi : &#xf1eb;
fa-wikipedia-w : &#xf266;
fa-windows : &#xf17a;
fa-won : &#xf159;
fa-wordpress : &#xf19a;
fa-wpbeginner : &#xf297;
fa-wpforms : &#xf298;
fa-wrench : &#xf0ad;
fa-xing : &#xf168;
fa-xing-square : &#xf169;
fa-y-combinator : &#xf23b;
fa-y-combinator-square : &#xf1d4;
fa-yahoo : &#xf19e;
fa-yc : &#xf23b;
fa-yc-square : &#xf1d4;
fa-yelp : &#xf1e9;
fa-yen : &#xf157;
fa-yoast : &#xf2b1;
fa-youtube : &#xf167;
fa-youtube-play : &#xf16a;
fa-youtube-square : &#xf166;

WordPress Plugin for add Terms and Conditions to register form

WordPress Plugin Terms and Conditions

WordPress Plugin Terms and Conditions for register form work with Woocommerce and Paid Membership Pro

In Plugin settings can choose what page to show for terms and conditions. And can activate for use with Paid Membership Pro.

With this plugin is easy to add checkbox to register form for terms and conditions.

You can get this plugin here.

I will add to choose view terms and condition in pop-up window or open in new (like in moment). And add fields with text where input text of label (link) for terms and conditions.

I use this plugin in approbet

 

Questions and Answers WordPress Plugin

With “Questions and Answers WordPress Plugin” can get questions from contact form 7 and make answers.

with this WordPress plugin can get mail from your chosen contact form and make it like question and answer.

When somebody send you mail from this chosen contact form, you have mail and this mail is in new posts Questions. And in every one mail you can write answer and publish.With publish the plugin send auto answer to this person witch send you question.

Here is demo

Questions and Answers WordPress Plugin is for use with contact form 7

You can get this plugin here

Events Calendar Plugin for WordPress

Events Calendar Plugin for WordPress – This is plugin for wordpress witch shows events in calendar.

We have new posts named Events. And two new taxonomies for different type events.

In plugin we have two shortcodes for display what we need.

First one is for widget display calendar with events.

Second one is with option to display calendar, from what taxonomy to display posts and last thing is for from what term to display posts.

here click you can view the page with shortcode for widget

here click you can view the page with shortcode for display posts with calendar.

You can get this plugin here

How to force download file in WordPress

Here is piece of code for how to force download file in WordPress

$file = $download['link']; //this is url of file - http://yoursitename.com/.../.../yourfile

$file_location = $_SERVER['DOCUMENT_ROOT'] . substr($file, strpos($file, '/wp-content')); // this is real path /var/www/....

header('Content-Description: File Transfer');
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename=' . basename($file));
header('Expires: 0');
header('Cache-Control: must-revalidate');
header('Pragma: public');
header('Content-Length: ' . filesize($file_location));
readfile($file_location);
exit();

 

 

Two Step Login – WP Plugin

This is Plugin For Security.Two Step Login – WP Plugin.

two step login
two step login

Plugin have two option for authorisation.

  • Mail code
  • SMS code

Settings for Mail is:

  • Text for Mail Subject
  • Text Before Code
mail settings
mail settings

Settings for SMS is:

  • Username for sms server
  • Password for sms server
  • Webservice Token
  • Webservice URL
  • Text before code
sms settings
sms settings

Plugin make custom field in User Profile settings for phone number of user.

custom-field
custom-field

How to Add columns in Admin Screen

If You want to add custom column in admin for page, post or custom post – it’s easy to make it.

First must add a title for column and this is the code witch to use in your function.php :

add a hook:

add_filter('manage_posts_columns', 'custom_column_head');

and add function ‘custom_column_head’ :

function custom_column_head($defaults) {
    global $post;
    $post_type = get_post_type($post->ID);
    if ($post_type == 'your_post_type_here'):// this is in case to show only in one custom post type
        $defaults['your_title_here'] = __('Your Title Here');
    endif;
    return $defaults;
}

Now we have new custom column title in our custom post type.If we use in posts or pages the if statement will be different.

Now we must show some in our column. Add a hook:

add_action('manage_posts_custom_column', 'custom_columns_content', 10, 2);

And function ‘custom_columns_content’ :

function custom_columns_content($column_name, $post_ID) {
    $post_type = get_post_type($post_ID);
    if ($post_type == 'your_post_type'):
        if ($column_name == 'your_title_here'):
            echo 'Here Is this witch you whant to show';
        endif;
    endif;
}

I Use this in my projects. Here is one of them – Link

Help for WordPress Developers

Here is some links witch is helpful for WordPress developers.

 

This is generators for most things in WP – here

This is empty plugins generator for WP – here

This is another plugin generator for WP – here

This is helpful for dashicons for WP – here

Another Plugin generator for WP –here

Some CSS generators – here

Font Face generator – here

Goot Tutorial for integration jQuery Izotope in WP – here

CSS tricks for WP –here

 

 

WooCommerce Product Colors – plugin

I write this plugin for one of my project.

Here You can view Demo

You can get this plugin here

On Shop page visual only 2 products, but they are actually 4 in admin. Bottom of picture is color variation of products.Every color box is link to variation of product.And with mouseover on color-box change big picture of product, title of product, link to product and price of product.Here is Demo

In single product page color box is active links to the same product in different color.This is Demo.

woocommerce-color3

In Admin page we have 2 new boxes –Product Color and Color Group.

In Product Color box we choose a color of product witch is visual in shop page and product page.

In Color Group we bring the name on group of products.In every product we mast choose the group.

Project where I use similar approach is here

admin-products

This is all of products we have in admin products in woocommerce.

To show only one of products color group we have to choose one of group with settings Catalog visibility: Catalog/search from Publish option box in product  – picture – option 1 ,

and other of group with settings Catalog visibility: Search from Publish option box in product – picture – option 2.

option1
option1
option 2
option 2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

After install plugin is recommend to use regenerate thumbnail tool

 

How to change get_price_html in woocommerce

How to change get_price_html in woocommerce

First you put this code in your functions.php file.

//custom get price html
add_filter( 'woocommerce_get_price_html', 'custom_price_html', 100, 2 );
function custom_price_html( $price, $product ){
    return str_replace( '</del>', '<span class="del-img"></span></del>', $price );
}

After change style in your style.css file.

span.del-img {
    position: absolute;
    top: 10px;
    left: 0px;
    background: url('img/del-img.png') 50% 50% no-repeat;
    background-size: 100% 100%;
    z-index: 20;
    width: 100px;
    height: 25px;
}

del {
    text-decoration: none;
}

This is all.

I use this in one of my project: beatsbydre

 

 

 

How to add editor wysiwyg in metabox

This is example how to add editor in metabox.

First here add your metabox:

function custom_metabox() {
    add_meta_box('name for metabox', __('title for metabox', 'your theme name'), 'your function', 'post or your custom post type');
}

add_action('add_meta_boxes', 'custom_metabox');

Then create visualization for your metabox:

function your function() {
    global $post;

    $content = get_post_meta($post->ID, 'your meta key', true);
    $editor_id = 'your editor name'; // this is editor which to use
    wp_editor($content, $editor_id); // here is editor
}

And here is save:

add_action('save_post', 'your function for save');

function your function for save() {
    $editor_id = 'your editor name';
    $meta_key = 'your meta key';
    if (isset($_REQUEST[$editor_id])):
        update_post_meta($_REQUEST['post_ID'], $meta_key, $_REQUEST[$editor_id]);
    endif;
}

This method I use here in my site for short description in posts – selected text in picture. And the link: my site

custom meta box
custom meta box

 

 

How to make empty comments in WP

If need to show only stars in rating system in woocommerce – the question is : how to show empty comment content, How to make empty comments in WP?

Answer is: Just put this code in your functions.php

add_action('pre_comment_on_post', 'custom_comment');

function custom_comment($post_id) {

    $random = '<code>This is Auto comment with random key: ' . rand(1, 1000000) . '</code>';

    if (empty($_POST['comment'])):
        $_POST['comment'] = $random;
    endif;
    
}

and this in your style.css

.comment_container code {
    display: none;
}

this is it!