{"id":1164,"date":"2020-12-27T20:29:05","date_gmt":"2020-12-27T20:29:05","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=1164"},"modified":"2020-12-31T11:48:07","modified_gmt":"2020-12-31T11:48:07","slug":"html5-with-drupal7","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/html5-with-drupal7\/","title":{"rendered":"html5 with Drupal7"},"content":{"rendered":"\n<p>This is very similar to <a href=\"https:\/\/html5-chat.com\/blog\/drupal8-and-html5-chat\/\" data-type=\"post\" data-id=\"1136\">Drupa8\/9 plugin<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/html5-chat.com\/drupal7\/html5chat.zip\">you can download it from this link<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create a new field called &#8220;gender&#8221;<\/h3>\n\n\n\n<p> go to  : configuration-&gt;Account setting, Managed field<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"944\" height=\"363\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/00-1.jpg\" alt=\"\" class=\"wp-image-1165\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/00-1.jpg 944w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/00-1-300x115.jpg 300w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/00-1-768x295.jpg 768w\" sizes=\"auto, (max-width: 944px) 100vw, 944px\" \/><\/figure>\n\n\n\n<p>Add new field called &#8220;gender&#8221;  (list text)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"85\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/01-1.jpg\" alt=\"\" class=\"wp-image-1166\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/01-1.jpg 926w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/01-1-300x28.jpg 300w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/01-1-768x70.jpg 768w\" sizes=\"auto, (max-width: 926px) 100vw, 926px\" \/><\/figure>\n\n\n\n<p>and put them values : male female<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"482\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/03-1.jpg\" alt=\"\" class=\"wp-image-1167\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/03-1.jpg 410w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/03-1-255x300.jpg 255w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Install the plugin <\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"585\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/2.jpg\" alt=\"\" class=\"wp-image-1171\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/2.jpg 732w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/2-300x240.jpg 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Go to structures\/blocks<\/h3>\n\n\n\n<p>and enable Content \/ html5chat<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"86\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/4-1024x86.jpg\" alt=\"\" class=\"wp-image-1173\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/4-1024x86.jpg 1024w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/4-300x25.jpg 300w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/4-768x64.jpg 768w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/4.jpg 1473w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>then edit the chat parameters with your own html5 chat account data<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"682\" height=\"399\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/5.jpg\" alt=\"\" class=\"wp-image-1174\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/5.jpg 682w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/5-300x176.jpg 300w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/figure>\n\n\n\n<p>Restrict that block to chat page<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"297\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/image.png\" alt=\"\" class=\"wp-image-1176\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/image.png 434w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/image-300x205.png 300w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Create a new page <\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"426\" height=\"324\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/image-1.png\" alt=\"\" class=\"wp-image-1178\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/image-1.png 426w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/image-1-300x228.png 300w\" sizes=\"auto, (max-width: 426px) 100vw, 426px\" \/><\/figure>\n\n\n\n<p>and set the URL alias as chat<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"691\" height=\"444\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/image-2.png\" alt=\"\" class=\"wp-image-1179\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/image-2.png 691w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/12\/image-2-300x193.png 300w\" sizes=\"auto, (max-width: 691px) 100vw, 691px\" \/><\/figure>\n\n\n\n<p>Congratulations: you just created your html5-chat inside yoursite.com\/chat page<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is very similar to Drupa8\/9 plugin you can download it from this link Create a new field called &#8220;gender&#8221; go to : configuration-&gt;Account setting, Managed field Add new field called &#8220;gender&#8221; (list text) and put them values : male female Install the plugin Go to structures\/blocks and enable Content \/ html5chat then edit the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1152,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[177,178],"class_list":["post-1164","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms","tag-drupal","tag-drupal7"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/comments?post=1164"}],"version-history":[{"count":8,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/1164\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/1164\/revisions\/1183"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/1152"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=1164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=1164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}