WordPress-hakkerit vain jäsenille -verkkosivusto

Oletuksena WordPress on blogityökalu. Siitä huolimatta voit todella muokata sitä haluamallasi tavalla. Monet ihmiset käyttävät WordPressiä jäsenille tarkoitetun verkkosivuston luomiseen.

Voit aina käyttää laajennusta, mutta jos tarvitsit vain pienen muokkauksen, miksi asentaa laajennus, kun voit tehdä sen muutamalla koodirivillä. Tässä on joitain yksinkertaisia ​​mutta tehokkaita hakkereita vain jäsenille tarkoitetun sivuston luomiseen.

Sisältö vain jäsenille ilman laajennusta

Jos sivustollasi on tiettyä sisältöä, jonka haluat näyttää vain rekisteröityneelle jäsenelle, voit tehdä sen käyttämällä teemassasi seuraavaa koodia. Kaikki, mikä menee väliin is_user_logged_in, näkevät vain jäsenet.

<?php if (is_user_logged_in()) { ?>
// Content for Logged in user
<?php } else {?>
// Content for everyone else
<?php }?>

Näytä WordPress-kirjautumislomake missä tahansa ja mukauta sitä

Jos haluat sisällyttää WordPress-kirjautumislomakkeen mihin tahansa teemaasi, voit tehdä sen käyttämällä seuraavaa toimintoa:

<?php ks29so_login_form(); ?>

Se ei kuitenkaan anna sinulle mahdollisuutta mukauttaa kirjautumislomaketta, koska se vain vetää suoraan oletusarvoisen WordPress-kirjautumislomakkeen. Mitä jos haluat näyttää jotain tällaista?

Tässä on koodi sen tekemiseen. Liitä seuraava koodi sinne, missä haluat lomakkeen näkyvän.

// WordPress Login Form
<?php if (!(current_user_can('level_0′))){ ?>
<h3>Member Login</h3>
<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
<table width='100%’ cellspacing="0" cellpadding="0">
<tr>
<td>
<label><?php _e( ‘Username’) ?></label>
<input type="text" name="log" class="input" value="<?php echo attribute_escape(stripslashes($user_login)); ?>" />
</td>
<td>
<label><?php _e( ‘Password’) ?></label>
<input type="password" name="pwd" class="input" value="" />
</td>
</tr>
<tr>
<td colspan="2"><?php do_action(‘login_form’); ?>
</td>
</tr>
<tr>
<td>
<a href="<?php echo site_url(‘wp-login.php?action=lostpassword’, ‘login’) ?>" title="<?php _e(‘Password Lost and Found’) ?>"><?php _e(‘Forgot Password?’) ?></a>
</td>
<td>
<input type="submit" name="submit" value="Log In" class="button" />
<input type="hidden" name="redirect_to" value="http://<?php echo $_SERVER['SERVER_NAME']. $_SERVER['REQUEST_URI'] ?>" />
</td>
</tr>
</table>
</form>
<?php } else { ?>
<!– When User logged in Show the following info –>
<h2>Logout</h2>
<?php get_currentuserinfo();?>
Welcome Back  <?php echo($current_user->user_login. " ");?><br />
<a href="<?php echo ks29so_logout_url(urlencode($_SERVER['REQUEST_URI'])); ?>">Logout</a><br />
<a href="<?php echo get_admin_url(); ?>">Admin?</a><!– If you are admin goes to admin dashboard –>
<?php }?>

Voit lisätä tyyliin CSS-div-tunnisteen. Tämän kirjautumislomakkeen käytön etuna voit melkein luoda mini-dashboardin jäsenille käyttämällä get_currentuserinfo()-funktiota ja näyttää kaikki tiedot käyttäjästä.

Mukautettu WordPress-valikko jäsenille

Kuten sisältöä, voit luoda mukautetun WordPress-valikon jäsenille. Rekisteröidään ensin valikko. Siirry teemafunktiotiedostoosi (functions.php). Käytä seuraavaa koodia valikoiden rekisteröimiseen.

register_nav_menus( array(
‘primary’ => __( ‘Primary Navigation’, ‘twentyten’ ),
‘visitor’ => __( ‘Visitor Navigation’, ‘twentyten’ ),
‘footer’ => __( ‘Footer Navigation’, ‘twentyten’ ),) );

Laita seuraava koodi kohtaan, jossa haluat valikon näkyvän, luultavasti header.php-tiedoston sisään.

<?php
if (is_user_logged_in()) {
ks29so_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘primary’) );
} else {
ks29so_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘visitor’) );
};?>

Nyt sinun on itse asiassa luotava valikko WordPressissä. Valikot-asetuksen tulee olla Ulkoasu-välilehdellä. Luo valikko, jonka nimi on pää ja vierailija. Lisää molempiin valikoihin mitä haluat näyttää. Esimerkiksi: jos haluat sivun näkyvän vain käyttäjän kirjautuneena sisään, lisää se päävalikosta.

Voit myös luoda dynaamisen alatunnistevalikon samalla menetelmällä.

Mukautetut WordPress-kentät ja hakkerit bloggaajille

WordPressin avulla voit luoda mukautetun ja ammattimaisen näköisen verkkosivuston. Tässä viestissä jaamme joitain WordPressin mukautettuja kenttätemppuja ja hakkereita, joiden avulla voit saada paremman WordPress-pohjaisen sivuston.

Joskus saattaa olla vierailevia bloggaajia, jotka kirjoittavat vain yhden postauksen sivustollesi, ja siinä kaikki. Voit käyttää tätä menetelmää säännöllisten tekijätietojen näyttämiseen. Muista, että kirjoittaja on rekisteröity WordPressiin. Ehkä et halua rekisteröityä joka kerta, kun uusi vieraileva kirjoittaja kirjoittaa. Mutta kuinka saat vierailevan kirjoittajan tiedot silti näkymään samassa muodossa kuin tavallisen kirjoittajan? Mukautetut kentät!

Vierailijan nimi etusivulla ja yksittäisissä viesteissä

Ensimmäinen asia, joka meidän on tehtävä, on asettaa WordPress if -lause mukautetun kentän arvon saamiseksi. Tällä tavalla se näkyy vain, kun mukautettu tiedostoarvo on määritetty. Avaa "index.php" ja "single.php" ja liitä seuraava koodi kohtaan, johon haluat tekijän nimen näkyvän. Se voi olla päivämäärän tai kommenttien jälkeen. Esimerkiksi tämän koodin jälkeen:

<?php the_time(‘M j, Y’) ?>

< ?php if (get_post_meta($post->ID, 'guest_author_name', true)) { ?>
// check to see if custom field guest author name exists
< ?php echo get_post_meta($post->ID, "guest_author_name", $single = true); ?>
< ?php } ?>

Kun laitamme if-lauseen, kutsumme sitä vain mihin tahansa viestiin, jonka haluamme vierailevan kirjoittajan nimen näkyvän. Vierailevan kirjoittajan nimen tulisi näkyä etusivulla ja vain tietyssä postauksessa.

Vierastekijän tietolohko yksittäisessä viestissä

Okei, joten meillä on nimi, joka näkyy viestin metakuvauksessa, mutta myös vierailevasta kirjoittajasta olisi mukavaa tietoa.

Jälleen kerran meillä on ehdollinen if-lause, joka etsii tekijän kuvan peukaloa ja kuvausta. Älä unohda muuttaa kuvan hakemistoa. Lisäksi kiinnitimme lohkoon ja peukaloon luokan, joka mahdollistaa sekä kuvan että lohkon tyylin CSS:n avulla.

<?php if (get_post_meta($post->ID, ‘autho_thumb’, true)) { ?> // checks to see if the custom field exist
<div class="writer_bio">
<img class="autho_thumb" src="http://media.webdesignviews.com/author/<?php $values = get_post_custom_values("autho_thumb"); echo $values[0]; ?>" alt="Author Thumb" width="60" width="60" height="60" /><?php }? <?php if (get_post_meta($post->ID, ‘guest_author’, true)) { ?>
<?php echo get_post_meta($post->ID, "guest_author", $single = true); ?></div>
<?php } ?>

Tässä on käyttämäni CSS

.writer_bio {
color: #666;
background: #eee;
text-transform: none !important;
font-size: 13px;
font-weight: normal;
height: 75px;
width: 600px;
padding: 6px;
padding-bottom: 6px;
padding-left: 0;
margin-bottom: 10px;
}
.writer_bio img {
padding: 0 !important;
float: left !important;
margin-left: 4px !important;
margin-top: 3px !important;
border: 2px #ccc solid !important;
height: 60px;
}

Luokan autho_thumb avulla saat jopa enemmän tyyliä. Kun tämä on tehty, sinun tarvitsee vain lisätä autho_thumb ja guest_author kenttään ja täyttää tiedot. Voit jopa lisätä HTML-koodin, kuten linkin, mukautettuun kenttään.

Sinulla on siis kaksi mukautettua kenttää vierailevan tekijän tiedoille. Tämä saattaa tuntua monilta vaiheilta. Luota minuun, kun olet tehnyt sen, sinun tarvitsee vain lisätä kuva ja kuvaus seuraavan kerran, kun haluat tehdä sen.

Parempi mukautettu kenttä viestikuvan näyttämiseen etusivulla

Tätä menetelmää käytetään pylvään peukalon näyttämiseen etupuolella. Halusin viedä sitä hieman pidemmälle ja tehdä helpoksi käyttöliittymän käyttäjälle. Lisäksi Jeanin menetelmällä jokaisella kuvalla olisi sama alt="post-image”, enkä ehkä ole hyvä hakukoneille. Lisäksi sinun on sisällytettävä kuvien koko URL-osoite joka kerta. Tässä ensin koodi:

<?php $postimageurl = get_post_meta($post->ID, ‘post-img’, true);
// variable for image
$image_alt = get_post_meta($post->ID, ‘post-img’, true);// variable for description
// check if the the custom field is called
if ($postimageurl) {
?>
<a href="<?php the_permalink(); ?>" rel="bookmark"><img src="<?php echo $postimageurl; ?>" class=
quot;post-img" alt="<?php echo $image_alt; ?>"; width="500" height="300" /></a>
<?php } else { ?>

Ennen kuin selitän koodin, huomaa, että en ole lisännyt muuta lauseketta oletuspeukalolle. Katso Jeanin viesti, jos haluat oletuskuvan, jos niin kuva on määritetty mukautetussa kentässä.

Ensin meillä on kaksi muuttujaa $postimageurl ja $image_alt. Ensimmäinen on saada kuvan sijainti ja toinen on lisätä kuvan nimi. Sitten taas asetamme if-lauseen tarkistaaksemme, kutsutaanko mukautettua kenttää.

<?php echo get_option(‘siteurl’).‘/wp-content/uploads/thumb/’?>

Eri asia on yläpuolella koodi, joka saa kuvan sijainnin. Olen luonut kansion nimeltä peukalo WordPressin lataushakemistoon, joten sen sijaan, että kirjoittaisin koko URL-osoitteen joka kerta, kirjoitin vain kuvan nimen, kun olen ladannut kuvan kansioon.

Jos haluat toisen hakemiston, kuten oletetaan, että tallennat kuvasi verkkotunnuksesi juureen, korvaa vain <?php echo get_option(‘siteurl’).‘/wp-content/uploads/thumb/ ?><?php echo $postimageurl; ?>hakemistolla http://yourwebsite.com/images/<?php echo $postimageurl; ?>.

Joten koodia on hieman muokattu, jotta jokaisella viestikuvalla olisi erilainen alt (otsikko) ja kirjoitat kuvan nimen laajennuksen koko URL-osoitteen sijaan.

Järjestä WordPress-navigointisi haluamallasi tavalla

Ensimmäinen asia, joka sinun tulee tietää, ovat wordpress-luettelosivut, joissa käytetään ks29so_list_pages-tunnistetta, joka sijaitsee yleensä header.php:ssä. mutta et ehkä halua luetella kaikkia sivujasi. Jos haluat piilottaa joitain sivujasi näkyvistä, toimi näin:

<?php ks29so_list_pages(‘include=7,13′ ); ?>
//or
<?php ks29so_list_pages(‘exclude=5,9′);? >

Poissulkeminen tai sisällyttäminen toimii melkein samalla tavalla. Poissulkeminen jättää tietyt sivut pois WordPressin sivuluettelosta ja sisällyttää näyttää vain määrittämäsi sivutunnuksen. Suurin osa web-suunnittelublogeista tai muista blogeista haluaa kuitenkin käyttää tageja tai luokkia navigointina. Siinä tapauksessa voit vain päästä eroon ks29so_list-tagista ja mukauttaa navigointikoodia. Vaihtoehtoisesti voit tehdä sen myös tunnisteillasi. Koodauksen etu tällä tavalla voit määrittää CSS-luokan tyylin jokaiselle navigoinnin elementille.

Kuinka löytää WordPress-sivusi tunnus

Jouduin äskettäin löytämään sivutunnuksen poissulkemista varten käyttämästäni mallista, ja noin 10 minuutin kuluttua löysin lopulta helpon tavan löytää WordPressin "sivun" sivutunnus.

WordPressin vanhemmissa versioissa tämä oli mielestäni helpompaa, mutta näin voit tehdä sen nyt.

1. Siirry WordPressin hallintapaneeliin ja siirry sitten sivuille.
2. Vie hiiri sen sivun päälle, jonka tunnuksen haluat tietää.
3. Näet tunnuksen selaimen alareunan tilapalkissa (katso alla).

Jos et näe koko osoitetta, kokeile toista tapaa (alla).

1. Siirry WordPressin hallintapaneeliin ja siirry sitten sivuille.
2. Sitten näet tunnuksen osoitepalkissa. Se on numero yhtäläisyysmerkin jälkeen.
3. Napsauta sivua, jonka tunnuksen haluat tietää.

Näytetään arkiston aihe

Suurin osa WordPress-teemoista tulee archive.php-sivulla. Olen kuitenkin nähnyt monia verkkosivustoja, joissa arkistosivut eivät ole kovin hyödyllisiä eivätkä kerro käyttäjille, mitä aihetta tai luokkia he selailevat. Voit lisätä seuraavat koodit archive.php-tiedostoosi sekaannusten välttämiseksi.

<?php /* If this is a category archive */ if (is_category()) { ?>
<h3 class="pagetitle">Current Browsing Topic: ‘<?php single_cat_title(); ?>’</h3>
<?php /* If this is a tag archive */ } elseif( is_tag()) { ?>
<h3 class="pagetitle">Posts Tagged ‘<?php single_tag_title(); ?>’</h3>