$list_IP_entry
array(272) {
  [0]=>
  string(28) "66.249.64.148, 172.70.34.246"
  [1]=>
  string(30) "207.46.13.182, 162.158.146.220"
  [2]=>
  string(30) "23.100.232.233, 162.158.74.107"
  [3]=>
  string(29) "114.119.129.74, 172.70.142.54"
  [4]=>
  string(29) "207.46.13.182, 108.162.246.77"
  [5]=>
  string(28) "185.191.171.3, 172.68.65.122"
  [6]=>
  string(28) "185.191.171.7, 172.70.34.134"
  [7]=>
  string(29) "114.119.129.71, 172.70.147.94"
  [8]=>
  string(29) "66.249.64.154, 162.158.78.238"
  [9]=>
  string(29) "66.249.64.129, 162.158.78.238"
  [10]=>
  string(28) "34.234.54.252, 172.70.34.134"
  [11]=>
  string(27) "34.234.54.252, 172.69.63.35"
  [12]=>
  string(28) "34.234.54.252, 172.70.134.18"
  [13]=>
  string(30) "114.119.129.9, 162.158.119.209"
  [14]=>
  string(29) "114.119.129.81, 172.70.143.89"
  [15]=>
  string(29) "207.46.13.60, 162.158.146.220"
  [16]=>
  string(27) "88.198.25.244, 162.158.89.7"
  [17]=>
  string(28) "114.119.129.9, 172.70.143.89"
  [18]=>
  string(31) "198.204.238.212, 108.162.221.72"
  [19]=>
  string(29) "66.249.73.25, 108.162.221.118"
  [20]=>
  string(28) "40.77.167.107, 172.70.34.246"
  [21]=>
  string(28) "162.55.86.61, 162.158.94.228"
  [22]=>
  string(30) "103.131.71.177, 172.70.142.220"
  [23]=>
  string(27) "185.191.171.2, 172.70.34.40"
  [24]=>
  string(29) "5.255.253.132, 172.68.244.140"
  [25]=>
  string(29) "66.249.73.26, 108.162.221.118"
  [26]=>
  string(30) "113.189.214.171, 172.70.143.89"
  [27]=>
  string(29) "185.191.171.19, 172.69.62.115"
  [28]=>
  string(28) "66.249.73.9, 108.162.221.118"
  [29]=>
  string(29) "87.250.224.53, 172.68.244.140"
  [30]=>
  string(29) "88.198.25.244, 162.158.94.113"
  [31]=>
  string(26) "40.77.167.42, 172.70.134.7"
  [32]=>
  string(28) "162.55.86.61, 162.158.89.212"
  [33]=>
  string(29) "5.255.253.176, 172.68.244.143"
  [34]=>
  string(29) "114.119.129.22, 172.70.143.76"
  [35]=>
  string(27) "185.191.171.3, 172.70.42.69"
  [36]=>
  string(31) "168.119.140.252, 162.158.92.101"
  [37]=>
  string(29) "103.131.71.77, 172.70.142.221"
  [38]=>
  string(29) "82.80.230.228, 162.158.94.239"
  [39]=>
  string(25) "40.77.167.7, 172.70.134.7"
  [40]=>
  string(30) "114.119.129.208, 172.70.143.90"
  [41]=>
  string(53) "2405:4800:5287:acf:39fc:cfa:e686:6de, 162.158.178.185"
  [42]=>
  string(30) "14.232.245.57, 162.158.166.158"
  [43]=>
  string(30) "114.119.129.233, 172.70.147.95"
  [44]=>
  string(30) "207.46.13.177, 162.158.146.221"
  [45]=>
  string(29) "207.46.13.177, 108.162.246.78"
  [46]=>
  string(30) "108.5.183.203, 108.162.219.145"
  [47]=>
  string(29) "114.119.130.29, 172.70.142.55"
  [48]=>
  string(28) "118.69.78.153, 172.70.143.90"
  [49]=>
  string(28) "207.46.13.86, 108.162.246.78"
  [50]=>
  string(27) "66.249.64.148, 172.70.42.83"
  [51]=>
  string(28) "66.249.64.148, 172.70.38.121"
  [52]=>
  string(29) "88.198.25.244, 162.158.91.110"
  [53]=>
  string(29) "114.119.129.22, 172.70.143.90"
  [54]=>
  string(27) "66.249.64.142, 172.70.134.7"
  [55]=>
  string(27) "66.249.66.72, 172.70.34.247"
  [56]=>
  string(30) "114.119.129.218, 172.70.147.57"
  [57]=>
  string(28) "185.191.171.45, 172.69.62.42"
  [58]=>
  string(28) "157.55.39.84, 172.68.143.211"
  [59]=>
  string(29) "168.119.3.58, 141.101.104.252"
  [60]=>
  string(55) "2001:ee0:500f:ea30:100c:d04a:9c4c:c938, 162.158.178.195"
  [61]=>
  string(28) "185.191.171.5, 172.70.134.93"
  [62]=>
  string(28) "162.55.86.61, 162.158.94.155"
  [63]=>
  string(29) "104.222.149.62, 172.70.34.135"
  [64]=>
  string(29) "104.222.149.62, 172.70.135.30"
  [65]=>
  string(28) "157.55.39.84, 108.162.246.78"
  [66]=>
  string(31) "114.119.129.229, 172.70.188.201"
  [67]=>
  string(55) "2402:9d80:228:b996:a46b:ffed:5e54:4106, 162.158.165.187"
  [68]=>
  string(28) "66.249.65.1, 108.162.221.119"
  [69]=>
  string(54) "2402:9d80:3b9:cb9c:dcd:5fd5:35a6:fcbe, 162.158.165.231"
  [70]=>
  string(56) "2405:4803:c8a5:6200:adfa:1568:8ec9:c7bb, 162.158.178.195"
  [71]=>
  string(28) "66.249.66.20, 172.70.174.235"
  [72]=>
  string(31) "114.119.129.229, 162.158.167.91"
  [73]=>
  string(53) "2405:4802:b24e:8ea0:901:4b90:e309:ee41, 172.70.92.249"
  [74]=>
  string(29) "88.198.25.244, 162.158.90.215"
  [75]=>
  string(30) "123.21.157.185, 172.68.144.122"
  [76]=>
  string(27) "77.88.5.213, 172.68.244.143"
  [77]=>
  string(30) "114.119.130.29, 172.70.188.253"
  [78]=>
  string(26) "77.88.5.33, 172.68.244.143"
  [79]=>
  string(28) "66.249.66.30, 162.158.78.239"
  [80]=>
  string(31) "114.119.129.225, 172.70.188.253"
  [81]=>
  string(28) "162.55.86.61, 162.158.88.223"
  [82]=>
  string(29) "157.55.39.188, 162.158.146.49"
  [83]=>
  string(29) "114.119.129.22, 172.70.189.90"
  [84]=>
  string(28) "88.99.150.47, 162.158.94.111"
  [85]=>
  string(29) "185.191.171.25, 172.70.134.37"
  [86]=>
  string(29) "66.249.64.154, 172.70.135.110"
  [87]=>
  string(28) "66.249.66.93, 172.70.174.235"
  [88]=>
  string(29) "66.249.66.192, 172.70.135.110"
  [89]=>
  string(28) "185.191.171.4, 172.68.65.145"
  [90]=>
  string(30) "114.119.129.229, 172.70.143.90"
  [91]=>
  string(28) "162.55.86.61, 162.158.92.167"
  [92]=>
  string(26) "77.88.5.26, 141.101.98.225"
  [93]=>
  string(30) "103.131.71.107, 172.70.188.241"
  [94]=>
  string(29) "103.131.71.84, 172.70.188.241"
  [95]=>
  string(29) "88.198.25.244, 162.158.88.239"
  [96]=>
  string(28) "162.55.86.61, 198.41.242.155"
  [97]=>
  string(29) "157.55.39.192, 108.162.246.78"
  [98]=>
  string(29) "103.131.71.74, 172.70.147.121"
  [99]=>
  string(31) "114.119.129.229, 172.70.142.205"
  [100]=>
  string(29) "47.184.157.217, 108.162.221.9"
  [101]=>
  string(30) "103.131.71.196, 172.70.142.221"
  [102]=>
  string(55) "2001:ee0:4c0d:9e70:41ac:68ce:455d:4e09, 162.158.178.185"
  [103]=>
  string(28) "162.55.86.61, 162.158.90.131"
  [104]=>
  string(30) "114.119.129.225, 172.70.147.27"
  [105]=>
  string(56) "2405:4803:c87f:3cd0:3d6e:979a:b41d:73d8, 162.158.178.246"
  [106]=>
  string(28) "66.249.64.148, 172.70.34.247"
  [107]=>
  string(29) "93.158.161.76, 172.68.244.143"
  [108]=>
  string(30) "103.131.71.191, 172.70.188.241"
  [109]=>
  string(30) "114.119.129.218, 172.70.143.76"
  [110]=>
  string(29) "66.249.69.222, 172.70.178.227"
  [111]=>
  string(28) "66.249.74.16, 172.70.130.209"
  [112]=>
  string(28) "185.191.171.6, 162.158.79.42"
  [113]=>
  string(29) "66.249.69.192, 172.70.130.209"
  [114]=>
  string(28) "66.249.69.222, 172.70.127.24"
  [115]=>
  string(31) "114.119.129.235, 162.158.163.84"
  [116]=>
  string(28) "207.46.13.48, 162.158.146.49"
  [117]=>
  string(30) "103.131.71.167, 172.70.142.221"
  [118]=>
  string(27) "117.2.9.133, 172.70.189.126"
  [119]=>
  string(29) "42.119.173.112, 172.70.189.94"
  [120]=>
  string(31) "114.119.150.209, 172.70.189.100"
  [121]=>
  string(35) "2a06:98c0:3600::103, 172.70.189.100"
  [122]=>
  string(35) "2a06:98c0:3600::103, 172.70.189.126"
  [123]=>
  string(30) "103.131.71.100, 172.70.142.221"
  [124]=>
  string(29) "5.255.253.163, 172.68.244.143"
  [125]=>
  string(29) "66.249.66.202, 172.70.135.136"
  [126]=>
  string(27) "113.22.27.59, 172.70.143.76"
  [127]=>
  string(29) "66.249.66.192, 172.70.135.136"
  [128]=>
  string(30) "129.146.158.17, 172.70.206.185"
  [129]=>
  string(28) "162.55.86.61, 172.70.242.165"
  [130]=>
  string(29) "66.249.66.220, 172.70.174.235"
  [131]=>
  string(30) "103.131.71.161, 172.70.142.221"
  [132]=>
  string(28) "14.245.232.38, 172.70.142.55"
  [133]=>
  string(27) "1.55.171.104, 172.70.189.98"
  [134]=>
  string(29) "113.161.84.1, 162.158.162.149"
  [135]=>
  string(30) "103.131.71.222, 162.158.178.85"
  [136]=>
  string(29) "91.77.104.130, 162.158.90.233"
  [137]=>
  string(27) "162.55.86.61, 172.70.251.86"
  [138]=>
  string(26) "40.77.167.0, 172.70.34.247"
  [139]=>
  string(28) "141.8.142.72, 172.68.244.143"
  [140]=>
  string(30) "114.119.150.226, 172.70.189.38"
  [141]=>
  string(28) "185.191.171.3, 172.70.175.40"
  [142]=>
  string(30) "103.131.71.179, 162.158.178.85"
  [143]=>
  string(28) "66.249.66.206, 172.70.34.247"
  [144]=>
  string(28) "109.252.89.102, 172.68.10.35"
  [145]=>
  string(28) "113.184.3.170, 172.70.92.147"
  [146]=>
  string(28) "162.55.86.61, 172.70.246.131"
  [147]=>
  string(27) "40.77.167.66, 172.70.34.247"
  [148]=>
  string(29) "103.131.71.90, 162.158.178.85"
  [149]=>
  string(27) "66.249.68.42, 172.69.134.69"
  [150]=>
  string(28) "66.249.64.70, 172.70.135.136"
  [151]=>
  string(29) "66.249.64.178, 172.70.174.235"
  [152]=>
  string(29) "66.249.64.180, 172.70.135.136"
  [153]=>
  string(28) "14.177.69.228, 172.70.92.165"
  [154]=>
  string(28) "40.77.167.66, 172.70.135.136"
  [155]=>
  string(28) "14.186.78.127, 162.158.162.3"
  [156]=>
  string(30) "114.119.150.208, 172.70.189.98"
  [157]=>
  string(54) "2405:4802:1b7:1a50:5065:3ff3:f256:d26c, 162.158.179.17"
  [158]=>
  string(29) "66.249.64.180, 162.158.78.221"
  [159]=>
  string(29) "103.131.71.93, 162.158.178.85"
  [160]=>
  string(29) "185.191.171.44, 172.70.38.227"
  [161]=>
  string(27) "162.55.86.61, 172.70.250.77"
  [162]=>
  string(30) "112.197.29.223, 162.158.179.17"
  [163]=>
  string(31) "112.197.29.223, 162.158.178.185"
  [164]=>
  string(42) "2a03:2880:ff:f::face:b00c, 162.158.106.185"
  [165]=>
  string(41) "2a03:2880:ff:6::face:b00c, 162.158.107.60"
  [166]=>
  string(42) "2a03:2880:ff:14::face:b00c, 108.162.246.10"
  [167]=>
  string(43) "2a03:2880:ff:11::face:b00c, 162.158.106.185"
  [168]=>
  string(35) "2402:1f00:8001:1ea::, 172.70.142.81"
  [169]=>
  string(53) "2401:d800:5d5:8fba:7073:10df:6730:54d8, 172.68.254.47"
  [170]=>
  string(29) "14.174.209.238, 172.70.143.72"
  [171]=>
  string(29) "113.190.213.226, 172.70.93.13"
  [172]=>
  string(29) "5.255.253.106, 141.101.77.249"
  [173]=>
  string(30) "118.69.156.196, 162.158.179.17"
  [174]=>
  string(29) "185.191.171.13, 162.158.79.18"
  [175]=>
  string(27) "42.118.1.57, 162.158.178.43"
  [176]=>
  string(28) "66.249.64.172, 172.70.38.121"
  [177]=>
  string(28) "14.170.40.212, 172.70.189.98"
  [178]=>
  string(28) "40.77.167.66, 172.70.174.235"
  [179]=>
  string(30) "103.131.70.162, 162.158.178.85"
  [180]=>
  string(30) "103.131.70.161, 162.158.178.85"
  [181]=>
  string(29) "111.225.149.93, 172.70.210.33"
  [182]=>
  string(51) "2402:800:61b1:3b:cc55:811b:abc:52f0, 162.158.178.12"
  [183]=>
  string(30) "109.252.88.56, 141.101.104.242"
  [184]=>
  string(29) "14.169.117.243, 172.68.253.19"
  [185]=>
  string(30) "42.115.194.220, 162.158.162.39"
  [186]=>
  string(31) "118.70.129.132, 162.158.162.183"
  [187]=>
  string(54) "2405:4800:628d:800b:48bf:14ee:b50a:fa0f, 172.68.253.19"
  [188]=>
  string(29) "114.119.150.209, 172.70.93.17"
  [189]=>
  string(30) "103.131.71.162, 162.158.178.85"
  [190]=>
  string(31) "118.70.180.212, 162.158.178.142"
  [191]=>
  string(28) "40.77.167.66, 162.158.78.221"
  [192]=>
  string(32) "113.160.227.119, 162.158.179.129"
  [193]=>
  string(29) "14.189.108.89, 162.158.178.12"
  [194]=>
  string(27) "1.53.197.109, 172.70.189.38"
  [195]=>
  string(30) "222.253.125.236, 172.68.254.37"
  [196]=>
  string(29) "66.249.69.204, 172.70.130.209"
  [197]=>
  string(36) "2a01:4f8:130:20e4::2, 172.70.251.148"
  [198]=>
  string(28) "183.81.14.89, 162.158.179.92"
  [199]=>
  string(29) "66.249.66.204, 172.70.135.136"
  [200]=>
  string(30) "171.252.155.169, 172.70.189.98"
  [201]=>
  string(28) "66.249.66.223, 172.70.34.247"
  [202]=>
  string(29) "66.249.66.192, 162.158.78.221"
  [203]=>
  string(32) "114.119.159.135, 162.158.219.111"
  [204]=>
  string(30) "103.131.71.190, 162.158.178.85"
  [205]=>
  string(29) "103.131.71.83, 162.158.178.85"
  [206]=>
  string(28) "162.55.86.61, 172.70.242.151"
  [207]=>
  string(30) "27.73.102.128, 162.158.178.228"
  [208]=>
  string(27) "40.77.167.6, 172.70.174.235"
  [209]=>
  string(29) "113.22.70.96, 162.158.162.157"
  [210]=>
  string(28) "66.249.69.208, 172.70.100.20"
  [211]=>
  string(29) "116.97.161.165, 172.68.253.11"
  [212]=>
  string(29) "58.187.180.109, 162.158.163.6"
  [213]=>
  string(29) "66.249.64.176, 172.70.135.136"
  [214]=>
  string(30) "103.131.71.142, 162.158.178.85"
  [215]=>
  string(29) "58.186.166.135, 172.70.143.72"
  [216]=>
  string(30) "114.119.150.22, 172.70.188.247"
  [217]=>
  string(55) "2405:4803:c7e6:b210:805:90f5:5199:26fd, 162.158.179.152"
  [218]=>
  string(29) "66.249.66.222, 172.70.174.235"
  [219]=>
  string(26) "161.0.2.166, 172.70.230.81"
  [220]=>
  string(27) "161.0.2.166, 162.158.62.222"
  [221]=>
  string(26) "161.0.2.166, 172.70.114.37"
  [222]=>
  string(26) "161.0.2.166, 162.158.63.21"
  [223]=>
  string(31) "114.119.144.36, 162.158.162.151"
  [224]=>
  string(26) "65.108.9.96, 162.158.91.12"
  [225]=>
  string(30) "123.31.137.92, 162.158.162.173"
  [226]=>
  string(31) "42.119.237.255, 162.158.162.173"
  [227]=>
  string(27) "66.249.73.9, 172.70.130.209"
  [228]=>
  string(29) "115.72.116.12, 162.158.171.12"
  [229]=>
  string(29) "66.249.73.27, 108.162.221.119"
  [230]=>
  string(29) "66.249.73.29, 108.162.221.119"
  [231]=>
  string(30) "103.131.71.158, 162.158.178.85"
  [232]=>
  string(30) "185.191.171.37, 172.70.135.202"
  [233]=>
  string(29) "66.249.69.212, 172.70.178.227"
  [234]=>
  string(29) "66.249.64.176, 172.70.174.235"
  [235]=>
  string(28) "66.249.64.188, 172.70.34.247"
  [236]=>
  string(27) "118.70.16.52, 172.70.92.235"
  [237]=>
  string(29) "66.249.66.192, 172.70.174.235"
  [238]=>
  string(29) "66.249.66.222, 162.158.78.221"
  [239]=>
  string(29) "66.249.66.204, 172.70.174.235"
  [240]=>
  string(29) "42.113.121.199, 172.70.143.96"
  [241]=>
  string(29) "66.249.64.178, 172.70.135.136"
  [242]=>
  string(56) "2405:4803:c6ae:4000:ec3d:b9e3:ba9c:c63e, 162.158.178.228"
  [243]=>
  string(28) "66.249.66.206, 172.70.38.121"
  [244]=>
  string(32) "114.119.159.135, 162.158.170.237"
  [245]=>
  string(29) "66.249.66.208, 172.70.135.136"
  [246]=>
  string(29) "66.249.66.206, 172.70.135.136"
  [247]=>
  string(29) "66.249.66.223, 172.70.174.235"
  [248]=>
  string(31) "181.177.122.232, 172.70.230.119"
  [249]=>
  string(29) "66.249.66.206, 162.158.78.221"
  [250]=>
  string(28) "27.74.241.182, 172.70.92.235"
  [251]=>
  string(30) "103.131.71.227, 162.158.178.85"
  [252]=>
  string(29) "87.250.224.84, 172.68.244.143"
  [253]=>
  string(27) "123.19.85.46, 172.70.92.235"
  [254]=>
  string(28) "66.249.66.192, 172.70.34.247"
  [255]=>
  string(30) "114.119.150.208, 172.70.188.97"
  [256]=>
  string(31) "193.235.141.23, 162.158.222.123"
  [257]=>
  string(31) "193.235.141.23, 162.158.222.121"
  [258]=>
  string(30) "171.249.224.234, 162.158.171.4"
  [259]=>
  string(27) "88.99.150.47, 172.70.242.37"
  [260]=>
  string(30) "103.131.71.172, 162.158.178.85"
  [261]=>
  string(28) "157.55.39.31, 108.162.246.78"
  [262]=>
  string(28) "66.249.64.176, 172.70.34.247"
  [263]=>
  string(30) "114.119.150.215, 172.70.143.96"
  [264]=>
  string(27) "66.249.73.9, 172.70.185.163"
  [265]=>
  string(53) "2402:800:63eb:afb6:6cf3:ea70:7874:ae37, 172.70.143.96"
  [266]=>
  string(28) "66.249.66.222, 172.70.34.247"
  [267]=>
  string(30) "118.71.190.160, 162.158.178.79"
  [268]=>
  string(30) "87.250.224.152, 172.68.244.143"
  [269]=>
  string(30) "114.119.150.208, 172.70.92.235"
  [270]=>
  string(27) "162.55.86.61, 172.70.251.88"
  [271]=>
  string(29) "3.238.180.255, 172.70.175.168"
}
Code tạo nút gọi điện trên web wordpress chi tiết nhất

Code tạo nút gọi điện trên web wordpress chi tiết nhất

Bài viết sau chuẩn seo web sẽ hướng dẫn bạn cách tạo nút gọi điện trên web wordpress đơn giản nhất. Việc website của bạn có nút gọi điện, zalo, mesage facebook. Sẽ giúp cho khách hàng truy cập vào website của bạn dễ dàng liên lác với bạn khi họ có nhu cầu. Đặc biệt là nút này cần luôn hiển thị ở một nơi trên màn hình máy của người dùng sẽ tốt hơn. Giúp khách hàng của bạn dễ dàng tìm được cách để liên lạc với bạn. Dưới đây mình sẽ chia sẻ với bạn cách tạo nút gọi điện trên web wordpress không dùng plugin. Với cách tạo nút gọi trên website wordpress này bạn có thể dễ dàng thay đổi số điện thoại, zalo, message facebook. Bài viết này thuộc chuyên mục WordPress Development.

Code tạo nút gọi điện trên web wordpress

Để tạo được tạo nút gọi điện trên web đầu tiên bạn cần tải các file ảnh svg icon của phone, zalo, message tại đây. Sau đó bạn giải nén file zip này ra để lấy các file svg icon. Sau đó trong theme bạn tạo thư mục assets, trong thư mục assets này bạn tạo thư mục image. Tiếp theo bạn dán các file icon svg vào thư mục image.

Bạn dán file icon svg vào theme -  Code tạo nút gọi điện trên web wordpress
Bạn dán file icon svg vào theme – Code tạo nút gọi điện trên web wordpress

Tiếp theo bạn tạo code để setting để quản trị viên có thể thay đổi điện thoại, zalo, message facebook

Tạo setting thay đổi nút gọi trên website wordpress trong customize

Trong file function.php của theme bạn thêm đoạn mã sau để require file class-customize.php vào.

if( current_user_can('customize') ){
   require_once( get_template_directory.'/customize/class-customize.php' );
}

Tiếp theo trong thư mục theme bạn tạo thư mục customize trong thư mục này bạn tạo file: class-customize.php. Trong file này bạn thêm đoạn mã sau tạo setting để quản trị viên có thể thay đổi số điện thoại, zalo, message.

<?php

if (!defined( 'ABSPATH' )) {
    exit;
}
if (!class_exists( 'ChuanSeoWeb_Customize' )){

class ChuanSeoWeb_Customize {
	
	public function __construct() {
        add_action( 'customize_register', array( $this, 'ntlcsw_customize_register' ) );
    }

    public function ntlcsw_customize_register($wp_customize) {
        
        $this->ntlcsw_chuanseoweb_button_social( $wp_customize );       
   
        do_action( 'ntlcsw_customize_register', $wp_customize );
    }



    public function ntlcsw_chuanseoweb_button_social( $wp_customize ){

		$wp_customize->add_section( 'btn_social_section' , array(
			'title'      => esc_html__( 'Button Social', 'ntl-csw' ),
			'priority'   => 3,
		) );

		$wp_customize->add_setting( 'csw_phone', array(
		  'type' => 'theme_mod',
		  'capability' => 'edit_theme_options',
		  'theme_supports' => '',
		  'transport' => 'refresh',
		  'sanitize_callback' => 'sanitize_text_field' 
		  
		) );
		$wp_customize->add_control('csw_phone', array(
			'label' => esc_html__('Phone','ntl-csw'),
			'section' => 'btn_social_section',
			'settings' => 'csw_phone',
			'type' =>'text',
		));


		$wp_customize->add_setting( 'csw_zalo', array(
		  'type' => 'theme_mod', 
		  'capability' => 'edit_theme_options',
		  'theme_supports' => '', 
		  'transport' => 'refresh', 
		  'sanitize_callback' => 'sanitize_text_field'
		  
		) );
		$wp_customize->add_control('csw_zalo', array(
			'label' => esc_html__('Zalo','ntl-csw'),
			'section' => 'btn_social_section',
			'settings' => 'csw_zalo',
			'type' =>'text',
		));


		$wp_customize->add_setting( 'csw_messenger', array(
		  'type' => 'theme_mod',
		  'capability' => 'edit_theme_options',
		  'theme_supports' => '', 
		  'transport' => 'refresh', 
		  'sanitize_callback' => 'sanitize_text_field'
		  
		) );
		$wp_customize->add_control('csw_messenger', array(
			'label' => esc_html__('Message Facebook','ntl-csw'),
			'section' => 'btn_social_section',
			'settings' => 'csw_messenger',
			'type' =>'text',
		));

	}
	
}

}

new ChuanSeoWeb_Customize();

Code hiển thị nút gọi điện trên web HTML

Trong file footer.php của theme bạn thêm đoạn mã sau để hiển thị nút gọi điện trên web dạng HTML:

<?php
    	$image_phone = get_template_directory_uri().'/assets/img/icon_phone.svg';
    	$image_messenger = get_template_directory_uri().'/assets/img/icon_messenger.svg';
    	$image_zalo = get_template_directory_uri().'/assets/img/icon_zalo.svg';

    	$ntl_phone = get_theme_mod('csw_phone');

    	$ntl_zalo = get_theme_mod('csw_zalo');
    	$ntl_messenger = get_theme_mod('csw_messenger');

    	?>
    	<ul class="ntl-contact-hotline" >
    		<?php if( ! empty( $ntl_phone )) { ?>
    			<li class="ntl-item-hotline">
    				<a class="ntl-phone" href="tel:<?php echo esc_attr($ntl_phone) ?>">
    					<img src="<?php echo esc_url($image_phone) ?>" alt="phone">
    				</a>
    			</li>
    		<?php } ?>

    		<?php if(! empty( $ntl_zalo )) { ?>
    			<li class="ntl-item-zalo">
    				<a class="ntl-zalo" target="_blank" href="<?php echo esc_url($ntl_zalo) ?>">
    					<img src="<?php echo esc_url($image_zalo) ?>" alt="Zalo">
    				</a>
    			</li>
    		<?php } ?>

    		<?php if(! empty( $ntl_messenger ) ) { ?>
    			<li class="ntl-item-messenger">
    				<a class="ntl-message" target="_blank" href="<?php echo esc_url($ntl_messenger) ?>">
    					<img src="<?php echo esc_url($image_messenger) ?>" alt="messenger">
    				</a>
    			</li>
    		<?php } ?>
    	</ul>

Như vậy bạn đã thêm được nút gọi điện trên web dạng HTML vào footer ở cuối cùng của website của bạn. Và ở bất kỳ trang nào nó cũng hiện lên. Tiếp theo bạn cần CSS cho đoạn HTML này để nó hiển thị đẹp hơn

Code CSS nút gọi điện trên web

Bạn thêm đoạn mã CSS sau vào file css của theme: style.css

.ntl-contact-hotline {
  position: fixed;
  bottom: 12%;
  z-index: 999;
  right: 20px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .ntl-contact-hotline {
    bottom: 0;
    right: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 15px 0 0 0;
  }
}
.ntl-contact-hotline li {
  text-align: center;
}
@media (max-width: 767px) {
  .ntl-contact-hotline li {
    width: 25%;
  }
}
.ntl-contact-hotline li:not(:last-child) {
  margin-bottom: 10px;
}

Như vậy là bạn đã hoàn thành việc tạo nút gọi điện trên web. Và đây là kết quả sau khi hoàn thành:

Hoàn thạnh việc tạo nút gọi điện trên web wordpress
Hoàn thạnh việc tạo nút gọi điện trên web wordpress

Thay đổi thông tin số điện thoại, Zalo, Message facebook

Sau khi thêm code trên để thay đổi các setting thì trong trang quản trị bạn vào: Giao diện -> Tùy Biến -> Button Social sau đó bạn thay đổi các thông tin số điện thoại, zalo, message.

 Vào setting thay đổi thông tin sdt, zalo, facebook -  Code tạo nút gọi điện trên web wordpress
Vào setting thay đổi thông tin sdt, zalo, facebook – Code tạo nút gọi điện trên web wordpress
 Vào setting thay đổi thông tin sdt, zalo, facebook -  Code tạo nút gọi điện trên web wordpress
Vào setting thay đổi thông tin sdt, zalo, facebook – Code tạo nút gọi điện trên web wordpress

Số điện thoại bạn có thể thay trực tiếp số điện thoại vào mục Phone.

Zalo bạn thêm https://zalo.me/số_điện_thoại. Bạn thay số điện thoại của bạn vào link vừa rồi. Ví dụ số điện thoại của mình là 0973519201 thì link zalo là: https://zalo.me/0973519201

Mesage face book bạn truy cập vào profile của mình. bạn sẽ lấy được Id hoặc tên trên đường dẫn. Vào sau link sau: http://m.me/ID_CỦA_BẠN. Ví dụ của mình là: http://m.me/nguyen.luan.12327/

Kết Luận

Qua bài viết trên mình đã hướng dẫn bạn cách tạo nút gọi điện trên web wordpress chi tiết nhất. Mình hy vọng sẽ giúp ích cho bạn. Nếu có câu hỏi hay thắc mắc gì bạn vui lòng để lại câu hỏi bên dưới. Cám ơn bạn đã theo dõi bài viết.

Nguyễn Luân

MÌnh là Luân. Mình có 4 năm kinh nghiệm trong lập trình website và 3 năm làm về WordPress theme và plugin. Rất hy vọng có cơ hội hợp tác với mọi người. Xin cám ơn.

Có thể bạn quan tâm

Hàm _e trong wordpress

3 Tháng Mười Một, 2021 Bởi

Hàm _e trong wordpress là một hàm khi bạn phát triển theme hay plugin nên biết. Hàm này có tác dụng in ra chuỗi và chuỗi này [...]

Hàm get_post_meta trong wordpress và các ví dụ

1 Tháng Mười Một, 2021 Bởi

Hàm get_post_meta trong wordpress là hàm để lấy giá trị meta value theo meta key của một bài viết, sản phẩm, hay bất kỳ [...]

Cách thêm sidebar cho wordpress không dùng plugin

7 Tháng Mười, 2021 Bởi

Bài viết sau mình sẽ hướng dẫn bạn cách thêm sidebar cho wordpress mà không cần dùng đến plugin. Bạn chỉ cần thêm một [...]

Hàm mktime trong php

15 Tháng Chín, 2021 Bởi

Việc hiểu về các hàm thời gian trong php và hàm mktime trong php sẽ giúp bạn dễ dàng hơn khi làm việc liên quan tới thời [...]

wp_head trong wordpress có tác dụng gì

14 Tháng Chín, 2021 Bởi

wp_head trong wordpress là một hook cho phép bạn thêm các tính năng tùy chỉnh vào cặp thẻ trong website. Với hook wp_head bạn [...]

Bạn để lại bình luận tại đây

favico-1

ChuanSeoWeb.com

Minh Phượng , Nham BIền, Yên Dũng, Bắc Giang
Thời gian hoạt động:
T.2 – T.7: 07:30 am – 5:30 pm