{"id":2069,"date":"2022-08-28T15:00:37","date_gmt":"2022-08-28T13:00:37","guid":{"rendered":"https:\/\/www.areaweb.sk\/?p=2069"},"modified":"2022-08-28T19:40:49","modified_gmt":"2022-08-28T17:40:49","slug":"contact-form-7-a-jeho-nadstavby","status":"publish","type":"post","link":"https:\/\/www.areaweb.sk\/cs\/contact-form-7-a-jeho-nadstavby\/","title":{"rendered":"Contact form 7 n\u00e1vody a jeho nadstavby"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Contact form 7 je free a univerz\u00e1lny plugin na tvorbu kontaktn\u00fdch formul\u00e1rov. Jeho funkcie m\u00f4\u017eete roz\u0161\u00edri\u0165 r\u00f4znymi \u010fal\u0161\u00edmi pluginmy:<\/p>\n\n\n\n

Contact Form 7 Database Addon \u2013 CFDB7<\/a> – ukladanie spr\u00e1v do datab\u00e1zy<\/p>\n\n\n\n

MultiLine files for Contact Form 7<\/a> – prij\u00edmanie viacer\u00fdch s\u00faborov e-mailom a umo\u017e\u0148uje prija\u0165 (dokumenty, zvuk, video a in\u00e9..)<\/p>\n\n\n\n

Frontend Registration \u2013 Contact Form 7<\/a> – registruje u\u017e\u00edvate\u013ea pod\u013ea vyplnen\u00fdch \u00fadajov vo formul\u00e1ri <\/p>\n\n\n\n

Date Time Picker for Contact Form 7<\/a> – ( pr\u00edklad pou\u017eitia <label> \u010cas * [text text-258 class:walcf7-timepicker<\/strong>] <\/label>)<\/p>\n\n\n\n

Only for Date Picker: walcf7-datepicker
Only for Time Picker: walcf7-timepicker
For both Date and Time Picker: walcf7-datetimepicker<\/p>\n\n\n\n

Column Shortcodes<\/strong> – pridanie st\u013apcov do formul\u00e1ra (potrebn\u00fd Shortcode Enabler) <\/p>\n\n\n\n

Contact Form 7 Shortcode Enabler<\/strong> – v podstate len aktivuje shortcody pridan\u00edm do k\u00f3du:<\/p>\n\n\n\n

register_activation_hook( __FILE__, 'wpcf7_shortcode_enabler_activate' );\nadd_filter( 'wpcf7_form_elements', 'do_shortcode' );\n\n\n<\/code><\/pre>\n\n\n\n
Alebo to m\u00f4\u017eete prida\u0165 takto:\nadd_filter( 'wpcf7_form_elements', 'delicious_wpcf7_form_elements' );\n\nfunction delicious_wpcf7_form_elements( $form ) {\n  $form = do_shortcode( $form );\n  return $form;\n \n}<\/code><\/pre>\n\n\n\n
  Viac n\u00e1jdete tu:
https:\/\/developerrocket.com\/contact-form-7-show-forms-on-two-columns\/
https:\/\/deliciousthemes.com\/contact-form-7-fields-columns\/<\/p>\n\n\n\n
<\/div>\n\n\n\n
Pridanie k\u00f3pii emailov<\/strong><\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Pridanie classov<\/strong><\/h4>\n\n\n\n
V\u00fdhoda contact form 7 je napr. aj jednoduch\u00e9 priradovanie classov. Tu je pr\u00edklad pridania classu smal ktor\u00fd si m\u00f4\u017eete nastavi\u0165 v css.<\/p>\n\n\n\n
<label> V\u00e1\u0161 email [email* your-email1 class:small] <\/label>\nclass:btn<\/code><\/pre>\n\n\n\n
Nejak\u00e9  CSS ktor\u00e9 sa V\u00e1m z\u00edde pre \u00fapravu formul\u00e1rov<\/strong>:<\/h4>\n\n\n\n
submit button<\/p>\n\n\n\n
.wpcf7 input[type=\"submit\"] {\n     color: #ffffff;\n     font-size: 18px;\n     font-weight: 700;\n     background: #E2272E;\n     padding: 15px 25px 15px 25px;\n     border: none;\n     border-radius: 33px;\n     text-transform: uppercase;\n     letter-spacing: 5px;\n }\n\n .wpcf7 input:hover[type=\"submit\"] {\n     background: #0A9E1C;\n     transition: all 2.0s;\n }\n \n.wpcf7 input:active[type=\"submit\"] {\n     background: #092AE4;\n }<\/code><\/pre>\n\n\n\n
farba poli a border<\/p>\n\n\n\n
.wpcf7 input[type=\"text\"],\n .wpcf7 input[type=\"email\"],\n .wpcf7 input[type=\"textarea\"],\n .wpcf7 input[type=\"submit\"],\n textarea {\n     font-size: 16px;\n     font-family: Georgia;\n     font-weight: bold;\n     background-color: #F9F98F;\n     border: 2px solid #000000;\n     box-shadow: 10px 10px 5px 1px rgba(0,0,0,0.3);\n }<\/code><\/pre>\n\n\n\n
\u0160t\u00fdl 1:<\/p>\n\n\n\n
.wpcf7 input, .wpcf7 textarea {\nwidth: 90%;\ncolor: #8e8e8e;\nfont-family: Arial, Helvetica, sans-serif;\nfont-size: 16px;\nline-height: 20px;\nbox-shadow: inset 2px 2px 8px #bababa;\n-webkit-transition: all 0.2s ease;\n-moz-transition: all 0.2s ease;\n-o-transition: all 0.2s ease;\ntransition: all 0.2s ease;\n}\n\n.wpcf7 .wpcf7-list-item {\npadding-left: 0;\nmargin-left: 0;\nmargin-right: 25px;\n}\n\n.wpcf7 .wpcf7-list-item input {\nborder: none;\npadding-left: 0;\nmargin-left: 0;\n}\n\n.wpcf7 input:hover, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:hover, .wpcf7 textarea:focus, .wpcf7 textarea:active {\nbackground: #ebf7f5;\noutline: none;\n}\n\n.wpcf7 input.wpcf7-submit {\n-webkit-transition: 0;\n-moz-transition: 0;\n-o-transition: 0;\ntransition: 0;\nborder: none;\nposition: relative;\ncolor: #fff;\ntext-shadow: 1px -2px 0px black;\ntext-transform: uppercase;\n-webkit-border-radius: 10px;\n-moz-border-radius: 10px;\nborder-radius: 10px;\nfont-size: 14px;\npadding-top: 11px;\npadding-bottom: 10px;\npadding-left: 35px;\npadding-right: 35px;\n\/* Gradient background *\/\nbackground-color: #000000;\nbackground: -webkit-gradient(linear, left top, left bottom, from(#4d1b5c), to(#000000));\nbackground: -moz-linear-gradient(top, #4d1b5c, #000000);\n\/* Drop Shadow *\/\n-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\n-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\nbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\n}\n\n\/* On hover *\/\n\n.wpcf7 input.wpcf7-submit:hover {\ncursor: pointer;\ntext-decoration: none;\nbackground-color: #000000;\nbackground: -webkit-gradient(linear, left top, left bottom, from(#4d1b5c), to(#6d2f80));\nbackground: -moz-linear-gradient(top, #4d1b5c, #6d2f80);\n}\n\n\/* On click *\/\n\n.wpcf7 input.wpcf7-submit:active {\ntop: 1px;\ncolor: #d8c6e2;\nbackground-color: #000000;\nbackground: -webkit-gradient(linear, left top, left bottom, from(#4d1b5c), to(#4d1b5c));\nbackground: -moz-linear-gradient(top, #4d1b5c, #4d1b5c);\n\n}\n\n\/* CF7 Messages *\/\n\n.wpcf7 .wpcf7-validation-errors {\nborder: none;\nbackground-color: #f4ae46;\nmargin: 0;\npadding: 20px;\n-webkit-border-radius: 10px;\n-moz-border-radius: 10px;\nborder-radius: 10px;\n}\n\n.wpcf7 .wpcf7-mail-sent-ok {\nborder: none;\nbackground-color: #7ad33f;\nmargin: 0;\npadding: 20px;\n-webkit-border-radius: 10px;\n-moz-border-radius: 10px;\nborder-radius: 10px;\n}\n\n.wpcf7 .wpcf7-mail-sent-ng {\nborder: none;\nbackground-color: #cf2d38;\nmargin: 0;\npadding: 20px;\n-webkit-border-radius: 10px;\n-moz-border-radius: 10px;\nborder-radius: 10px;\ncolor: white;\n}\n\n.wpcf7 span.wpcf7-not-valid-tip {\nborder: none;\nbackground-color: #cf2d38;\nborder-radius: 10px;\nwidth: 180px;\ncolor: white;\n\/* Drop shadow *\/\n-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);\n-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);\nbox-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);\n}\n\n.wpcf7-form .fleft {\nfloat: left;\n}\n\n.wpcf7-form .mright20 {\nmargin-right: 20px;\n}\n\n.wpcf7-form .mright40 {\nmargin-right: 40px;\n}\n\n.wpcf7-form .clear {\nclear: both;\n}<\/code><\/pre>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"
Contact form 7 je free a univerz\u00e1lny plugin na tvorbu kontaktn\u00fdch formul\u00e1rov. Jeho funkcie m\u00f4\u017eete roz\u0161\u00edri\u0165 r\u00f4znymi \u010fal\u0161\u00edmi pluginmy: Contact Form 7 Database Addon \u2013 CFDB7 – ukladanie spr\u00e1v do datab\u00e1zy MultiLine files\u2026<\/p>","protected":false},"author":1,"featured_media":2083,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,23],"tags":[],"class_list":["post-2069","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pluginy","category-wordpress"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts\/2069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/comments?post=2069"}],"version-history":[{"count":0,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts\/2069\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/media\/2083"}],"wp:attachment":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/media?parent=2069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/categories?post=2069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/tags?post=2069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}