50 Most Wanted Mystique Modyfikacje tematyczne, Hacks - wersja 2.4.3

Tutaj w tym artykule został udostępniony 50 różnych sposobów modyfikowania Mystique WordPress. Dostosuj Mystique korzystania z tej instrukcji.

A+ A-

Aktualizacja:

Ten poradnik został napisany dla tematu Mystique WordPress do 2.4.3, a od wersji 3.0: kod motywy zmieniają się tak bardzo, że te ćwiczenia nie działają. Dla nowych modyfikacji, hacki przeczytać ten artykuł, Jak zmodyfikować Mystique 3.0+ WordPress Theme .

Mystique jest wolna WordPress że próby do góry szablony handlowych pod względem wzornictwa i funkcjonalności. W naszych wcześniejszych artykułach, pokazaliśmy sposób dla użytkowników, aby dodać do paska ikon społecznych Mystique Nav . W tym artykule, będziemy dzielić się z wami drogę, którą można modyfikować różne pola w Mystique. Dostosuj każdego i każdą część Mystique WordPress przy użyciu tej instrukcji.

Jeśli nie chcesz edytować kod, a następnie pobrać Modified Mystique - MystiqueRevised .

Użytkownik kod CSS:

Uwaga: Dodaj następujący kod w obszarze Wygląd -> ustawienia Mystique -> CSS użytkownika.

1. Regulacja położenia Site Title / logotypów

/*** LOGO/Site_Title and Navbar***/
#site-title {padding:35px 0 10px 0;}

Gdzie 35px jest przestrzeń nad tytule strony i 10px jest przestrzeń pod tytułem serwisu lub logotypów.

2. Dostosuj stronę Szerokość

Z jakiegoś powodu chcesz zmienić domyślne 960 (sieciowi) szerokość strony do niestandardowej szerokości następnie wykonaj następujące kroki: najpierw pod Appearance -> Ustawienia Mystique -> Projekt -> Wybierz płynu (100%) / opcję Niestandardowe, a następnie dodaj następujący kod w CSS użytkownika.

/* Page Width */
body.fluid .page-content{
 max-width: 1060px;
}

Zmiana wartości odpowiednio 1060 i jeśli chcesz zmienić rozmiar paska bocznego, a następnie Design -> Użyj kolumna rozmiarach opcję.

3. ustawić niestandardowy Prezentowany wpis szerokość i wysokość

Jeżeli dostosowanie szerokości strony innego niż 960 (System Grid) to trzeba wyregulować Prezentowany wpis szerokość. Można również dostosować funkcjonalny wysokość Post używając Poniższy fragment kodu. Zmiana wartości 174, 1060 W związku z powyższym.

/* Custom featured page width and height*/
#featured-content .slide-container, #featured-content ul.slides li.slide{ height:174px;
width:1060px;
}

4. Ukryj Tagline ze strony internetowej

Jeśli chcesz ukryć tagline od głównej ale powinno być wyświetlanie na stronie przeglądarki i tak dalej.

/* Hide tag line from homepage */
#header .headline{ display: none; !important}

5. Zmiana koloru Tytuł strony

/* Change Site title color */
#site-title #logo a{
color:#FFFFFF;
}

Domyślnym kolorem jest biały. Zmień wartość FFFFFF jeśli chcesz inny kolor.

6. Zmiana strony Tag Kolor linii

/* Change Site tag line color */
#site-title p.headline{
color:#C2DC15;
}

Domyślnym kolorem jest zielony. Zmień wartość C2DC15 jeśli chcesz inny kolor.

Change Site Title Tag Line Color

7. Zmiana koloru aktywowania tytule bloga

/* The hover colour of blog title */
#site-title #logo a:hover{color:#ed1e24;}

Domyślnym kolorem jest czerwony. Zmień wartość ed1e24 jeśli chcesz inny kolor.

8. Dołącz pasek nawigacyjny z głównej strony korporacyjnej

Join Navigation Bar with Main Content

/* Join navigation with main content */
.header-wrapper .shadow-right{padding-bottom:0;}

9. Czarny Nawigacja Style

/* Black navigation */
ul.navigation{background-position:left -464px;background-color:#000;}

ul.navigation li{background-position:right bottom;}

ul.navigation li a{text-shadow:none;color:#b3b3b3;}

ul.navigation li.active a, ul.navigation li.current_page_item a,ul.navigation li.current_page_parent a,ul.navigation li.current_page_ancestor a, ul.navigation li.current-cat a,ul.navigation li.current-cat-parent a,ul.navigation li.current-cat-ancestor a{background-position:left -164px;color:#fff;}

ul.navigation li a:hover,ul.navigation li:hover a,ul.navigation li a.fadeThis span.hover{background-color:rgba(255,255,255,0.1);}

ul.navigation li:hover li a{background-color:transparent;}

ul.navigation li li a:hover,ul.navigation li li a.fadeThis span.hover{background-color:#ed1e24 !important;}

ul.navigation li.active a span.pointer, ul.navigation li.current_page_item a span.pointer,ul.navigation li.current_page_parent a span.pointer,ul.navigation li.current_page_ancestor a span.pointer, ul.navigation li.current-cat a span.pointer,ul.navigation li.current-cat-parent a span.pointer,ul.navigation li.current-cat-ancestor a span.pointer
{background-position:center bottom;}

ul.navigation ul{background-color:rgba(0,0,0,0.66);border-color:#000;}

ul.navigation li.active ul, ul.navigation li.current_page_item ul,ul.navigation li.current_page_parent ul,ul.navigation li.current_page_ancestor ul, ul.navigation li.current-cat ul,ul.navigation li.current-cat-parent ul,ul.navigation li.current-cat-ancestor ul
{background-color:#656565;border-color:#656565;}

ul.navigation ul ul{border-top:1px solid rgba(255,255,255,0.5);}

Niestandardowe kolory na pasku nawigacji

Custom Colors for the Navigation Bar

/* Custom colors for the navigation bar */
ul.navigation li a:hover,ul.navigation li:hover a{background-color:#fc0;}
ul.navigation li.active a:hover, ul#navigation li.active:hover a{ background-color:#a6c61c;}

ul.navigation li.active a span.pointer, ul.navigation li.current_page_item a span.pointer, ul.navigation li.current_page_parent a span.pointer, ul.navigation li.current_page_ancestor a span.pointer{ display: none; }

ul.navigation li a.fadeThis span.hover{ background-color: #fc0; }

ul.navigation li.active a, ul.navigation li.current_page_item a, ul.navigation li.current_page_parent a, ul.navigation li.current_page_ancestor a{ background:#a6c61c; color:#fff; text-shadow:rgba(0,0,0,0.5) 1px 1px 1px; }

ul.navigation{ background:#c4db63 url(/ges/nav.png) repeat-x left top; }
ul.navigation li a{ text-shadow:rgba(0,0,0,0.5) 1px 1px 1px; color: #fff; }<strong></strong>

10. Zmniejszenie Site Tytuł Rozmiar tekstu

Aby zmniejszyć rozmiar tekstu tytułowej stronie użytku następujący kod. Dostosowania wartości 300 odpowiednio.

/* Decrease site title text size */
#site-title #logo{font-size:300%;}

11. Zmiana Wielkość nagłówka

Change Size of Header

/* Change font size of header */
h1.title{font-weight: bold;font-size: 180%;margin:0 0 .2em 0;padding:.2em 0 0 0;text-shadow: #fff 1px 1px 1px;}

Regulacja wartości 180 odpowiednio.

12. Włącz Widget Tytuły na małe litery

W Mystique wszystkich Widget tytuły są wielkimi literami. Aby zmienić tą użyć poniższy kod.

/* turn widget titles to lower case */
.block h3.title{text-transform:none;}

13. Granica na każde stanowisko

Border for each post

/*border for each post */
.post{
    border:2px solid;
    margin:0 0 40px;
    padding:15px;
    text-align:justify;
}

14. zmienić domyślny rozmiar czcionki tekstu Wewnątrz Post

/* Custom font size inside post */
div.post-content{ font-size: 120%; }

15. Zmień czarnym tle:

W Mystique , domyślne tło jest czarne można go zmienić na inny. Tutaj daliśmy niebieski jako przykład.

/* Change black background */
body{background-color:blue;}

16. Zmień kolor tła z górnych i dolnych Kolor:

/* Change background colour with upper and lower colour */

body{
   background-color: white;
}

#page{
   background: #000; /* for non-css3 browsers or Opera */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#CCCCCC'); /* for IE 6 & 7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#CCCCCC')"; /* for IE 8 */
   background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0))); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #000, rgba(0,0,0,0));} /* For gecko FF3+ */
}

17. Kontrole Stała strona

Aby zwiększyć lub zmniejszyć rozmiar tekstu przycisk sterujący (Page przycisku sterującego) w prawym górnym rogu na stałe pozostać widoczne zamiast myszą Dodaj następujący kod. Niektórzy ludzie chcą to wspaniała cecha być bardzo widoczne, a nie jak to jest ukryte.

/*Permanent Page Controls */
#pageControls a{ display: block !important; }

Permanent Page Controls

18. Usunąć Page Kontrole na stałe

/* Remove page controls */
#pageControls{
    height:100px;
    position:absolute;
    right:0;
    top:0;
    width:0;
    z-index:4;

Obrazek 19. Alternatywny Header

Aby użyć następującego nagłówka obrazu dodać pod obrazem danego kodu.

Alternate Header Image

/* Alternate header image */
#page{background-image:url(/uploads/other-domain/wp-content/themes/mystique/images/_alt/header2.jpg);}

Wymień localhost przez URL witryny.

20. Przenieś w górę kanału RSS i Twitter przyciski

Domyślnie okazało Twitter i RSS przyciski są ukryte przez pasku nawigacyjnym i są trudne do zobaczenia i nie są łatwo dostępne dla czytelników, aby przenieść je na łatwość obsługi.

/* Move up Twitter and RSS buttons */
#header a.nav-extra{
   height:64px;
}

#header p.nav-extra{
   top:-60px;
}

Move Up the RSS Feed and Twitter Buttons

21. Ukryj Przycisk RSS w pasku nawigacji

/* Hide RSS button */
#header a.rss{display:none;}

22. Ukryj Twitter Przycisk w pasku nawigacji

/* Hide Twitter button */
#header a.twitter{display:none;}

23. Ukryj post Pasek informacji

Na stronie głównej, jeśli chcesz ukryć pocztowy informacje, takie jak data, Zamieścił, kategoria, komentarz następnie użyć następującego kodu.

/* Hide post information bar */
.post-date, .post-info{display:none;}

24. Zawsze pokazuj "Odpowiedz | CYTAT | EDIT "w komentarzach

Domyślnie "Odpowiedz | CYTAT | EDIT "pojawi się po najechaniu myszką nad nimi. Aby wyświetlić je na stałe użyć poniższy kod.

/* Always show “REPLY | QUOTE | EDIT” in comments */
#comments .controls{
   opacity : 1 !important;
   position: absolute;
   display: block !important;
   top: -3px !important;
}

Always show REPLY | QUOTE | EDIT in comments

25. Zmiana stopki Kolor tła do jasnoszary

Change Footer Background Color to Light Gray

/* Change footer background color to light gray */
#footer{background:#ddd;}
#footer-blocks .leftFade,#footer-blocks .rightFade{background-image:none;}

Jeśli chcesz inny kolor, a następnie zmienić wartość #ddd używamy wartość #eeeeee.

26. Zmiana stopki Kolor tła do ciemnoszarego

/* Dark background footer */
#footer{background:#666;color:#ddd;}
#footer a{color:#fff;}
#footer-blocks .leftFade,#footer-blocks .rightFade{background-image:none;}

Change Footer Background Color to Dark Gray

27. Get przesłanego tle, aby powtórzyć

Jeśli dodany niestandardowy obraz tła i chcesz to powtórzyć, a następnie użyć następującego kodu.

body{background-repeat: repeat;}

(Lub repeat-x, powtórz-y)

28. Ustawić Odstęp między linii i akapitu dodawane są

/* Adjust space between line and paragraphs */
.post-content p{
   margin: 0 0 1.2em 0;
   line-height: 150%;
}

Pierwszy obiekt: Odstępy między akapitami (góra / prawo / dół / lewo).
Druga właściwość: Odstępy między wierszami. Regulacja wartości odpowiednio.

29. Zmniejszenie lukę pomiędzy Widgets

Niektórzy ludzie nie lubią dużej różnicy pomiędzy okienkami. Więc tutaj jest kod, aby wyregulować szczelinę.

/* Decrease space between Widgets */
li.block{list-style-type:none;padding:0;margin:0;}
li.block, .arbitrary-block{margin:1em 0 1.2em;position:relative;}

Dostosuj wartość 1,2 odpowiednio.

Decrease the Gap between Widgets

30. Ukryj lub usuń stronie tytułowej

Jeśli chcesz ukryć lub usunąć tytuł wpisu na jednej stronie postu następnie dodaj następujący kod.

h1.title{font-size:0%;}

Hide or Remove the Page Title

31. Zmienić Wygląd tagów jak ATOM Temat / Framework

Modify Appearance of Tags

/* Modify appearance of tags */
.post-tags a{
 -moz-border-radius: 10px 10px 10px 10px;
 border: 1px solid #EEEEEE;
 color: #AAAAAA;
 margin-bottom: 2px;
 padding: 1px 5px 2px;
 text-decoration : none;
}

.post-tags a:hover{
 background : #666666;
 border: 1px solid #666666;
 padding: 1px 5px 2px;
 color : #ffffff;
 -moz-border-radius: 10px 10px 10px 10px;
 text-decoration : none;
}

32. Tytuły Turn Nawigacja na małe litery

W Mystique wszystkie tytuły nawigacji znajdują się w górnej części obudowy. Aby zmienić tą użyć poniższy kod.

ul.navigation li  a{text-transform:none !important; font-size:115%;}

Ponadto można ustawić rozmiar czcionki tytułów nawigacyjnych. Zmień wartość 115% odpowiednio.

Navigation Titles in Lowercase

33. Zmienić Wygląd Następny i Poprzedni Linki

Można modyfikować wygląd następnych i poprzednich linków tak będzie dobrze widoczne i atrakcyjne.

Modify Appearance of Next and Previous Links

/* Change Previous and Next Links */
.single-navigation a{
   border: 1px solid #EEEEEE;
   color: #d96109;
   margin-bottom: 2px;
   padding: 1px 5px 2px;
   text-decoration : none;
}

.single-navigation a:hover{
   background : #666666;
   border: 1px solid #666666;
   padding: 1px 5px 2px;
   color : #ffffff;
   text-decoration : none;
}

34. Usuń tagi

Użyj następującego kodu, aby ukryć tagi.

/* Hide Tags */
div .post-tags{
  display:none;
}

35. Ukryj post Pasek informacji

Dodaj następujący kod pocztowy, aby ukryć informacje poprzeczkę.

/* Hide post information bar */
.post-date, .post-info{display:none;}

36. Wyrównanie tekstu na Post i zawartości strony

Jeśli chcesz, aby uzasadnić zawartość strony tekstu i dodaj następujący kod:

/* Text-Justify post and page content */
.post-content{text-align:justify;}

37. Poprawiono niestandardowego obrazu tła

Aby rozwiązać niestandardowy dodatek obraz tła poniższy kod:

/* Fixed custom background image */
body{background-attachment:fixed;}

38. Zwiększ rozmiar wewnątrz strony

Można zwiększyć rozmiar czcionki stron za pomocą następującego kodu:

body p{
 font-size:15px;
}

Inne użyteczne fragment kodu dla Mystique

1. Umieść Opis Bezpośrednio pod tytułem Blog

Pod Appearance -> Spójrz w style.css znaleźć

#site-title p.headline{float:left;border-left:1px solid  #999;margin:0 0 0 1em;padding:.2em 0 .2em  .8em;font-weight:normal;font-size:140%;line-height:64px;letter-spacing:0.4em;}

Usuń: - border-left:1px solid #999;
Dodaj: - clear:left;
Zmiana - margin:0 0 0 0em;
Zmiana - line-height:44px;
Zmiana: - padding:.2em 0 .2em .1em;

Dostosuj numerów, jak chcesz.

2. Dodaj Favicon na swoim blogu / stronie:

Dla tych, którzy nie wiedzą, co jest Favicon " Favicon to mała ikona (image) wyświetlane na początku paska adresu przeglądarki. Jest również nazywany Ulubiony ikona, ikony i ikonę strony URL. "Większość ludzi korzysta z 16 * 16 pikseli favicon (można też użyć 32 * 32 pikseli) z" favicon formacie .ico ". Ale można też użyć GIF, PNG (formaty obrazu), jak również.

Główną zaletą tworzenia i używania favicon jest, to sprawia, że łatwo znaleźć na swoim blogu lub stronie, gdy ktoś lub ulubione zakładki witryny / blog spośród kilku innych miejscach.

Pod Appearance -> Spójrz w header.php online

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

i zmienić go w

<link rel="shortcut icon" href="Your Favicon File URL HERE" />

Nie zapomnij zastąpić, .ico oraz .gif adresów URL plików. Odwiedź www.iconj.com bezpłatnych 18000+ animowanych favicons, generator favicon ikon online, hosting i inne.

Favicon in Mystique Theme

3. Uzyskaj obrazów w poście, aby otworzyć w ulubionych, tak:

Lightbox Effect in Mystique Theme

Lightbox jest domyślna funkcja zawarte w Mystique . Lightbox otworzy żadnego związku, który kończy się w .jpg, .png lub .gif (będzie asume to obraz). Więc po prostu zrobić zdjęcia z linkami posty. na przykład. miniatury linkujące do obrazu w pełnym rozmiarze.

4. Aby umieścić link w górnym pasku nawigacyjnym, należy dodać następujący kod w obszarze Wygląd -> Ustawienia Mystique -> Zaawansowane> Funkcje użytkownika.

<?php 
  function mymenu() {  
     echo '<li><a href="Link to Your Menu" rel="nofollow">Menu Title</a></li>'; 
  }
  add_action('mystique_navigation', 'mymenu'); 
?>

Jest to przydatne, gdy chcesz umieścić link zewnętrzny w pasku nawigacyjnym. Change "link do menu" autorstwa linku i "Menu tytułu" autorstwa tytule.

5. Upewnij się przezroczyste tło

Pod Appearance -> Spójrz w style.css, znaleźć

/*** MAIN LAYOUT ***/
.shadow-left{background:url(/ges/shadow.png) no-repeat left bottom;}
.shadow-right{background:url(/ges/shadow.png) no-repeat right bottom;padding-bottom:0px;position:relative;}
#main{background:#fff url(/ges/main-right.jpg) no-repeat right top;}
#main-inside{background:transparent url(/ges/main-left.jpg) no-repeat left top;min-height:380px;}

i zmienić go w

/*** MAIN LAYOUT ***/
.shadow-left{background:url(/ges/shadow.png) no-repeat left bottom;}
.shadow-right{background:url(/ges/shadow.png) no-repeat right bottom;padding-bottom:0px;position:relative;}
#main{background:transparent;}
#main-inside{background:transparent;min-height:380px;}

6. Usuń przestrzeń pomiędzy górnym pasku nawigacyjnym i rzeczywista zawartość

Istnieje pewna przestrzeń pomiędzy górnym pasku nawigacyjnym i rzeczywistej zawartości. Jeśli chcesz usunąć tę przestrzeń lub można dołączyć do treści i pasku nawigacyjnym razem. Pod Appearance -> Spójrz w style.css, znaleźć

/*** MAIN LAYOUT ***/
.shadow-left{background:url(/ges/shadow.png) no-repeat left bottom;}
.shadow-right{background:url(/ges/shadow.png) no-repeat right bottom;padding-bottom:10px;position:relative;}

Zmień 10px 0px się, jeśli chcesz dołączyć do treści i pasku nawigacyjnym razem lub zmienić go odpowiednio.

Remove the Space between the Top Navigation Bar and the Actual Content

7. Innym sposobem, aby zmniejszyć rozmiar czcionki stanowisk tytule

Pod Appearance -> Spójrz w single.php online

<h1 class="title"><?php the_title(); ?></h1><?php endif; ?>

Zmień H1 do H2, H3, jak na swój wybór.

8. Innym sposobem, aby wyregulować pozycję strony Tytuł / Logo strony

Z wyglądu -> Editor -> Otwórz arkusza stylów (style.css), znajdują się:

/*** LOGO/Site_Title and Navbar***/
#site-title{padding:4em 0 3.7em 0;}

Regulując wartość 4em i 3.7em można dostosować pozycję nagłówka logo. 4 em jest przestrzeń nad tytułem miejscu i 3.7em jest odstęp między tytułem miejscu i pasku nawigacyjnym.

9. Inny sposób uzyskać więcej miejsca między wierszami

Z wyglądu -> Editor -> Otwórz arkusza stylów (style.css), znajdują się:

p{margin:.6em 0 .3em;line-height:150%;}

Przez wartość domyślna wynosi 150%. Można go zmienić na wyższą wartość, jak trzeba.

10. zawierać więcej tekstu w pasku Feature Content

Jeśli masz zwiększyć szerokość paska funkcji zawartości czym chcesz dołączyć więcej tekstu w pasku modyfikacji. Aby to zrobić potrzebujesz klienta FTP, a następnie pod wp-content -> Motywy -> Mystique -> Rozszerzenia -> biorące słupkach -> wyróżniona-posts.php, znajdują się:

echo '<div class="summary">'.mystique_strip_string(420, strip_tags(strip_shortcodes($featured_post['post_content']))).'</div>';

Zmień 420 do jednak wiele znaków, które chcesz mieć w swojej Prezentowany wpis.

11. Jak dodać "Go to top" przycisk

Istnieją dwa sposoby, aby dodać tę funkcję: Modyfikacja header.php i za pomocą wtyczek .

Modyfikacja nagłówka (header.php)

Pod WordPress Dashboard -> Wygląd -> Edytor -> header.php, poszukaj

< ?php wp_head(); ?>

Poniżej tej linii dodaj następujący kod:

&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;
a.go-top{display: none;position:fixed;right:10px;bottom:10px;cursor: pointer;z-index: 99;padding: 5px 10px;background: #eee;text-decoration: none;}a.go-top:hover{background: #333;color: #fff;}
&amp;lt;/style&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; &amp;gt;
jQuery().ready(function(){
     jQuery( window ).bind(&amp;quot;scroll&amp;quot;,function(){
       if(jQuery(window).scrollTop() &amp;gt; 170){
            jQuery(&amp;quot;.go-top&amp;quot;).show();
	}
       else
           jQuery(&amp;quot;.go-top&amp;quot;).hide();
     });
  });
  &amp;lt;/script&amp;gt;

Wtedy właśnie po dwie linie, czyli po

Dodaj następujący kod:

&amp;lt;a href=&amp;quot;#page&amp;quot; id=&amp;quot;goTop&amp;quot; class=&amp;quot;go-top&amp;quot;&amp;gt;Go to Top&amp;lt;/a&amp;gt;

Teraz, w swojej stronie widać "Przejdź do góry" przycisk, który pojawia się w prawym dolnym rogu ekranu, która pozwala użytkownikowi na płynne przewijanie w górę.

Screenshot of Go to Top Button

Kliknij, aby zobaczyć pełny obraz

Wystarczy przejść się trochę, a zobaczysz przycisk "Przejdź do góry" pojawiające się na dole strony.

Używanie wtyczek

Jeśli chcesz dodać "Go to top" przycisk bez modyfikowania plików szablonów następnie spróbuj jeden z następujących wtyczki.

1) Przejdź do góry Plugin

Przewiń do góry wtyczki doda przycisk, który unosi się w prawym dolnym rogu ekranu, które pozwalają użytkownikom na płynne przewijanie w górę swoją stronę. Pobierz i zainstaluj Przejdź do góry Plugin.

2) WP do początku

Wtyczka ta doda "z powrotem do góry" LINK automatycznie do swojego bloga. Pobierz i zainstaluj WP do góry.

3) Przejdź do góry

Dodaj "Idź do góry" link do swoich postów. Jest to WordPress wtyczki, która opiera się na jQuery, jQuery ułatwianie i Scroll to Top v3. Pobierz i zainstaluj go to top Plugin.

12. Jak dodać przycisk +1 Google na pasku nawigacyjnym Mystique

+1 Google Button in Mystique Navbar Jednym z najnowszych i wspaniałej innowacyjnej idei Google jest Google dla webmasterów +1 przycisk, który jest, aby Twoi goście lub przyjaciele Polecam artykuł dla lepszej widoczności w wyszukiwarkach. Ostatnio Google zmieniło swój algorytm, i podkreślił, na tym, co ludzie lubią i akcję.

Gorąco polecamy co blog / stronie internetowej właścicieli, aby dodać przycisk +1 Google na swoich stronach. Tutaj dzielimy sposób na dodanie przycisku +1 Google Mystique pasek nawigacji.

  1. Fragment kodu jest dostępny pod adresem: - http://www.google.com/webmasters/+1/button/
  2. Pod WordPress Dashboard -> Wygląd -> Editor. W kolumnie Szablony poszukaj "footer.php" pliku. W poszukiwaniu plików footer.php dla </body> tagiem i dodaj następujący kod przed tagiem ciała:
    &amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://apis.google.com/js/plusone.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;

    następnie

  3. Pod WordPress Dashboard -> Wygląd -> Ustawienia Mystique -> Zaawansowane. Przewiń w dół do funkcji użytkownika następnie dodaj następujący kod:
                    &amp;lt;?php  
                      add_action('mystique_navigation', 'googleplus');
                      function googleplus(){
                        echo '&amp;amp;nbsp &amp;amp;nbsp &amp;amp;nbsp &amp;amp;nbsp &amp;lt;g:plusone&amp;gt;&amp;lt;/g:plusone&amp;gt;';
                      }
                    ?&amp;gt;
                

To wszystko, co trzeba zrobić i +1 Google Przycisk pojawi się na swojej stronie / blogu.

Mamy nadzieję, że pomoże to długi i pomysłowy artykuł. Jeśli Ci się spodoba proszę retweet i podzielić się nim z przyjaciółmi na Facebook, Twitter, Google+.