Wtyczka do przenoszenia paska administracyjnego na dół WordPress

przez Nikołajenko Maksym · Opublikowany Październik 1, 2012 · Zaktualizowano Sierpień 27, 2020

Treść ukryć

1 Kod wtyczki Stick Admin Bar To Bottom:

Na początek powiem, że jest świetna wtyczka Trzymaj pasek administratora na dole do tych celów. Sama wtyczka jest napisana bardzo prosto., tylko dwa fragmenty kodu.

Kod wtyczki Stick Admin Bar To Bottom:

/*
Plugin Name: Stick Admin Bar To Bottom
Description: Annoyed by the new Admin Bar that is covering the top 28 pixels of your website, but you don't want it completely gone? This plugin sticks the Admin Bar to the bottom of your screen!
Author: Coen Jacobs
Version: 1.2
Author URI: https://coenjacobs.me
*/
function stick_admin_bar_to_bottom_css() {
	$version = get_bloginfo( 'version' );

	if ( version_compare( $version, '3.3', '<' ) ) {
		$css_file = 'wordpress-3-1.css';
	} else {
		$css_file = 'wordpress-3-3.css';
	}
	wp_enqueue_style( 'stick-admin-bar-to-bottom', plugins_url( 'css/' . $css_file, __FILE__ ) );
}

add_action( 'admin_init', 'stick_admin_bar_to_bottom_css' );
add_action( 'wp_enqueue_scripts', 'stick_admin_bar_to_bottom_css' );

Plugin Name: Stick Admin Bar To Bottom

Description: Annoyed by the new Admin Bar that is covering the top 28 pixels of your website, but you don't want it completely gone? This plugin sticks the Admin Bar to the bottom of your screen!

Author: Coen Jacobs

Version: 1.2

Author URI: https://coenjacobs.me

function stick_admin_bar_to_bottom_css() {

$version = get_bloginfo( 'version' );

if ( version_compare( $version, '3.3', '<' ) ) {

$css_file = 'wordpress-3-1.css';

} else {

$css_file = 'wordpress-3-3.css';

}

wp_enqueue_style( 'stick-admin-bar-to-bottom', plugins_url( 'css/' . $css_file, __FILE__ ) );

}

add_action( 'admin_init', 'stick_admin_bar_to_bottom_css' );

add_action( 'wp_enqueue_scripts', 'stick_admin_bar_to_bottom_css' );

Kod stylu wordpress-3-3.css:

* html body {
    margin-top: 0 !important; 
}

body.admin-bar {
	margin-top: -28px;
	padding-bottom: 28px;
}

body.wp-admin #footer {
	padding-bottom: 28px;
}

#wpadminbar {
	top: auto !important;
	bottom: 0;
}

#wpadminbar .quicklinks .ab-sub-wrapper {
	bottom: 28px;
}

#wpadminbar .quicklinks .ab-sub-wrapper ul .ab-sub-wrapper {
	bottom: -7px;
}

* html body {

margin-top: 0 !important;

}

body.admin-bar {

margin-top: -28px;

padding-bottom: 28px;

}

body.wp-admin #footer {

padding-bottom: 28px;

}

#wpadminbar {

top: auto !important;

bottom: 0;

}

#wpadminbar .quicklinks .ab-sub-wrapper {

bottom: 28px;

}

#wpadminbar .quicklinks .ab-sub-wrapper ul .ab-sub-wrapper {

bottom: -7px;

}

Kod stylu wordpress-3-1.css:

* html body {
    margin-top: 0 !important; 
}

body.admin-bar {
	margin-top: -28px;
	padding-bottom: 28px;
}

body.wp-admin #footer {
	padding-bottom: 28px;
}

#wpadminbar {
	top: auto !important;
	bottom: 0;
}

#wpadminbar .quicklinks .menupop ul {
	bottom: 28px;
}

* html body {

margin-top: 0 !important;

}

body.admin-bar {

margin-top: -28px;

padding-bottom: 28px;

}

body.wp-admin #footer {

padding-bottom: 28px;

}

#wpadminbar {

top: auto !important;

bottom: 0;

}

#wpadminbar .quicklinks .menupop ul {

bottom: 28px;

}

W samej wtyczce kod jest umieszczony w głównym pliku o nazwie stick-admin-bar-to-bottom.php, folder obok css a w nim style dla pasek administratora plik o nazwie wordpress-3-3.css i wordpress-3-1.css.

Wyłożony wyłącznie dla mnie i dla Ciebie jako przykład implementacji takiego kodu. Możesz bezpiecznie korzystać z samej wtyczki.

Usługi korepetycji online. Lista kursów, które prowadzę

Podstawowy kurs projektowania stron internetowych;
Układ stron;
Ogólny kurs CMS WordPress oraz kontynuacja kursu dotyczącego tworzenia szablonów;
Tworzenie stron internetowych w PHP.

Czytaj więcej na stronie Nauczyciel WordPressa