Paano Tamang Lumikha ng isang Pahina ng Pasadyang Pag-login sa WordPress (Hakbang sa Hakbang)

kung paano lumikha ng isang pasadyang pahina ng pag-login sa wordpress


Kailanman nagtaka kung maaari kang lumikha ng isang pasadyang pahina ng pag-login sa WordPress?

Ang paglikha ng isang pasadyang pahina ng pag-login ay tumutulong sa iyo na magpakita ng isang pare-pareho na tatak sa iyong mga gumagamit, na nagbibigay sa iyong site ng isang mas propesyonal na hitsura.

Sa artikulong ito, ipapakita namin sa iyo kung paano lumikha ng isang pasadyang pahina ng pag-login sa WordPress.

Paglikha ng isang Pasadyang Pahina ng Pag-login sa WordPress – Talaan ng Mga Nilalaman

Bakit Lumikha ng isang Pasadyang Pahina ng Pag-login?

Kung nagpapatakbo ka ng isang website na pinapatakbo ng komunidad tulad ng isang forum, membership site, niche social network, o anumang iba pang website na nangangailangan ng mga gumagamit upang magrehistro ng isang account at mag-log in, kakailanganin mong lumikha ng isang pasadyang pahina ng pag-login.

Ang default na pahina ng pag-login sa WordPress ay mukhang generic at mayamot. Sa isang pasadyang pahina ng pag-login, maaari mong mai-personalize ang lahat ng mga elemento sa pahina sa paligid ng form.

Kung mayroon kang isang pasadyang pahina ng pag-login, maaari mong itago ang default na pahina ng pag-login kung nais mo. Maaari nitong bawasan ang pag-login spam at panatilihing ligtas ang iyong WordPress site.

Pagpili ng Tamang Plugin para sa Paglikha ng Pasadyang Pahina ng Pag-login

Sa opisyal na imbakan ng plugin ng WordPress, maaari kang makahanap ng dose-dosenang mga iba’t ibang mga plugin na makakatulong sa iyo na madaling bumuo ng isang pasadyang pahina ng pag-login. Sa artikulong ito, titingnan namin ang 2 iba’t ibang mga plugin: WPForms at Tema Aking Pag-login.

Pumili ng WPForms kung kailangan mo ng isang buong tampok na plugin ng WordPress form na makakatulong sa iyo na mabuo ang anumang uri ng mga online form na may kadalian, kabilang ang mga form sa pagpaparehistro, mga form sa pagbabayad, mga form ng contact, atbp.

Ang ilang mga benepisyo ng WPForms ay:

  • I-customize ang iyong form sa pag-login sa paraang nais mo nang walang anumang mga paghihigpit.
  • I-publish ang iyong form sa pag-login sa anumang mga post o mga pahina.
  • I-embed ang iyong form sa pag-login sa sidebar o kahit sa naka-widget na footer.

Piliin ang Tema Aking Pag-login kung nais mong lumikha ng isang simpleng pahina ng pag-login nang madali.

Nasa ibaba ang ilang mga tampok ng Tema ng Aking Pag-login:

  • Walang kinakailangang pagsasaayos para sa pagbuo ng isang pasadyang pahina ng pag-login.
  • Awtomatikong itinatago ang default na pahina ng pag-login at pag-redirect sa bagong nilikha na pahina ng pag-login.
  • Magdagdag ng link ng pahina ng pag-login sa iyong sidebar na may pasadyang widget ng pag-login.

Ang downside ay iyon, hindi tulad ng WPForms, Hindi pinapayagan ka ng Aking Login na mag-embed ng iyong form sa pag-login saanman sa iyong site, at eksklusibo na lalabas sa iyong pahina ng pag-login. Dahil hindi ito isang ganap na tampok na plugin ng form tulad ng WPForms, ang kakayahang i-customize ang iyong form sa pag-login ay limitado.

Paraan 1: Paggamit ng WPForms upang Lumikha ng isang Pahina ng Pag-login

WPForms

Tingnan natin kung paano lumikha ng isang pahina ng pag-login sa WPForms.

Hakbang 1: I-install ang WPForms sa Iyong Site

Ang unang bagay na kailangan mong gawin ay i-install at buhayin ang WPForms plugin. Siguraduhing i-verify ang iyong susi ng lisensya sa pamamagitan ng pag-navigate sa WPForms »Mga Setting. Maaari kang makakuha ng susi ng lisensya mula sa iyong account sa WPForms website.

Upang makalikha ng isang pasadyang pahina ng pag-login sa WPForms, kailangan mong i-install ang Addon ng Pagparehistro ng User sa pamamagitan ng pagpunta sa WPForms »Mga Addons. Mag-click I-install ang Addon sa tabi ng Addon ng Pagparehistro ng User at pagkatapos ay i-click ang I-aktibo.

Kapag ang addon ay isinaaktibo, maaari kang magpatuloy at lumikha ng isang form ng pag-login ng gumagamit sa WPForms.

Hakbang 2: Lumikha ng isang Custom na Form ng Pag-login

Sa malakas na pag-drag at drop builder ng WPForms, maaari kang bumuo ng isang form ng pag-login sa loob lamang ng ilang minuto, hindi oras, nang walang pagsulat ng isang linya ng code.

Upang lumikha ng isang form sa pag-login, bisitahin ang WPForms »Magdagdag ng Bago. Sa pahina ng pag-setup ng form, kakailanganin mong piliin ang Form ng Pag-login ng Gumagamit template upang lumikha ng isang form sa pag-login.

template ng form ng pag-login ng gumagamit

Makikita mo na ngayon ang form ng tagabuo kung saan maaari kang magdagdag, ipasadya, at alisin ang mga patlang ng pag-login sa pag-login. Bilang default, nagdaragdag ang template ng pag-login sa sumusunod na mga patlang ng form: Username at Password.

form ng pag-login ng gumagamit sa wordpress

Maaari mong ipasadya ang anumang larangan sa pamamagitan ng pag-click dito sa tagabuo ng pahina. Pagkatapos, maaari mong gawin ang nais na mga pagpapasadya sa kaliwang panel.

Hakbang 3: Pag-configure ng Form

Upang i-configure ang mga pangkalahatang setting, maaari kang pumunta sa Mga setting »Pangkalahatan. Sa pahinang ito, maaari mong ipasadya ang pangalan ng form, paglalarawan, isumite ang pindutan ng teksto, atbp.

pangkalahatang form ng pag-login sa mga setting

Hindi mo na kailangang gumawa ng anuman sa Mga Abiso tab para sa iyong pasadyang form ng pag-login. Bilang default, naka-off ang mga abiso, kaya hindi ka makakatanggap ng isang email tuwing may nag-log sa iyong site.

Kapag nag-log ang isang gumagamit sa pamamagitan ng iyong pasadyang form sa pag-login, makakarating sila sa homepage ng iyong website. Maaari mong baguhin ang redirect URL, kung nais mo, sa Pag-redirect ng URL bukid.

mga setting ng kumpirmasyon ng pasadyang pahina ng pag-login

Hakbang 4: I-publish ang Iyong Form ng WordPress

Ang isa sa mga pangunahing benepisyo ng paggamit ng WPForms para sa paglikha ng isang form ng pag-login ay pinapayagan ka nitong i-embed ang iyong form kahit saan sa iyong site, kasama ang mga post, mga pahina, mga sidebar widget, o mga naka-widget na lugar ng footer.

Tingnan natin kung paano i-publish ang iyong form sa mga post o pahina.

Lumikha ng isang bagong post o pahina sa WordPress at pagkatapos ay mag-click sa + icon sa editor ng block ng Gutenberg. Maaari kang maghanap para sa WPForms block at mag-click dito.

Magdagdag ng mga form

Susunod, piliin ang iyong form sa pag-login sa block ng WPForms at awtomatiko itong mai-load sa iyong post / pahina.

Piliin ang form sa pag-login

Pagkatapos idagdag ang form, maaari mong mai-publish ang iyong post / pahina.

Maaari mo ring idagdag ang form ng pag-login sa iyong sidebar widget tulad ng mga sumusunod. Tumungo sa Hitsura »Mga Widget at idagdag ang WPForms widget sa iyong sidebar.

Widget ng form ng pag-login

Piliin ang iyong pasadyang form sa pag-login sa mga setting ng widget at mag-click sa I-save pindutan upang i-save ang mga pagbabago.

Paraan 2: Paggamit ng Tema Ang Aking Pag-login upang Lumikha ng isang Pahina ng Pag-login

tema ang aking plugin plugin

Ang Tema Aking Pag-login Ginagawa ng plugin na napakadaling mag-publish ng isang pasadyang form ng pag-login sa iyong WordPress site. Upang lumikha ng isang simpleng pahina ng pag-login, ang kailangan mo lang gawin ay mai-install at isaaktibo ang plugin ng Tema ng Aking Pag-login.

Ang plugin ay gumagana sa labas ng kahon nang walang anumang karagdagang pagsasaayos.

Gayunpaman, kung kailangan mong ipasadya ang mga setting ng plugin, maaari mong i-click ang menu ng Tema ng Aking Pag-login sa iyong WordPress dashboard.

tema ang aking mga setting ng pag-login

Pagkatapos ay maaari mong baguhin ang mga uri ng pag-login at pagrehistro. Maaari mo ring ayusin ang mga slugs ng URL para sa pag-login, pag-logout, pagpaparehistro, nawala ang password, at i-reset ang mga pahina ng password.

Paraan 3: Ipasadya ang Umiiral na Pahina ng Pag-login sa WordPress Nang walang Plugin

Kung mas gugustuhin mong gumawa ng mga pagbabago o magdagdag ng mga pasadyang estilo sa iyong umiiral na pahina ng pag-login kaysa sa paglikha ng isang bago, narito kung paano ito gagawin.

Idagdag lamang ang code na ito sa file ng function.php ng ​​iyong tema o sa isang plugin na tukoy sa site:

Kung ito ang iyong unang pagkakataon na pagdaragdag ng mga snippet ng code sa WordPress, pagkatapos ay mangyaring sumangguni sa aming gabay sa kung paano magdagdag ng maayos na mga snippet ng code sa WordPress, kaya hindi mo sinasadyang masira ang iyong site.

// Pasadyang pag-login page
function clp_login_head () {

echo ”; // Simulan ang mga pasadyang estilo
echo ‘.login #nav a, .login #backtoblog isang {kulay: #! mahalaga; } ‘; // Kulay ng link ng pahina ng pag-login
echo ‘.login h1 isang {background: url ("’. get_bloginfo (‘styleheet_directory’). ‘/ mga imahe / IMAGE AYON DITO"); lapad: px; taas: px; } ‘; // logo ng pahina ng pag-login
echo ‘.login .button-pangunahing {background: #; kulay na hangganan: #; } ‘; // Kulay ng pindutan ng pag-login na pahina
echo ”; // Tapusin ang mga pasadyang estilo

}
add_action (‘login_head’, ‘clp_login_head’);

Maaari mong baguhin ang CSS at URL ng imahe sa itaas na code upang idagdag ang iyong pasadyang estilo para sa pahina ng pag-login sa WordPress.

Paraan 4: Ipakita ang Form ng Pag-login sa WordPress Kahit saan Walang Plugin

Kung nais mong ipakita ang form ng pag-login sa WordPress sa anumang pahina, sidebar, o lugar ng paa, pagkatapos ay maaari mong idagdag ang code na ito sa template file ng iyong tema:

Tulad ng pamamaraan sa itaas, kung nagdaragdag ka ng mga snippet ng code sa WordPress sa unang pagkakataon, mangyaring mangyaring sumangguni sa aming gabay sa kung paano maayos na magdagdag ng mga snippet ng code sa WordPress, kaya hindi mo sinasadyang masira ang iyong site.

<?php
wp_login_form ();
?>

Ipapakita lamang sa itaas na code ang pangkalahatang pahina ng pag-login sa WordPress sa lokasyon kung saan idinagdag mo ang code. Sa kaso, maaari kang magdagdag ng isang pasadyang pahina ng form ng WordPress na may karagdagang mga patlang at mga pagpipilian, pagkatapos ay maaari mong gamitin ang code na ito:

<?php $ args = array (
‘echo’ => totoo,
‘redirect’ => ‘http://wpsnipp.com’,
‘form_id’ => ‘Login Form’,
‘label_username’ => __ (‘Username’),
‘label_password’ => __ (‘Password’),
‘label_remember’ => __( ‘Tandaan mo ako’ ),
‘label_log_in’ => __( ‘Mag log in’ ),
‘id_username’ => ‘user_login’,
‘id_password’ => ‘user_pass’,
‘id_remember’ => ‘Tandaan mo ako’,
‘id_submit’ => ‘wp-isumite’,
‘tandaan’ => totoo,
‘value_username’ => WALA,
‘value_remember’ => maling);
wp_login_form ($ args);
?>

Ayan yun!

Inaasahan namin na ang gabay na ito ay nakatulong sa iyo na lumikha ng isang pasadyang pahina ng pag-login sa WordPress. Kung nagustuhan mo ang artikulong ito, maaari mo ring basahin ang aming artikulo sa pinakamahusay na mga plugin ng form ng contact para sa WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map