{"id":15010,"date":"2018-07-18T14:53:47","date_gmt":"2018-07-18T12:53:47","guid":{"rendered":"http:\/\/www.numlock.edu.pl\/blog\/?p=15010"},"modified":"2019-11-30T14:12:22","modified_gmt":"2019-11-30T13:12:22","slug":"elementor-wiecej-o-sekcjach","status":"publish","type":"post","link":"http:\/\/www.numlock.edu.pl\/blog\/2018\/07\/18\/elementor-wiecej-o-sekcjach\/","title":{"rendered":"Elementor – wi\u0119cej o sekcjach"},"content":{"rendered":"

Ods\u0142ony: 461<\/p>\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t

\u00a0 W poprzednim wpisie powiedzieli\u015bmy bardziej systematycznie o wstawianiu sekcji, jedna po drugiej, i o przesuwaniu ich w pionie za pomoc\u0105 myszy. Teraz pomanipulujemy nieco sekcjami i kolumnami.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t

Cykl o Elementorze<\/strong><\/span><\/p>

  1. Elementor – jak zacz\u0105\u0107<\/a><\/li>
  2. Elementor – sekcje to podstawa<\/a><\/li>
  3. Elementor – wi\u0119cej o sekcjach<\/li>
  4. Elementor – edycja blok\u00f3w<\/a><\/li>
  5. Elementor – wid\u017cet tekstowy<\/a><\/li>
  6. Elementor – wid\u017cet Obraz<\/a><\/li>
  7. Elementor – inne wid\u017cety dla grafiki (1)<\/a><\/li>
  8. …<\/li><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    Gdy przesuniesz wska\u017anik myszy nad niebieski pasek z narz\u0119dziami i w menu podr\u0119cznym klikniesz\u00a0Duplikuj<\/strong>, sekcja (zawieraj\u0105ca tekst czy grafik\u0119) zostanie powielona pod spodem. Ilustracja pokazuje t\u0119 sytuacj\u0119. Gdy sekcja ma kilka kolumn, powielana jest ca\u0142a struktura.<\/p>

    Polecenie\u00a0Duplikuj<\/strong> jest te\u017c dost\u0119pne w menu podr\u0119cznym po klikni\u0119ciu prawym przyciskiem myszy nad sekcj\u0105. Dzia\u0142a tak\u017ce skr\u00f3t klawiaturowy Ctrl+D<\/strong>.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    Gdy sekcja ma wi\u0119cej ni\u017c jedn\u0105 kolumn\u0119, klikni\u0119cie prawym przyciskiem ma\u0142ego, czarnego przycisku menu nad kolumn\u0105, a nast\u0119pnie wybranie polecenia\u00a0Duplikuj <\/strong>powoduje powielenie tej kolumny obok, w poziomie. Gdy to samo polecenie wybierzemy w menu podr\u0119cznym po naci\u015bni\u0119ciu przycisku nad kolumn\u0105, zostanie ona powielona w pionie, w ramach tej samej sekcji.<\/p>

    Polecenie\u00a0Add New Column<\/strong> powoduje dodanie obok nowej, pustej kolumny.<\/p>

    Polecenie\u00a0Usu\u0144<\/strong> powoduje, zale\u017cnie od miejsca wybrania polecenia, ca\u0142ej sekcji lub tylko wskazanej kolumny.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    Gdy sekcja ma wi\u0119cej ni\u017c jedn\u0105 kolumn\u0119, mo\u017cesz uchwyci\u0107 mysz\u0105 kropkowan\u0105 lini\u0119 mi\u0119dzy kolumnami i przesun\u0105\u0107 w lewo lub w prawo, zmieniaj\u0105c proporcje kolumn. Podczas przesuwania widoczne s\u0105 male\u0144kie okienka informacyjne pokazuj\u0105ce, jaki procent ca\u0142ej sekcji maj\u0105 w danym momencie regulowane kolumny.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    Mo\u017cesz zamieni\u0107 miejscami dwie s\u0105siaduj\u0105ce kolumny. Wystarczy chwyci\u0107 mysz\u0105 czarny przycisk menu nad lewym g\u00f3rnym rogiem kolumny i przeci\u0105gn\u0105\u0107 za s\u0105siaduj\u0105c\u0105 kolumn\u0119. Mo\u017cna zastosowa\u0107 t\u0119 technik\u0119 np. do zamiany miejscami kolumny z tekstem i i ilustracj\u0105.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    S\u0105siaduj\u0105ce w poziomie kolumny tekstu i grafiki mo\u017cna rozmie\u015bci\u0107 w pionie. Trzeba chwyci\u0107 mysz\u0105 grafik\u0119 i przeci\u0105gn\u0105\u0107 na kolumn\u0119 z tekstem, a gdy nad lub pod tekstem uka\u017ce si\u0119 niebieski pasek, upu\u015bci\u0107 j\u0105. Na ilustracji wida\u0107 moment przeci\u0105gania grafiki pod kolumn\u0119 z tekstem.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    Mo\u017cesz wreszcie skorzysta\u0107 z tradycyjnego kopiowania i wklejania ca\u0142ej sekcji lub wybranej kolumny – skr\u00f3ty klawiaturowe\u00a0Ctrl+C<\/strong> i\u00a0Ctrl+V<\/strong>. Przydaje si\u0119 to zw\u0142aszcza wtedy, gdy utworzymy sekcj\u0119 z bardziej skomplikowan\u0105 zawarto\u015bci\u0105 (np. ozdobny \u015br\u00f3dtytu\u0142 z ikon\u0105) – jednym skr\u00f3tem mo\u017cna skopiowa\u0107 sekcj\u0119 w inne miejsce.<\/p>

    Polecam po\u0107wiczenie i nabranie wprawy w manipulowaniu sekcjami i ich fragmentami. Pomaga to w pracy, przyspieszaj\u0105c j\u0105 i u\u0142atwiaj\u0105c. Pami\u0119taj przy okazji, \u017ce dzia\u0142a (cho\u0107 czasem chimerycznie) skr\u00f3t klawiaturowy\u00a0Ctrl+Z<\/strong>, za pomoc\u0105 kt\u00f3rej mo\u017cna cofn\u0105\u0107 jedn\u0105 czy kilka kolejnych operacji. Mo\u017cesz tak\u017ce klika\u0107 pozycje na wy\u015bwietlaj\u0105cej si\u0119 wtedy historii dzia\u0142a\u0144 w edytorze.<\/p>

    No i nie zapominaj o zapisywaniu szkicu tworzonej strony – kliknij gdzie\u015b w jej obszarze i naci\u015bnij\u00a0Ctrl+S<\/strong>. Gdy ca\u0142o\u015b\u0107 b\u0119dzie gotowa, opublikuj j\u0105.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

    Ods\u0142ony: 461 \u00a0 W poprzednim wpisie powiedzieli\u015bmy bardziej systematycznie o wstawianiu sekcji, jedna po drugiej, i o przesuwaniu ich w pionie za pomoc\u0105 myszy. Teraz pomanipulujemy nieco sekcjami i kolumnami. Cykl o Elementorze Elementor – jak zacz\u0105\u0107 Elementor – sekcje to podstawa Elementor – wi\u0119cej o sekcjach Elementor – edycja …<\/p>\n","protected":false},"author":1,"featured_media":15012,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[79,78],"tags":[215,214,63],"_links":{"self":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/15010"}],"collection":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/comments?post=15010"}],"version-history":[{"count":31,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/15010\/revisions"}],"predecessor-version":[{"id":15953,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/15010\/revisions\/15953"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/media\/15012"}],"wp:attachment":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/media?parent=15010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/categories?post=15010"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/tags?post=15010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}