Cornerstone

Cornerstone: Przewodnik po Wtyczce i Integracji

Cornerstone to potężne narzędzie do budowy stron internetowych, którego wersja standalone umożliwia jego wykorzystanie z motywami innych producentów. Dzięki tej wtyczce użytkownicy mogą tworzyć zaawansowane i responsywne strony, korzystając jednocześnie z możliwości stylizacji i edycji zawartości.

Co to jest Cornerstone?

Cornerstone to zaawansowany edytor wizualny, który pozwala na tworzenie spersonalizowanych layoutów stron internetowych bez potrzeby posiadania umiejętności programistycznych. Umożliwia dodawanie różnych elementów, takich jak tekst, obrazy, przyciski, formularze, a także integrację z innymi wtyczkami i motywami. Dzięki temu Cornerstone stał się popularnym wyborem wśród webmasterów oraz twórców treści.

Jak pobrać i zainstalować wtyczkę Cornerstone

Pobieranie wtyczki

Aby pobrać plik instalacyjny wtyczki Cornerstone, zaloguj się do swojego panelu Themeco i znajdź sekcję licencji w menu po lewej stronie. Kliknij przycisk „Pobierz”, aby ściągnąć plik ZIP wtyczki na swój komputer.

Instalacja wtyczki w WordPressie

1. Zaloguj się do panelu administracyjnego WordPress.
2. Wybierz opcję „Wtyczki” w lewym menu, a następnie kliknij „Dodaj nową”.
3. Kliknij „Prześlij wtyczkę” i wybierz pobrany wcześniej plik ZIP z Cornerstone.
4. Po zainstalowaniu kliknij „Aktywuj wtyczkę”.

Po aktywacji wtyczki w panelu administracyjnym WordPress pojawi się nowa zakładka „Cornerstone”, co umożliwia dostęp do wszystkich funkcji budowania strony.

Integracja Cornerstone z motywami innych producentów

Dla deweloperów motywów, którzy chcą zintegrować wtyczkę Cornerstone z własnym motywem, istnieje kilka kluczowych zasad, które warto wziąć pod uwagę.

Zasady integracji

Do’s:

• Twórz własne wtyczki z nowymi elementami Cornerstone, wykorzystując istniejące shortcode’y.
• Styling: Dodaj własne style do elementów Cornerstone. Możliwe jest również całkowite wyłączenie bazowego stylu.

Don’ts:

• Nie zmieniaj markup istniejących elementów i shortcode’ów, aby zachować przenośność danych.
• Nie modyfikuj interfejsu użytkownika, w tym nie wprowadzaj nowych kontrolerów czy funkcji.

Stosując się do dokumentowanych API, deweloperzy unikają wielu problemów, które mogą wyniknąć z nieprawidłowej integracji.

Jak zrealizować integrację

Aby zintegrować Cornerstone z własnym motywem, można użyć oferowanych przez Cornerstone funkcji i hooków. Użycie odpowiednich flag pozwala na ukrycie elementów związanych z Themeco, takich jak powiadomienia o walidacji czy oferty promocji.

Przykładowy kod do usunięcia powiadomień:

php
cornerstone_theme_integration( array(
'remove_global_validation_notice' => true,
'remove_themeco_offers' => true,
'remove_purchase_link' => true,
'remove_support_box' => true
) );

Dostosowywanie typów postów

Domyślnie Cornerstone jest aktywny dla postów i stron. Można wykorzystać funkcję cornerstone_set_default_post_types, aby zmodyfikować typy postów, które będą wykorzystywane z Cornerstone.

Przykładowa funkcja:

php
function my_theme_set_cornerstone_default_post_types() {
cornerstone_set_default_post_types( array( 'page' ) );
}
add_action( 'cornerstone_integrations', 'my_theme_set_cornerstone_default_post_types' );

To rozwiązanie umożliwia dostosowanie do własnych potrzeb.

Usuwanie stylów front-end

Jeśli planujesz stosować własne style, możesz również jednostkowo wyłączyć wczytywanie stylów generowanych przez Cornerstone na froncie:

php
add_filter( 'cornerstone_enqueue_styles', '__return_false' );

Właściwe zarządzanie stylami pozwala na lepsze dostosowanie wyglądu strony do własnych potrzeb.

Użycie klas integracyjnych

Używanie klas integracyjnych daje możliwość lepszej organizacji kodu. Umożliwia to także zachowanie kompatybilności z różnymi wtyczkami i motywami. Przykładowa klasa integracyjna:

“`php
class Cornerstone_Integration_My_Theme {
public static function stylesheet() {
return ‘my-theme’;
}

public function __construct() {
}

}
“`

Rejestracja integracji powinna następować w pliku functions.php, co umożliwia dostęp do głównych hooków WordPressa.

php
function my_theme_register_cornerstone_integration() {
require( 'path/to/class-my-theme-cornerstone-integration.php' );
cornerstone_register_integration( 'my-theme', 'Cornerstone_Integration_My_Theme' );
}
add_action( 'cornerstone_integrations', 'my_theme_register_cornerstone_integration' );

Integracja Cornerstone z wtyczkami

Deweloperzy wtyczek również mogą zintegrować Cornerstone. Kluczowe zasady pozostają podobne do tych w integracji z motywami.

Zasady integracji dla wtyczek

Do’s:

• Twórz nowe elementy Cornerstone.
• Twórz elementy, które opakowują twoje shortcode’y, aby mogły być wykorzystane w edytorze stron.

Don’ts:

• Nie zmieniaj struktury HTML istniejących elementów.
• Nie zmieniaj interfejsu użytkownika poprzez wprowadzanie nowych kontrolerów.

Funkcje związane z elementami umożliwiają rejestrację niestandardowych elementów. Przykładowe dodawanie własnych ikon:

php
function my_extension_icon_map( $icon_map ) {
$icon_map['my-extension'] = MY_EXTENSION_URL . '/assets/svg/icons.svg';
return $icon_map;
}
add_filter( 'cornerstone_icon_map', 'my_extension_icon_map' );

Podsumowanie

Cornerstone to solidne narzędzie, które może znacząco poprawić proces tworzenia stron internetowych. Jego możliwości integracji z motywami i wtyczkami sprawiają, że jest to wszechstronne rozwiązanie zarówno dla deweloperów, jak i użytkowników spersonalizowanych aplikacji internetowych. Dzięki zastosowaniu odpowiednich zasad i najlepszych praktyk, można w pełni wykorzystać potencjał Cornerstone, zapewniając jednocześnie elastyczność i kontrolę nad tworzonymi treściami.