Wp footer

Привет, Друзья! Сегодня хочу рассказать Вам, как вывести виджеты в футере WordPress блога. Сразу хочу сказать, что я не гуру-программист и не зубр в php, поэтому сделал как смог, и просьба к профессионалам не глумиться, если виджетировал футер не по канонам и нормам WordPress, а указать в комментариях на возможные ошибки.

Как вывести виджеты в футере WordPress

Конечно можно найти WordPress тему с возможностью добавлять виджеты в футер, но что делать, если Ваш шаблон не поддерживает данную функцию? Правильно — сделать самим! А для чего это нужно, спросите Вы? Да все просто — дополнительный, так сказать, сайдбар (только внизу
Подмигивающая рожица), в который Вы, на свое усмотрение можете вывести все что угодно, т.е. дополнительное место, которое Вы можете использовать для вывода различных элементов, и которое никак не мешает и не напрягает Ваших посетителей! (Кстати, в последнее время очень многие стали в футере выводить различную информацию.)

Когда я решил в подвале AimBlog.ru сделать дополнительные три колонки под виджеты, то естественно за решением и инструкциями отправился в сеть, но столкнулся с проблемами — всю информацию что находил в сети, на этом шаблоне не мог преобразовать в результат, футер ну никак не хотел виджетироваться (хотя, может быть плохо искал и глубоко копать было лень), в общем сделал я исходя из своих знаний и интуиции (да-да, именно интуиции, Вы не ослышались), и теперь хочу поделиться с Вами наработками и опытом Скоро вернусь, может быть кому и пригодится…..

Ну самое простое, на мой взгляд, это в файле functions.php зарегистрировать еще три сайдбара и через специальную функцию вывести их в футере вашего сайта, (т.е. в файле footer.php.) Но, вот как раз такой способ на моем блоге и отказался работать — печалька… Вы же, на своих сайтах, именно данным способом можете попробовать вывести блоки под виджиты в футере. Давайте, чтобы вам не рыскать в сети информацию и не тратить свое время, я покажу как это осуществить.

Как добавить виджеты в футер WordPress блога. Способ 1


Итак, открывает блокнотом Notepad++ (почему именно этим блокнотом? читаем здесь) файл functions.php (этот файл находится в папке с вашим блогом в директории wp-content/themes/название вашей темы) и сразу после открывающего тега <?php вставляем вот этот код для регистрации нового сайдбара:

if ( function_exists('register_sidebar') )   register_sidebar(array('name'=>'footer_l',   'before_widget' => '<div class="footer1">',   'after_widget' => '</div>',   'before_title' => '<div class="title">',   'after_title' => '</div>',   ));

Где переменные:

  • ‘name’ — имя блока для виджетов. Здесь можете придумать любое имя. (желательно короткое и легкое чтобы самим не запутаться) Например, footer_l
  • ‘before_widget’ — Говоря научным языком, в эту строчку прописывается HTML код который Вы хотите добавить перед виджетом
  • ‘after_widget’ — Html код после виджета

Давайте попробую по-русски объяснить для чего нужны параметры ‘before_widget’ и ‘after_widget’ (потому что сначала я вообще не понял для чего они). Итак, видите, у нас в строчке ‘before_widget’ прописан код <div class=»footer1″>‘, а в строчки ‘after_widget’ — ‘</div>’ – улавливаете суть? Все просто, в первой строчки открывающий тег див с классом footer1, а во второй закрывающий див, а это значит что с помощью CSS мы сможем регулировать и менять внешний вид нашего блока с виджетами.


Те, кто не знает CSS и HTML хотя бы на самом поверхностном уровне — ОБЯЗАТЕЛЬНО прочтите эту статью — и ОБЯЗАТЕЛЬНО ознакомьтесь с данными языками. Поверьте мне, это не так сложно как кажется на первый взгляд! И если вы всерьез хотите заниматься блоггингом, без этих основ, к сожалению, будет сложно…

  • Строчки ‘before_title’ и ‘after_title’ — соответственно стили заголовка виджета.

Вот таким, достаточно нехитрым способом регистрируется новый сайдбар.

Похожим образом регистрируем еще два сайдбара. Нам ведь нужны три колонки))) Только каждому сайдбару не забываем присваивать свои имена. Я зарегистрировал три sidebar-а и дал им следующие имена – “sidebar_c.php”, “sidebar_l.php”, “sidebar_r.php”. Не забываем сохранить изменения:

новые виджиты в футере

Смотрим в админку блога во вкладку Виджеты:


виджет в футере

Вот они, наши только что зарегистрированные три сайдбара. Теперь осталось указать где должны выводиться те элементы, которые будем добавлять в эти блоки.(будь то стандартные виджеты WordPress, виджеты от различных WordPress плагинов или произвольный код)

Итак, после того, как зарегистрировали сайдбары, необходимо в нужном нам месте прописать функцию вызова этих сайдбаров (а наша цель вывести виджеты в футере) .

Для этого открываем файл footer.php и в самом начале, после тега <?php global $theme; ?> или <? ?><!— footer —><div id=»footer»> (в общем теги могут отличаться, но смысл в том, что прописать код нужно в начале, после открывающего футер тега) а вот и сам код вывода блока виджетов:

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer_l') ) { ?>    <?php } ?>

В строчке!dynamic_sidebar(‘footer_l’) указываете то имя, которое зарегистрировали в файле functions.php В моем случае это  “footer_l”.


(Также Вы можете выводить не только виджеты, но и просто любой код или функцию. Для этого нужно просто вставить нужную функцию или код между строчкой

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘footer_l’) ) { ?>  и  <?php } ?>

Значит прописываем в файле footer.php все три функции для вывода наших трех сайдбаров и вот что в итоге должно получиться у нас в файле footer.php

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer_l') ) { ?>   <?php } ?>    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer_c') ) { ?>   <?php } ?>    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer_r') ) { ?>   <?php } ?>

Как видите, меняется только имя сайдбара.

Опять же, к каждой функции вывода нужно присвоить свой класс DIV и в таблице стилей (файл style.css), с помощью CSS расположить блоки с виджетами горизонтально в ряд. Если этого не сделать, тогда блоки с виджетами будут располагаться в один столбик, что в футере ну никак не будет смотреться. (Вот так будут выводиться элементы на сайте без редактирования CSS)

виджеты в футере


В конечном итоге в файле footer.php будет вот такой код:

<div class="footer_l">   <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer_l') ) { ?>   <?php } ?>   </div>    <div class="footer_c">   <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer_c') ) { ?>   <?php } ?>   </div>    <div class="footer_r">   <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer_r') ) { ?>   <?php } ?>   </div>

А в файле style.css мы пропишим вот такое условие:

.footer_l {   float: left;   width: 33%;   }   .footer_r{   float: left;   width: 33%;   }   .footer_c {   float: left;   width: 33%;   }

Теперь виджеты на сайте выводятся горизонтально:

виджит в подвале сайта

Со стилями, можете играться как только захотите, нет пределов совершенству… и настроить вывод блоков в подвале сайта можете совершенно как Вам заблагорассудится!


Еще раз Вам советую, скачайте мини курс по CSS и HTML и изучите!!!

Скачать курс по CSS

Скачать курс по HTML

Ну а теперь просто идете в админку блога и в созданные блоки вставляете любые виджеты. Все! Скрин того, что получилось находится чуть выше)))

К сожалению, на моем блоге данный метод не сработал, а все что я сейчас показал, я делал на Денвере и делал на другом шаблоне, и заработало все вообще без проблем! А теперь расскажу о методе, который применил на AimBlog.ru.

aimblog.ru

wp_footer: How to Add Content to a Site’s Footer without Modifying Your Theme

    1. Open your plugin file in a text editor.
    2. Add the line add_action('wp_footer', 'your_function_name');. (It’s probably good not to name your function your_function_name we’re just using that as a stand-in.) The wp_footer action is in every WordPress think in the form of a wp_footer function call (we know it’s weird). This means that what we do here will appear before the markup for the page has totally closed and been transmitted back to the client.
    3. Write that function (your_function_name) to generate your markup. Make sure that function echos the markup. Because this is an action hook, you don’t return something back to WordPress. Rather it is your duty to make it appear in the final page if you want it to.

wpshout.com

How to add wp_head to a WordPress theme

To add the wp_head function correctly to your WordPress theme, simply open your theme’s header.php file and add the following line of PHP code right before the closing head tag (</head>):

<?php wp_head();?>

How to add wp_footer to a WordPress theme

To correctly add the wp_footer function to your WordPress theme, open the theme’s footer.php file and add the following line of PHP code before the closing </body> tag:

<?php wp_footer();?>

Broken Plugins

You may find that a WordPress plugin isn’t working on your website. Maybe the plugin worked at one point, but then you updated either the plugin or WordPress and it stopped working. Maybe the plugin never worked at all. If you do find that you are having trouble with a plugin, your first step should be to make sure that you have wp_head and wp_footer correctly placed in your template.

Conclusion


Action hooks like wp_head and wp_footer are essential to how plugins interact with your WordPress theme. In the past these funtions were not always needed, so if you have a theme that hasn’t been updated in a while, it would be a good idea to add these action hooks to protect your theme from some future problems.

buckleupstudios.com

От автора

Здравствуйте! Сегодня начинаю серию статей, посвященных «подвалу» сайта Вордпресс, чаще называемого футер WordPress.

Что такое футер WordPress

Если вы посмотрите на сайт, созданный на CMS WordPress, то на подавляющем большинстве сайтов увидите выделенную, обычно цветом, область в нижней части сайта. Это и есть футер WordPress. Иногда, футер сайта WordPress называют «подвалом».

Футер Вордпресс сайта это его нижняя часть, визуально отделенная от основного содержания сайта. Название футер WordPress происходит от принятого названия файла, который определяет футер в шаблоне WordPress. Называется этот файл footer.php. Лежит файл footer.php в папке рабочего шаблона вашего сайта WordPress.

Зачем нужен футер сайта

Футер WordPress, наряду с сайдбаром и виджетами боковой панели шаблона, предназначен для размещения дополнительной информации сайта. Для этого, создатели шаблонов, предусматривают размещение в футере шаблона, виджетов системы.

Нет, каких либо правил, какую информацию размещать в футере.


  • Для сайтов предприятий и организаций в футере размещают информацию о фирме, контакты, карту «как добраться», ссылки на цены, перечень услуг.
  • В информационных блогах в футере, полностью или частично, дублируют навигационное меню сайта, размещают ссылки на новостные ленты и подписку. Вариантов использования футера масса.

Функция WordPress выводящая футер

Как я уже упоминал, файл формирующий футер сайта WordPress, обычно называют footer.php. По сути это шаблон подвала. Функция WP, которая подключает файл footer.php из шаблона такова –get_footer(). Этот тег вызывает файл footer.php из каталога с файлами рабочего шаблона. Используется этот тег  в функции:

<?php get_footer( $name ); ?>

Параметр [name] можно не указывать, если подвальный файл назван footer.php. Однако, его нужно указать, если файл футера назван footer-имя.php, то параметр name указывается, как [имя].

Встречаются шаблоны, в которых не предусмотрен файл footer.php. В этом случае, тег get_footer, должен вызвать шаблон подвала из темы по-умолчанию: wp-includes/theme-compat/footer.php.

Давайте посмотрим на этот дефолтный футер. Для этого,

  • Убираю файл footer.php из рабочего шаблона;
  • Чищу кеш WordPress если стоит плагин кеширования;
  • Смотрю результат.
что такое футер WordPress
футер WordPress рабочего шаблона
что такое футер WordPress
дефолтный футер WordPress( по умолчанию)

Как видите, файл футера по умолчанию, очень простой и выводит только название сайта. Давайте его посмотрим.

Дефолтный файл footer.php из дефолтной темы wp-includes/theme-compat/footer.php

Вы, конечно, можете посмотреть его сами, но всё-таки:

<?php /**  * @package WordPress  * @subpackage Theme_Compat  * @deprecated 3.0  *  * Этот файл находится здесь для совместимости со старыми темами и  будут удалены в будущей версии  *  */ _deprecated_file( 	/* translators: %s: template name */ 	sprintf( __( 'Theme without %s' ), basename( __FILE__ ) ), 	'3.0', 	null, 	/* translators: %s: template name */ 	sprintf( __( 'Please include a %s template in your theme.' ), basename( __FILE__ ) ) ); ?>  <hr /> <div id="footer" role="contentinfo"> <!-- Если вы хотите поддержать WordPress, имея "питание от"  ссылку где-то на вашем блоге является лучшим способом;  это наш единственный продвижение или реклама. --> 	<p> 		<?php 		printf( 			/* translators: 1: blog name, 2: WordPress */ 			__( '%1$s is proudly powered by %2$s' ), 			get_bloginfo('name'), 			'<a href="https://wordpress.org/">WordPress</a>' 		); 		?> 	</p> </div> </div>  <!-- Gorgeous design by Michael Heilemann - http://binarybonsai.com/kubrick/ --> <?php /* "Just what do you think you're doing Dave?" */ ?>  		<?php wp_footer(); ?> </body> </html>

©www.wordpress-abc.ru

www.wordpress-abc.ru

Как и где редактируется содержание футера

Разумеется, «подвал» может быть у любого сайта —  не только на сайтах с этой популярной CMS. Cуществуют так же шаблоны на WordPress, у которых «подвал» не настроен конструкторами темы. Однако в большинстве современных тем, его наличие имеется и «отвечает» за его настройки одноименный файл — footer.php, расположенный по адресу ваш домен.ru/wp-content/themes/ваша тема. То есть там же, где расположены все основные файлы. Проще «отыскать» footer.php в админпанели: Внешний вид» — Редактор — открываются все файлы, в котором выбираем искомый:

Как редактировать футер шаблонаВ некоторых  премиум темах, как у меня, есть дополнительные способы по размещению содержания футера с помощью виджетов. Делается это создателями тем скорее для удобства пользователей, особенно тех, кто неважно разбирается в сущности php-файлов и не умеет вставлять нужные коды в нужное место.

hg2fСтоит отметить, что именно в футере удобнее всего располагать многие коды от сторонних ресурсов, которые необходимо использовать на сайте перед установкой тега </body>. Этот тег легче всего найти в footer.php. Расположение таких кодов в этом файле обеспечивает наличие их содержания на главной и на всех страницах сайта. Как «шапки», например.

Какой контент помещать в футере

Каждый вебмастер сам решает, какой необходимый материал размещать в «подвале» сайта. Его наполняемость должна прежде всего служить не только дополнительным способом подачи информации о сайте, но и вносить в юзабилити сайта свою уникальность и изюминку. Самую важную информацию вебмастер, разумеется, располагает в верхней, боковой (боковых) частях страниц сайта или на каждой странице. Что же поместить в подвал и почему?

Во первых, нужно учесть тот факт, что содержание футера несет в себе не только дополнительный материал, но он же должен быть интересен и нужен посетителю (если он до него доберется 🙂 ).

Во вторых, нужно помнить, что каждый файл, имеет вес и он влияет на скорость загрузки сайта. Для того, что бы наиболее важное содержание сайта на его страницах загружалось быстрее, многое, но нужное, лучше располагать в «подвале». Истина, которая известна более-менее опытным вебмастерам.

Исходя из вышесказанного, предложу на рассмотрение и обсуждение характер материала, который я лично располагаю в футерах своих блогов на вордпресс:

  • Счетчики статистики и рейтингов — вряд ли они будут интересовать большинство моих посетителей, чем меня самого; кроме того, для сервисов счетчиков размещение специальной кнопки просто необходимо. Где же поместить такую кнопку, если не в футере?
  • Почтовая подписка (прошу не путать с подпиской RSS). Для тех блогеров,  у которых почтовая рассылка имеет большую роль, размещать ее блок для подписки в «подвале» не целесообразно. Но у меня пока она именно там.
  • ТОП комментаторов, и самое комментируемое. Кому надо, тот посмотрит 🙂
  • Некоторые другие «вещицы». Можно поместить, например, виджеты с моими твиттами и прочая мишура. Иногда размещаю, потом убираю…
  • вот это: footer 🙂

prt56.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector