Jak przenieść stronę na inną domenę?

Wielu użytkowników pyta mnie jak dobrze przenieść swojego WordPress’a. Nawet dla kolegów z branży jest to „nie lada gratka”. Rozwiązań tego problemu jest w internecie dziesiątki. Poprzez wszelakiego rodzaju wtyczki, które niestety niezbyt korzystnie wpływają na optymalizację WordPress’a – o tym jakie są przyczyny stosowania nadmiernej ilości wtyczek opiszę w kolejnym wpisie.

Jak przenieść stronę WordPress na inną domenę ?

Procedura przenosin jest prosta ja osobiście stosuję taki harmonogram prac:

  1. Kopia plików na starym hostingu,
  2. Kopia bazy na starym hostingu,
  3. Przeniesienie plików na nowy hosting,
  4. Wgranie bazy danych na nowy hosting,

Aby strona działała bez zarzutów należy zastosować się do poniższych rad:

Krok 1: Dodać 3 nowe zapytania do bazy danych. Krok po kroku wygląda to tak. Wchodzisz do phpMyAdmin.

Jak przenieść stronę na inną domenę?

1. Wybierasz odpowiednią bazę danych – na screenie powyżej jest to kolumna po lewej stronie.
2. Wchodzisz do zakładki SQL
3. Wpisujesz 3 poniższe zapytania, a następnie dajesz wykonaj – pamiętaj, aby podmienić http://www.starastrona.pl oraz http://www.nowastrona.pl

UPDATE wp_options SET option_value = replace(option_value, 'http://www.staradomena.pl', 'http://www.nowadomena.pl') WHERE option_name = 'home' OR option_name = 'siteurl';

UPDATE wp_posts SET guid = replace(guid, 'http://www.staradomena.pl','http://www.nowadomena.pl');

UPDATE wp_posts SET post_content = replace(post_content, 'http://www.staradomena.pl', 
'http://www.nowadomena.pl');

Po wykonaniu powyższych kroków Twoja strona powinna działać bez zarzutów, koniecznie napisz w komentarzu jak Tobie poszły przenosiny strony.

Metodologia BEM

Co to jest Metodologia BEM?

W przypadku mniejszych stron typu Landing Page sposób porządkowania stylów nie stanowi dużego problemu. Style nie są na tyle rozbudowane, aby zaburzyło to czytelność czy wydajność – chociaż i z takimi przypadkami się spotykałem np. stosowanie klas typu „niewiem” czy „dupa” – a jakie są wasze doświadczenia?

Jeśli jednak chodzi o większe, bardziej złożone projekty, sposób organizacji kodu jest kluczem do wydajności na co najmniej trzy sposoby: wpływa na to, ile czasu zajmuje napisanie kodu, ile tego kodu będzie trzeba napisać i ile będzie trzeba potrzeba czasu, aby kod został załadowany przez przeglądarkę.

Stosowanie ogólnie przyjętych norm staje się szczególnie ważne, gdy pracujesz z zespołami twórców tematów i gdy wymagana jest wysoka wydajność.

Istnieje wiele metodologii mających na celu zmniejszenie wielkości CSS, zorganizowanie współpracy między programistami czy utrzymanie dużych baz kodów CSS. Nie jest tajemnicą, że zdecydowanie najpopularniejszą z nich jest BEM (Block-Element-Modifier). Jest to oczywiste w przypadku dużych projektów, takich jak Facebook, AirBnB czy chociażby Booking, ale inne projekty również coraz częściej stają się częścią „Huge CSS”.

BEM, czyli Blok, Element i Modyfikator

Blok

Przykłady: header, menu, container, footer, sidebar etc.

Element

Przykłady: menu item, header title, list item etc.

Modyfikator

Przykłady: checked, fixed, active, disabled etc.

Code review – Przykłady

Poprawnie zakodowana struktura HTML powinna przyjąć następującą postać

HTML

<div class="footer">
	Footer
</div>
<button class="footer footer__widget--primary">
	Footer Widget Primary
</button>
<button class="footer footer__widget--secondary">
	Footer Widget Secondary
</button>
CSS

.footer{
     display: block;
     margin: 0 auto;
     width: 1200px;
}

.footer__widget--primary {
     color: #ffa
}

.footer__widget--secondary{
     color: #fab
}

Korzyści stosowania Metodologii BEM

  • style nie zależą do innych elementów na stronie, zatem nie ma problemów z kaskadowością,
  • prostsze utrzymanie kodu i ponowne użycie ich w innym projekcie, bo przecież ile razy przyszło Ci przejąć po kimś projekt? Dużo, prawda?
  • prostota – dzięki standaryzacji kod jest prostszy do zrozumienia

Krótka historia

Cześć, tu Grzesiek, Grześko, Gregory,

Miło mi Cię widzieć! Na wstępie chciałbym przekazać Ci kilka informacji o mnie, a następnie przybliżę Ci o czym będę pisał.

Słów kilka

A więc jestem niepoprawnym optymistą dążącym do wcześniej ustalonych celów. Ustalam je zwykle z początkiem roku i z sukcesem realizuje je zanim rok się skończy. Jednym z celów na 2019 rok jest właśnie Blog którego czytasz.

Nie będę mówił o swoich mocnych i słabych stronach, które moim zdaniem są wymiernym czynnikiem. Natomiast jestem przekonany, że z czasem, podczas gdy blog będzie się rozwijał będziesz mógł wysnuć pewien obraz mojej osoby.

Natomiast cenniejsze jest przelanie informacji dot. zdobytej wiedzy i doświadczenia, które towarzyszy mi w całej ścieżce rozwoju.

Jestem Junior Front-End Developerem, myślę że spokojnie miano tego określenia mogę przyjąć podczas opisu.

Droga, która musiałem przejść była długa i kręta – dla niektórych pewnie krótsza, dla długich zaś dłuższa. Sam określam ją za długą, ponieważ jestem samoukiem i drogę ktorą podejmowałem nie do końca należała do tych poprawnym.

Nie mniej jednak pozwoliło mi to poznać niesamowite możliwości jakie daje nam WordPress, język programowania PHP oraz poznałem tajniki Marketingu w internecie.

Programować zacząłem w dość młodym wieku, bo w wieku 15 lat kiedy internet to była nowość, przynajmniej dla nastolatka w wieku 15 lat 😉 Moja przygoda rozpoczęła się na zajęciach dodatkowych z informatyki, kiedy to stworzyłem swój pierwszy program. Nie uwierzycie nie był to „Hello World”. To był kalkulator, który wykonywał za podstawowe operacje.

Dla kolegów, którzy trochę w programowaniu siedzą nie będzie zdziwieniem za pomocą jakiego języka ten program powstał – Turbo Pascal ;-). Niestety język nie posiadał zbyt przyjaznej struktury, która umożliwiłaby sprawne poruszanie się, co spowodowało, że programowanie odpuściłem.

Awans do klasy wyższej zmotywował mnie do rozpoczęcia jeszcze raz, choć nieco w innym kierunku. Nauczył mnie pisać strony WWW za pomocą języka HTML i jego kaskadowych arkuszy stylów CSS. To było to!

Następnie osiągnąłem ten „wiek” w życiu nastolatka, kiedy trzeba było stanąć przed wyborem szkoły średniej. Mój wybór padł na Technikum Informatyczne i takie też ukończyłem. Poznałem tam pewnego nauczyciela, który jako jeden z nielicznych był praktykiem w swoim zawodzie i to właśnie mu zawdzięczam naukę WordPress’a – początkowo instalując kolejne wtyczki i motywy, aż później zacząłem pisać własne. Potrzebujesz pomocy przy swoim blogu, bądź stronie opartej o ten CMS? Odezwij się w komentarzu.

Droga przez te 4 lata jedynie uzupełniła moją wiedzę w zakresie tworzenia stron i sklepów internetowych. Pozyskałem pierwszych klientów i tak właśnie rozpoczął się mój świat we Front End’zie z zajawką na WordPress’a.

Po zdobywaniu to kolejnych doświadczeń i wiedzy stanąłem przed wyborem uczelni wyższej oraz kierunku. Jak się pewnie domyślacie była to Informatyka, którą udało mi się skończyć. Warto dodać, że w tym okresie poznałem wielu wspaniałych ludzi, którzy mniej bądź więcej mi pomogli w całej tej wędrówce. Podjąłem pracę na stanowisku Webmastera gdzie byłem odpowiedzialny za tworzenie stron i sklepów dostosowanych pod trendy wtedy panujące (nie mówię, że dzisiaj nie), są to m.in RWD – dla nie wtajemniczonych Responsive Web Design i Flat Design.

A jak wygląda mój stack technologiczny dzisiaj? No cóż wiele rzeczy się zmieniło, wiele rzeczy sobie uświadomiłem, do jeszcze innych rzeczy dojrzałem. Technologie jakie mam opanowane w bardzo dobrym stopniu to HTML5, CSS3, Sass, GIT, PHP, WordPress, Gulp, Webpack. Ostatnio rozwijam się w kierunku Java Script w standardzie ES6 oraz Vue. Większą uwagę przykuwam do czystości i optymalizacji kodu co daje mi niecodzienną frajdę.

Póki co, tyle dla was przygotowałem, kolejny artykuł już za tydzień w czwartek. Zachęcam również do zostawienia śladu po sobie. Możecie zasugerować temat kolejnego artykułu, a może macie jakieś sugestie do mojego bloga? Podzielcie się tym!

Trzymajcie się ciepło! Cześć!