Как да се замени една снимка натиснете бутона "главната" страница в WordPress меню, versinfo

Ние продължаваме да персонализирате WordPress меню - сменете т «Начална» (Home) страница снимка (къщата). В тази статия, ще опиша два начина. Първият - от менюто по подразбиране, а вторият - за произволен (по поръчка) меню. Всички действия се извършват в WordPress версия 3.5 с темата на Двадесет Ten.

$ Menu. = '

  • ". $ опцията [ "link_before ']. ''. $ опцията [ "link_after ']. "
    • ";

    Актуализиране на сайта и да видим резултата:

    В новия шаблон от по-ранната версия остава непроменена част

    Линк текст - текст, който ние виждаме, когато задържите курсора на мишката върху изображението

    Вместо това, името на страницата сега показва изображение:

    Тази линия се състои от следните компоненти:

    WP-съдържание / качвания - пътят към картинката (снимката съхранява в качени папка в WP-съдържание директория да се появи необходимост папката, за да качите поне една снимка.)

    home36.jpg - графичен файл (аз го 36px размер имаме - ширина, 36px - височина), най-добре е да се създаде картина в PNG формат, за да направи по-лесно да "подходящи" под фона на менюто

    височина = "13" - височината на изображението в пиксели, е избран от височината на текста в снимката в менюто ще бъдат компресирани с 36px до 13 пкс запазване съотношението на екрана (преоразмеряване не се изисква) ..

    Ако вместо това на "Home" от менюто, което искате да се показва изображения и текст, от страна на низ между единични кавички ще допълни текста (например: <-IMG) :

    Добави разстояние между картината и текста в менюто и по-голямата картина къщата:

    <-IMG

    Втори начин - да се замени "Home" страницата на картината елемент от менюто в произволен (по поръчка) WordPress меню. Първо го създадете. Appearance-> Themes-> Меню, въведете img_menu заглавие меню. натиснете "Start Menu".

    Добави същото меню като на вече съществуваща страница "Sample Page". За да направите това в "Страници" раздел, поставете отметка в квадратчето до съответната точка и натиснете бутона "Добави към менюто".

    Запазване на новото меню и неговите елементи - "Save Menu". След това, в блок "тематични области" на img_menu изберете списъка на "навигацията" - кликнете върху "Save".

    Междинна сума: ние създадохме img_menu - произволно (по поръчка) меню, добавете две точки: "Home" и "страницата примерни страници", изберете основните менюта.

    Сега от администратор отидете на сайта и използването на инструменти за разработка на операта конче или плъгин подпалвач гледам "Home", страницата с изходния код на елемент от менюто.

    По-нататъшни действия са свързани с редактирането на файлове style.css инсталирани теми.

    Добавих в следните направления:

    #access # меню-item- 7а: връзка, #access # меню-т-7 на: посетили дисплей: блок; височина: 38px; ширина: 38px; текст-тире: -9999px;
    фон: URL ( "изображения / 38.jpg") не-повторение; подложка: 0px;
    >
    #access # меню-т-7, а: активен, #access # меню-т-7 на: навъртам дисплей: блок; височина: 38px; ширина: 38px; текст-тире: -9999px;
    фон: URL ( "изображения / 382.gif") не-повторение; подложка: 0px;
    >

    Забележка: За 2 начин играе важна роля CSS шаблон. размерът има значение образ.