WordPress

Categories: Web, WWW

Redakční systém pro servery a blogovací nástroj. Shromáždil jsem pár poznámek a poznatků okolo redakčního systému WordPress. Týká se to spíš drobných vylepšení a úprav výhradně verze 5.5.

Obsah:

  1. Pluginy
    1. Contact Form 7
    2. File Upload Types
    3. Sort posts by alphabetical order
    4. Velvet Blues Update URLs
    5. WP-Optimize
    6. Rank Math SEO
  2. Šablony
    1. Zakra
    2. SMNTCS Retro
    3. ColorMag
  3. Problémy se zdrojáky
  4. Migrace webu na jinou doménu

Pluginy

Jestliže WordPressu chybí nějaká vlastnost, velmi pravděpodobně ji lze pluginem doplnit. Stačí se podívat na výběr různých typů z repozitáře. V základu již WordPress obsahuje pár základních pluginů jako: Akismet Anti-Spam, BBQ, WP Limit Login Attempts. Nedoporučuji zahltit systém mnoha pluginy a doporučuji nechat si pouze ověřené a potřebné.

Zajímavé pluginy jsou:

Contact Form 7

Plugin pro vytvoření kontaktního formuláře, ocenil jsem jednoduchost a rychlost provedení. Funguje na verzi 5.5.

File Upload Types

Skvělý modul pro povolení nahrávání veškerých typů souborů. Funguje na verzi 5.5.

Sort posts by alphabetical order

Je dlouho hledaný plugin pro řazení článků dle abecedy. Stačí jej nainstalovat a aktivovat. Bohužel nefunguje na štítky. Funguje na verzi 5.5.

Velvet Blues Update URLs

Nahrazuje původní URL adresy za nové, hodí se výborně na přesun webu na jinou doménu anebo při změnách URL, týká se:

  • Článků
  • Odkazů
  • Výňatky
  • Přílohy
  • Vlastní pole a meta
  • GUID

WP-Optimize

Optimalizuje WordPress data typu:

  • Databáze
  • Obrázky
  • Verze příspěvků
  • Koš
  • A jiné…

Rank Math SEO

Celkem zajímavý program pro nastavení SEO a spolupráci s Google Search Console, do které se připojí po vyžádání přístupu a dále se postará o dohledatelnost ve vyhledávačích.

Šablony

Z četného výběru šablon je velmi obtížné najít si tu správnou. Většina šablon je si dost podobná a také obsahují vesměs stejnou konfiguraci webu. Najít šablonu, která dá webu šmrnc dá zabrat. Má kritéria jsou: jednoduchost, přehlednost a rychlost. I když jsem našel šablonu odpovídající nejvíce mým potřebám, stejně si ji ještě upravím pomocí CSS. Nedoporučuji mít zainstalováno velké množství šablon, systém by měl obsahovat výchozí šablonu Twenty Twenty a pak jen aktivní. Níže zmíněné fungují na verzi 5.5.

Zakra

Velmi přizpůsobivá a elegantní šablona. Do 8/2020 byla aktivní šablona webu. Přestože se mi líbila, byla moc složitá a přešel jsem na SMNTCS Retro.

Zakra

Můj CSS zápis:

html {scroll-behavior: smooth;}
pre.wp-block-preformatted {overflow:auto;background:#002343;color:lime;white-space:pre;}
aside#secondary {font-size:80%;}
*:target {color:red;}
article.post, *.entry-content {margin-bottom:2px; padding-bottom:2px;}
article.post h2.entry-title {margin-bottom:0px; padding-bottom:0px;font-size:26px;}
article.post .entry-content p {line-height:22px}
nav.navigation {background: #efefef;}
div.tg-site-header-bottom {margin-top: 0px; margin-bottom:0px;padding-top:0; padding-bottom:0;}
li.cat-item {margin:0; padding:0;line-height:16px;}
.entry-title {margin: 10px auto; auto;}
.entry-content ul.children li:first-child, #primary ul li:first-child {margin-top:10px; padding-top:0}
h2.entry-title a {display:block;font-size:90%;font-weight:600;text-decoration:underline;padding: 2px;}
.widget h2.widget-title {margin:5px auto; font-weight:600;}
.entry-meta {margin: 0px auto; font-size:75%;}
ul.wp-block-latest-posts__list li, ul.wp-block-categories-list li.cat-item, ul li {line-height:22px;margin-bottom:10px;}
a[href^="#"] {color: #001d52;text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {clear:both;}
h1 {font-weight:700;margin-top:80px; margin-bottom:40px; font-style:normal;}
h2 {font-weight:600;margin-top:60px; margin-bottom:30px;}
h3 {font-weight:500;margin-top:50px; margin-bottom:25px;}
h4 {margin-top:40px; margin-bottom:20px;}
h5 {margin-top:30px; margin-bottom:15px;}
h6 {margin-top:25px; margin-bottom:12px;}
hr {margin-top:40px; margin-bottom:40px;clear:both;}
a.tg-scroll-to-top {color: white;}
a.wp-block-button__link {margin:0px; padding:5px;color:#0043ff; border: 2px groove grey;}
div.wp-block-buttons * {color:white;}
.cistic {clear:both;}
div.entry-content h1 {border-bottom:1px solid grey;}
primary ul {list-style-image:url('/moje/li1.png');}
primary ul ul {list-style-image:url('/moje/li2.png');}
primary ul ul ul {list-style-image:url('/moje/li3.png');}
primary ul ul ul ul {list-style-image:url('/moje/li4.png');}
div.nav-links {font-size:80%;}

SMNTCS Retro

Velice zajímavá a jednoduchá šablona s tmavým základem. Aktuální téma k datu 8/2020. Rozhraní je jednoduché a zábavné.

SMNTCS Retro

Moje CSS úpravy:

html {scroll-behavior:smooth; font-size:70%;}
site-description h2 {font-size:85%;}
*#menu-hlavni, div#header-menu-wrapper {margin:0px;padding:0px;}
respond {max-width:400px; margin:20px auto;}
main h1.post-title {border:none;}
main h1 {font-size:26px;font-weight:bold;color:#f3fcff;border-bottom:1px solid grey;}
main h2 {font-size:24px;font-weight:bold;color:#f3fcff;}
main h3 {font-size:20px;font-weight:bold;color:#f3fcff;}
main h4 {font-size:18px;font-weight:bold;color:#f3fcff;}
h1, h2, h3, h4, h5, h6 {clear:both;}
hr {color:white;clear:both;}
main article.post {padding:0px;margin:0px;}
main hr {max-width:20%;margin:20px auto;}
a.wp-block-button__link:hover {border-bottom:0px;}
form {max-width:400px; margin:10px auto;}
*.stitky {font-size:18px;}
p #comment {max-height:80px;}
a:link {text-decoration: underline dotted;border-bottom:none;}
a:hover {text-decoration: underline;color:white;}
main#site-content article h2 {font-size:22px;margin:8px auto}
main#site-content article {margin:0 auto 35px auto;}
.wp-block-audio audio {display:block;max-width: 600px;width:90%; margin: 10px auto;}
div#site-footer {width:70%; margin: 20px auto;font-size:11px;}
p, li, table {color:#d8eaff;}
body {background:#0f151c;}
pre {padding:10px;margin:10px auto;max-width:85%;color:#c7ecc7;background:#05111f;border:1px solid black;white-space:pre;overflow:auto;}

Vlastní patička:

  • Stačí najít soubor template-tags.php.
  • Nachází se v: /wp-content/themes/smntcs-retro/inc.
  • Najdeme řádek function smntcs_retro_site_footer() {
  • $data[] = esc_html__( ‚Všechna práva vyhrazena‘, ‚smntcs-retro‘ );
  • esc_url( __( ‚https://mvecko.cz/o-me-autorovi/‘, ‚smntcs-retro‘ ) ),
  • esc_html__( ‚Napsal Martin Všaha‘, ‚smntcs-retro‘ )

ColorMag

Tato šablona mě zajímala především proto, že skýtala funkci podobných článků. Jinak je podobná Zakře a rovněž velmi přizpůsobivá.

Problémy se zdrojáky

Jednou jsem měl zničehonic problém s webem, který psal neznámou chybu. Bylo potřeba stáhnout zdrojová data z webu WordPressu a potřebné soubory rozbalit na server. Velikost arhivu verze 5.5 činí 13 MB.

Migrace webu na jinou doménu

Ať už jsou důvody pro změnu domény jakékoli, je to celkem jednoduché.

Pro úspěšný přesun potřebujeme:

  • Přihlašovací údaje do původní DB a domény
  • Export původní DB
  • Kompletní zálohu původních souborů webu
  • Novou doménu s přístupem
  • Novou prázdou DB s přístupovými údaji
  • Funkční .htaccess na nové doméně

Postup pro přesun dat ze starého webu na nový je následující:

  1. Vyzálohujeme (vykopírujeme) celý obsah souborů původního WordPress webu.
  2. Vyexportujeme databázi původního WordPress webu.
  3. Vytvoříme novou databázi pro nový WordPress web a zaznamenáme si přihlašovací údaje.
  4. Nakopírujeme soubory WordPress webu na novou doménu.
  5. Upravíme soubor wp-config.php o přihlašovací údaje a název nové databáze.
  6. Naimportujeme původní databázi do nové.
  7. V nové databázi upravíme wp_options, kde jsou údaje o názvu URL a stránky.
  8. Přihlásíme se do administrace našeho nového WordPress webu (přihlašovací údaje viz. původní databáze).
  9. Stáhneme a zaktivujeme plugin Velvet Blues Update URLs a opravíme odkazy z původních URL na nové.
  10. Hotovo! 🙂

Nefungují permanentní odkazy – chyba 404

Příznaky:

  • Nefungují dřívější permanentní odkazy (články, kategorie, štítky a jiné).
  • Funguje pouze hlavní stránka.
  • Při volbě základního nastavení trvalých odkazů již vše funguje.

Důvod:

  • Doména nemá aktivní htaccess anebo je špatný.

Řešení:

  • Povolit v hostingu htaccess anebo jej smazat a nechat znovu vytvořit.
  • Přepnout styl permanentních odkazů na libovolný a vrátit zpět.

    Napsat komentář

    Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *