Ако работим с Wordpress е възможно да обичаме да персонализираме страницата си с всички възможни подробности. Едно от най -търсените персонализации от страна на клиентите е влизането. По подразбиране дизайнът, който Wordpress ни предлага за вход, е доста прост и изчистен. Ето защо може да искаме да включим в него по -личен щрих, като нашата марка.
Ако имате блог, разработен в Wordpress, ще знаете, че за да го управлявате, трябва да получите достъп до URL адрес като http://www.midominio.com/wp-admin, който показва страницата за вход на администратора на инсталацията; Това по подразбиране включва лого на Wodpress, което можем да променим. Но не само това, но също така можем да променим връзката, към която сочи, когато щракнете върху него, както и подсказката му (плаката, който се показва, когато поставяте курсора на мишката върху логото).
Има два начина за извършване на това персонализиране: чрез плъгини специализиран или добавяне на парче код към съответния инсталационен файл.
Докато извършвате всякакви персонализации в Wordpress По -лесно е чрез плъгин, истината е, че те пряко влияят върху времето за зареждане на страницата ни, така че винаги, когато е в рамките на нашия обсег, ще бъде по -лесно да извършите този тип действия, като „докоснете“ кода.
В този урок ще видим как да го направим директно добавяне на трите съответни фрагмента на php код за всяка от персонализациите, които ще извършим:
Персонализации
- Променете логото.
- Промяна на връзката към логото.
- Персонализирайте подсказка за лого.
1. Промяна на логото
Етап 1
Първото нещо, което трябва да направим, е да подготвим изображението, което ще използваме като лого. Това трябва да е квадратно, от 80 x 80 пиксела и във формат .png.webp, за предпочитане с Прозрачен фон, тъй като страницата за вход е сивкава и по този начин тя ще се „слее“ перфектно с нея.
Стъпка 2
След като имаме изображението, което ще използваме като готово лого, което в нашия пример се нарича logo.png.webp, трябва да го запишем в папката изображения от текущата ни тема ( \ wp-content \ themes \актуална тема\ изображения) където актуална тема тя съответства на името на темата, която сте активирали в инсталацията си.
Можем да извършим този процес, както чрез клиент FTP както през хостинг файлов мениджър, в случай че го имате.
Стъпка 3
Сега ще е необходимо да добавите съответния php код към файла functions.php на нашата активна тема. Най -бързият начин да направите това е да използвате собствен редактор на файлове на Wordpress. За да направите това, в рамките на инсталацията на Wordpress, направете щракнете върху менюто Персонализиране и след това за Редактор. Сега в лявата колона кликнете върху functions.php файл и превъртете до края му.
За да посочите логото, което искате да се показва, добавете следния код. В кодовия фрагмент трябва да замените текста logo.png.webp с името, което сте дали на собственото си лого
// персонализираме функцията за влизане в системата my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');
2. Промяна на връзката с логото
За да промените URL адреса, свързан с логото на страницата, трябва също да добавите към файла functions.php следната част от кода:
// персонализираме функцията за връзка към лого put_my_url () {return ('http://www.solvetic.com'); // Тук посочете URL адреса, към който логото свързва} add_filter ('login_headerurl', 'put_my_url');
3. Персонализирайте подсказка за лого
И накрая, и за да приключи персонализирането на страницата за вход, ние ще променим текста, който се появява, когато задържите курсора на мишката върху изображението на логото, което по подразбиране е „Powered by WordPress“.
За това ще трябва да добавите последен фрагмент от код към файла functions.php на активната тема:
// персонализираме функцията за връзка към лого put_my_url () {return ('http://www.solvetic.com'); // Тук посочете URL адреса, към който логото свързва} add_filter ('login_headerurl', 'put_my_url');
След като редактирането приключи, ще бъде необходимо да се запазят направените промени, за да влязат в сила. За да направите това, кликнете върху бутона Актуализирайте файла намерени в края на редактора. Сега, ако влезете в страницата си за вход в Wordpres, можете да видите как изглежда след прилаганите промени.
ПомняМожете да изпробвате тези „трикове“, без да се страхувате да деконфигурирате вашия сайт в Wordpress, като използвате локална инсталация, както е обяснено в урока Как да имате преносима инсталация на WordPress
Изтеглете безплатни шаблони за Wordpress
Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
