Nyt, niin "arkipäiväisestä" kuin WordPressistä on tullutkin – koska joka toinen tai kolmas kohtaamasi verkkosivusto on WordPressin käyttämä – on aina toistuvia sanoja "miten ihmeessä he tekivät tämän!" hetkiä, kun vierität WordPress-alueella.

Huolimatta siitä, että verkkokehitysyhteisö tavoittelee WordPressiä niin huomattavan paljon, se ei ole koskaan lakannut käyttämästä uskomattomia temppuja ja yllätyksiä hihassaan. Vaikka on olemassa koko joukko laajennuksia, jotka eivät koskaan epäonnistu viemään WordPress-verkkosivuston toiminnallisuutta oletusarvoja pidemmälle ja onnistuvat antamaan verkkovastaavien muokata verkkosivustoaan täsmälleen haluamallaan tavalla, mutta juuri WordPress-hackit antavat verkkovastaaville räätälöinnin. ominaisuudet, joita ei voida saavuttaa millään laajennuksella.

WordPress-hakkerointi on vakiinnuttanut jalansijaa ja saamassa paljon jalansijaa, kun ohjelmoimattomat verkkovastaavat pyytävät joidenkin web-kehittäjien apua lisätäkseen verkkosivustoonsa muutamia ominaisuuksia, jotka todella auttaisivat heitä parantamaan sen toimivuutta ja viemään sen vertaistensa ulkopuolelle. Teemme kuitenkin työtäsi helpommaksi heittämällä sinulle muutamia koodinpätkiä, joita tarvitset (ja haluat), jotta verkkosivustosi pyörii juuri haluamaasi suuntaan.

Seuraava luettelo käsittelee sellaisia hakkereita, joita voit toteuttaa verkkosivustollasi, jotta se voisi ylpeillä poikkeuksellisista mukautetuista ominaisuuksista ja ominaisuuksista, jotka vaikuttavat muuten melko epätodennäköisiltä.

1 Pikakoodien ottaminen käyttöön widgeteissä

Widgetit eivät koskaan lakkaa antamasta verkkosivustollemme sitä etua, josta aina kilpailemme. Ne ovat välttämätön osa lähes jokaista WordPress-verkkosivustoa, ja näin ollen tapa parantaa niiden ulkonäköä tai ominaisuuksia on aina tervetullut, ja juuri siihen lyhytkoodit on tarkoitettu. Käytä suodatinta samaan:

add_filter( 'widget_text', 'do_shortcode' );

2 Ylimmän navigoinnin lisääminen näkyvämmäksi

Verkkosivustosi ylänavigointipalkin valikko on luultavasti huomioimaton yksinkertaisesti sen sijainnin vuoksi. Ja tästä syystä sinun on siirrettävä sitä, ja tässä sen siirtäminen auttaa:

#top-nav {float: right;}

3 Siirrä navigointivalikko keskelle (koodi: GitHub)

On kaikki mahdollista, että olet päättänyt kohdistaa logosi uudelleen sijoittaaksesi sen otsikon keskelle, joten sinun on siirrettävä navigointivalikko keskelle, jotta se ei näytä paikaltaan. Ja näin teet sen:

#navigation {
     position: relative;
}
 #main-nav {
     clear: left;
     float: left;
     list-style: none;
     margin: 0;
     padding: 0;
     position: relative;
     left: 50%;
     text-align: center;
}
 .nav li {
     display: block;
     float: left;
     list-style: none;
     margin: 0;
     padding: 0;
     position: relative;
     right: 50%;
}
 .nav li.hover, .nav li.hover {
     position: relative;
}
  
.nav li ul li {
     left: 0;

4 Viivytä viestisi julkaisua RSS-syötteissä

Ei ole harvinaista tehdä virheitä postauksen kirjoittamisessa, mutta kun viestit on jo lähetetty RSS:ään, pienet virheet voivat osoittautua tarpeeksi kalliiksi. Ja tämä on silloin, kun prosessin viivyttäminen tulee apuun.

Nyt voit varmistaa, että viestit eivät mene RSS-syötteeseen heti, kun julkaiset ne blogissasi. Sinun tarvitsee vain lisätä tämä koodinpätkä functions.php-tiedostoon verkkosivustosi taustaohjelmassa:

function publish_later_on_feed($where) {
global $wpdb;
if (is_feed()) {
$time_now = gmdate('Y-m-d H:i:s');
$time_delay = '15'; // integer
$time_span = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR
$where = " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$time_now') > $time_delay ";
}
return $where;
}
add_filter('posts_where', 'publish_later_on_feed');

5 Etkö halua enää pyöreitä avatareja? Tee niistä neliömäisiä

WordPress-verkkosivustollesi valitsemasi teema saattaa automaattisesti muokata avatar-kuvia esittämään ne pyöreässä muodossa. Mutta monet verkkovastaavat haluavat mieluummin avatarinsa näkyvän neliömäisessä muodossa. Samaan aikaan tämä GitHubin koodi toimii poikkeuksellisen hyvin:

#post-author .profile-image img, #comments .avatar img {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

6 Anna RSS-syötteesi sisältää julkaisun suositeltu kuva

Kuvien käyttäminen viesteissäsi antaa sille aina lisäponnistusta yleisösi keskuudessa ja houkuttelee heitä lukemaan ja jakamaan niitä edelleen piireilleen. Ja kun pystyt käyttämään julkaisun esiteltyä kuvaa RSS-syötteissäsi, parannat julkaisun kattavuutta entisestään tekemällä siitä visuaalisesti tarttuvampi:

add_filter('the_content_feed', 'rss_post_thumbnail');
function rss_post_thumbnail($content) {
global $post;
if( has_post_thumbnail($post->ID)) $content = '<p>'. get_the_post_thumbnail($post->ID, 'thumbnail'). '</p>'. $content;
return $content;
}

7 Poista tietyn sivun otsikko

Vaikka on työkaluja, jotka helpottavat otsikoiden poistamista kaikilta sivuston sivuilta, joskus haluat poistaa ne vain tietyiltä sivuilta. Ja tässä on koodi, jota tarvitset siihen – korvaa vain "abcd" minkä tahansa viestin sivun tunnusnumerolla:

.page-id-xxxx .title {
display: none;
}

8 Etkö halua HTML-koodia kommentteihin? Mene eteenpäin ja poista se käytöstä

Kommenttiosiossa oleva HTML voi johtaa rekkakuormaan roskapostia, jolla voi lopulta olla vakavia seurauksia verkkosivustollesi. Ja tästä syystä HTML-koodin poistaminen käytöstä kommenttiosiossa on erittäin tärkeää, jotta sivustosi pysyy roskapostittomana. Lisää tämä koodinpätkä functions.php-tiedostoon:

//As soon as someone comments
function plc_comment_post( $incoming_comment) {
    // convert everything in a comment to display literally
    $incoming_comment['comment_content'] = htmlspecialchars($incoming_comment['comment_content']);
    // the one exception is single quotes, which cannot be #039; because WordPress marks it as spam
    $incoming_comment['comment_content'] = str_replace( "'", ''', $incoming_comment['comment_content'] );
    return( $incoming_comment );
}
// This will occur before a comment is displayed
function plc_comment_display( $comment_to_display) {
    // Put the single quotes back in
    $comment_to_display = str_replace( ''', "'", $comment_to_display );
    return $comment_to_display;
}
add_filter( 'preprocess_comment', 'plc_comment_post', '', 1 );
add_filter( 'comment_text', 'plc_comment_display', '', 1 );
add_filter( 'comment_text_rss', 'plc_comment_display', '', 1 );
add_filter( 'comment_excerpt', 'plc_comment_display', '', 1 );
// This stops WordPress from trying to automatically make hyperlinks on text:
remove_filter( 'comment_text', 'make_clickable', 9 );

9 Kun käyttäjä hakee tiettyä viestiä sivustoltasi, vie hänet suoraan Täydelliseen viestiin

Et ehkä ole pitänyt sitä liian tarpeellisena, mutta jos tiettyjä viestejä etsivät käyttäjät ohjataan suoraan koko viestiin sen pikkukuvan sijaan, jossa on ote, he arvostavat sitä. Se ei pakota jatkamaan navigointia ja parantaa siten käyttökokemusta huomattavasti.

add_action('template_redirect', 'redirect_single_post');
function redirect_single_post() {
    if (is_search()) {
        global $ks29so_query;
        if ($ks29so_query->post_count == 1 && $ks29so_query->max_num_pages == 1) {
            ks29so_redirect( get_permalink( $ks29so_query->posts['0']->ID) );
            exit;
        }
    }
}

10 Näytä tarkin ja nykyinen tekijänoikeuspäivämäärä

Tekijänoikeus on välttämätön osa mitä tahansa verkkosivustoa, joka sisältää paljon hyödyllistä tietoa, jota verkkovastaava ei halua kopioida muiden verkon satunnaistajien toimesta. Tästä syystä on tärkeää näyttää tekijänoikeustiedot tarkasti ja synkronoituna kuluvan vuoden kanssa. Seuraava koodinpätkä mahdollistaa tekijänoikeustietojen jatkuvan päivittämisen automaattisesti:

function comicpress_copyright() {
global $wpdb;
$copyright_dates = $wpdb->get_results("
SELECT
YEAR(min(post_date_gmt)) AS firstdate,
YEAR(max(post_date_gmt)) AS lastdate
FROM
$wpdb->posts
WHERE
post_status = 'publish'
");
$output = '';
if($copyright_dates) {
$copyright = "© ". $copyright_dates[0]->firstdate;
if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {
$copyright .= '-'. $copyright_dates[0]->lastdate;
}
$output = $copyright;
}
return $output;
}

11 Uudelleenohjaa käyttäjät sisäänkirjautumisen jälkeen

Kun kuka tahansa käyttäjä on kirjautunut sivustollesi, hänet voidaan helposti ohjata toiseen valitsemaasi URL-osoitteeseen. Tarvitset vain tämän koodinpätkän functions.php-tiedostossa:

<?php function redirect_user_on_role() { //retrieve current user info global $current_user; get_currentuserinfo(); //If login user role is Subscriber if ($current_user->user_level == 0)
{
ks29so_redirect( home_url() ); exit;
}
//If login user role is Contributor
else if ($current_user->user_level > 1)
{
ks29so_redirect( home_url() ); exit;
}
//If login user role is Editor
else if ($current_user->user_level >8)
{
ks29so_redirect( home_url() ); exit;
}
// For other roles
else
{
$redirect_to = 'http://google.com/';
return $redirect_to;
}
}
add_action('admin_init','redirect_user_on_role');
 
?>

12 Anna otsikon näyttää joitain mukautettuja widgetejä

Verkkosivustosi otsikko on loistava mainosalue, jossa voit näyttää todella havaittavia mainoksia. Yksi yleinen havaittu seikka on kuitenkin se, että sivuston ylläpitäjät eivät voi paljon hallita sitä, kuinka he haluavat näyttää elementtejä otsikossa, ja tämä johtaa joustavuuden puutteeseen.

Järjestelmänvalvojat haluavat räätälöinnin, jotta he voivat lisätä mitä tahansa logon oikealle puolelle, ja seuraavat koodirivit antavat heidän tehdä juuri sen:

if (function_exists('register_sidebar')) {
register_sidebar(array(
 'name' => 'Header Widget',
 'id' => 'header-widget',
 'description' => 'This is a widgetized area in the right side of the header.',
 'before_widget' => '<div id="%1$s" div class="widget">',
 'after_widget' => '</div>',
 'before_title' => '<h3>',
 'after_title' => '</h3>'
 ));
add_action( 'woo_header_inside', 'custom_canvas_header' );
function custom_canvas_header() {
?>
<div id="header-widget">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header-widget')): else: ?>
<?php endif; ?>
</div>
<?php
}
}

13 Anna Dashboardille henkilökohtainen logo

Monet verkkovastaavat kilpailevat henkilökohtaisemman logon saamisesta kojelautaan WordPress-taustajärjestelmässä. Seuraava koodi palvelee tarkoitusta, vaikka asiakas olisi tullut sinulle tällaisella pyynnöllä:

add_action('admin_head', 'custom_logo');
function custom_logo() {
echo '
<style type="text/css"><!--
#header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.webp) !important; }
--></style>';
}

14 Aseta haluamasi editori oletukseksi

Et ehkä ole liian innostunut Visual Editorin käyttämisestä, vaan HTML-editori on saanut mielesi. Joka tapauksessa sinulla on vapaus valita, minkä editorin haluat asettaa oletusarvoiseksi:

# Visual Editor as default
add_filter( 'ks29so_default_editor', create_function('', 'return "tinymce";') );
 
# HTML Editor as default
add_filter( 'ks29so_default_editor', create_function('', 'return "html";') );
15. Cast Away the Primary or Top Navigation
Canvas, in particular, has two navigation bars. One navigation bar is located above the header and it is thereby called the Top Navigation Bar. Then, you have the Primary Navigation that is located below the header. Now, whether you wish to use both or just one is entirely your prerogative, on our end, we can show you how to remove them:
Primary Navigation can be gotten rid of by this code:
add_action( 'init', 'remove_canvas_main_navigation', 10 );
  
function remove_canvas_main_navigation() {
    // Remove main nav from the woo_header_after hook
    remove_action( 'woo_header_after','woo_nav', 10 );
}
And to remove the Top Navigation, you will need this:
add_action( 'init', 'remove_canvas_top_navigation', 10 );
  
function remove_canvas_top_navigation () {
    // Remove top nav from the woo_top hook
    remove_action( 'woo_top', 'woo_top_navigation', 10 );
}

Nämä ovat siis joitain uskomattoman tehokkaimmista WordPress-hakkereista, jotka kiinnittävät kaiken huomiosi. Kun verkkosivustosi toiminnallisuuden vapaa hallinta on asialistalla, yllä olevat WordPress-hakkerit palvelevat tarkoitusta saumattomimmalla ja kirurgisemmalla tavalla.