{"id":234,"date":"2010-12-07T17:09:57","date_gmt":"2010-12-07T17:09:57","guid":{"rendered":"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/?p=234"},"modified":"2013-06-03T03:44:23","modified_gmt":"2013-06-03T01:44:23","slug":"234","status":"publish","type":"post","link":"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=234","title":{"rendered":"WordPress-Custom-Login nach Frank B\u00fcltge"},"content":{"rendered":"

Manchmal will man den WordPress-Look beim Login durch einen anderen Look (zum Beispiel den eines Kunden) ersetzen.<\/p>\n

\"\"<\/p>\n

Diese Methode eine L\u00f6sung, Frank B\u00fcltge hat sie geschrieben. Folgende Zeilen m\u00fcssen in die functions.php<\/code> des Themes:<\/p>\n

[php]\/\/ Custom-Login nach Frank Bueltge bueltge.de\/wordpress-27-login-design-anpassen\/846\/<\/a>
\n\/\/ modifiziert nach themeshaper.com\/forums\/topic\/bloginfotemplate_dire…<\/a>
\nfunction fb_custom_login() {
\n echo ‚<link rel="stylesheet" type="text\/css" href="‘ . get_bloginfo(’stylesheet_directory‘) . ‚\/custom-login\/custom-login.css" \/>‘;
\n}
\nadd_action(‚login_head‘, ‚fb_custom_login‘);[\/php]<\/p>\n

Der Script-Schnipsel tut nichts anderes, als die Login-Seite eine andere CSS beizugeben. Normalerweise wird die wp-admin>css>login.css<\/span> angesprochen; Frank B\u00fcltges Skript sagt WordPress jetzt, es solle stattdessen im Sylesheet-Ordner des Themes den Ordner „custom-login“ suchen und darin die custom-login.css<\/code> – die muss man nat\u00fcrlich anlegen. F\u00fcr G\/R Grafik und Redaktion sieht sie so aus:<\/p>\n

[css] html{
\n background-color:#fff;
\n}
\nbody{
\n padding-top: 30px;
\n font: 11px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
\n}
\nform{
\n margin:20px 0 20px 0;
\n margin-left: 8px;
\n padding: 16px 16px 40px 16px;
\n font-weight: normal;
\n background: #fff;
\n border-radius: 5px;
\n border:none;
\n -moz-box-shadow:none;
\n -webkit-box-shadow:none;
\n -khtml-box-shadow:none;
\n box-shadow:none;
\n\/*\u00a0\u00a0 \u00a0-moz-border-radius: 11px;
\n -khtml-border-radius: 11px;
\n -webkit-border-radius: 11px;
\n border: 1px solid #808080;
\n -moz-box-shadow: rgba(0,0,0,1) 0 4px 18px;
\n -webkit-box-shadow: rgba(0,0,0,1) 0 4px 18px;
\n -khtml-box-shadow: rgba(0,0,0,1) 0 4px 18px;
\n box-shadow: rgba(200,200,200,1) 0 4px 18px; *\/
\n}
\nform .forgetmenot{
\n font-weight: normal;
\n float: left;
\n margin-bottom: 0;
\n}
\n.button-primary{
\n color:#cc0000;
\n font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
\n padding: 3px 10px;
\n border: none;
\n font-size: 12px;
\n border-width: 1px;
\n border-style: solid;
\n -moz-border-radius: 11px;
\n -khtml-border-radius: 11px;
\n -webkit-border-radius: 11px;
\n border-radius: 11px;
\n cursor: pointer;
\n text-decoration: none;
\n margin-top: -3px;
\n}<\/p>\n

input.button-primary, button.button-primary, a.button-primary {
\nbackground: #000 repeat-x scroll left top;
\nborder:none;
\ncolor:#FFFFFF;
\nfont-weight:bold;
\ntext-shadow:none;
\n}<\/p>\n

input.button-primary:active, button.button-primary:active, a.button-primary:active {
\nbackground: black url(..\/images\/button-grad-active.png) repeat-x scroll left top;
\ncolor:#EAF2FA;
\n}<\/p>\n

.button:active, .submit input:active, .button-secondary:active {
\nbackground:url(..\/images\/white-grad-active.png) repeat-x scroll left top #EEEEEE;
\n}<\/p>\n

#login form p{
\n margin-bottom: 0;
\n}
\nlabel{
\n color: #777;
\n font-size: 13px;
\n}
\nlabel br:before{
\n content: "?";
\n}
\nform .forgetmenot label{
\n font-size: 11px;
\n line-height: 19px;
\n}
\nform .submit,.alignright{
\n float: right;
\n}
\nform p{
\n margin-bottom: 24px;
\n}
\nh1 a{
\n background: url(..\/images\/login-logo.png) no-repeat top center;
\n width: 326px;
\n height: 67px;
\n text-indent: -9999px;
\n overflow: hidden;
\n padding-bottom: 15px;
\n display: block;
\n}
\n.login #nav a, .login #nav a:hover {
\n color:#000!important;
\n text-decoration:none;
\n text-shadow:none
\n}
\n#backtoblog{
\n display:none
\n\/*\u00a0\u00a0 \u00a0position: absolute;
\n top: 0;
\n left: 0;
\n color:#ececec;
\n border-bottom: #080808 1px solid;
\n background: #3a3a3a;
\n background: -moz-linear-gradient(bottom,#3a3a3a,#080808);
\n background: -webkit-gradient(linear,left bottom,left top,from(#3a3a3a),to(#080808));
\n height: 30px;
\n width: 100%; *\/
\n}<\/p>\n

#backtoblog a{
\n color:#aaaaaa!important;
\n text-decoration: none;
\n display: block;
\n padding: 8px 0 0 15px;
\n}
\n#login{
\n width: 320px;
\n margin: 7em auto;
\n}
\n#login_error,.message{
\n margin: 0 0 16px 8px;
\n border-width: 1px;
\n border-style: solid;
\n padding: 12px;
\n -moz-border-radius: 3px;
\n -khtml-border-radius: 3px;
\n -webkit-border-radius: 3px;
\n border-radius: 3px;
\n}
\n#nav{
\n margin: 0 0 0 8px;
\n padding: 16px;
\n}
\n#user_pass,#user_login,#user_email{
\n font-size: 24px;
\n width: 97%;
\n padding: 3px;
\n margin-top: 2px;
\n margin-right: 6px;
\n margin-bottom: 16px;
\n border: 1px solid #e5e5e5;
\n background: #fbfbfb;
\n}
\ninput{
\n color: #555;
\n}
\n.clear{
\n clear: both;
\n}
\ninput.button-primary:hover,button.button-primary:hover,a.button-primary:hover,a.button-primary:focus,a.button-primary:active{
\n background: black url(..\/images\/button-grad-rot.png) repeat-x scroll left top;
\n border-color: red;
\n color: white;
\n}[\/css]<\/p>\n","protected":false},"excerpt":{"rendered":"

Manchmal will man den WordPress-Look beim Login durch einen anderen Look (zum Beispiel den eines Kunden) ersetzen. Diese Methode eine L\u00f6sung, Frank B\u00fcltge hat sie geschrieben. Folgende Zeilen m\u00fcssen in die functions.php des Themes: [php]\/\/ Custom-Login nach Frank Bueltge bueltge.de\/wordpress-27-login-design-anpassen\/846\/ \/\/ modifiziert nach themeshaper.com\/forums\/topic\/bloginfotemplate_dire…<\/a> function fb_custom_login() { echo ‚<link rel="stylesheet" type="text\/css" href="‘ . get_bloginfo(’stylesheet_directory‘) . […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[17],"class_list":["post-234","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-functions-php"],"_links":{"self":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=234"}],"version-history":[{"count":5,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/234\/revisions"}],"predecessor-version":[{"id":3336,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/234\/revisions\/3336"}],"wp:attachment":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}