Eftir nokkur ár (eða jafnvel mánuði) að hanna og þróa WordPress þemu, sérstaklega fyrir viðskiptavini, byrjarðu að átta sig á því að mikið af virkni er hægt að staðla eða eimað niður í "byrjunarþema eða búnað". Þetta hjálpar til við að þróunarferlið byrjaði og flutti meðfram.
Besta fyrsta skrefið í því að gera þetta, sem ég hef fundið, er að nagla niður flestar algengar aðgerðir og innihalda þær í functions.php . Þetta functions.php skrá verður að framlengja til að mæta þörfum viðkomandi þemu þar sem ný verkefni koma upp, en það mun veita meira en frábært upphafspunkt fyrir þróun.
Það eru um 13 lykilgerðir sem ég vil byrja með og mun bæta við þeim eftir þörfum ...
The flakk valmynd lögun, kynnt í WordPress 3.0, gerir ráð fyrir leiðandi sköpun og viðhald á valmyndum flakk í þemum.
Að minnsta kosti, venjulegt þema mun þurfa aðalleiðsagnarvalmynd, kannski í hausnum og efri leiðsagnarvalmyndinni í fótsporinu. Til að gera þetta munum við skrá þessi tvö valmyndir "Aðalvalmynd" og "Secondary Menu"
Þó að þetta sé ekki sérstaklega nýr eiginleiki, þá er það gaman að vefja hana í if function_exists() bara ef notandi er fastur í fyrirfram 3.0 uppsetningu:
Í functions.php skrá, innihalda eftirfarandi:
if ( function_exists( 'register_nav_menus' ) ) {register_nav_menus(array('main_menu' => __( 'Main Menu', 'cake' ),'secondary_menu' => __( 'Secondary Menu', 'cake' ),));} Nú þegar valmyndirnar eru skráðir þurfum við að segja þemað hvar á að framleiða þau. Við viljum að aðalvalmyndin birtist í hausnum. Svo, í okkar header.php skrá, við felum í sér eftirfarandi kóða:
'main_menu','menu' => '','container' => false,'echo' => true,'fallback_cb' => false,'items_wrap' => ' %3$s
','depth' => 0 );wp_nav_menu( $defaults );?>
Í fyrsta lagi athugum við til að sjá hvort við höfum valmynd sem kallast 'main_menu' skilgreint og ef við gerum setjum við innihald hennar hérna, annars fallum við sjálfgefið wp_list_pages() sem við getum enn frekar aðlaga til að birta tenglana eins og við þurfum.
Ef þú vilt enn frekari customization á valmyndinni, sjáðu WordPress kóða síðu á wp_nav_menu() virka.
Við viljum að efri valmyndin birtist í fótinn, þannig að við opnum footer.php og innihalda eftirfarandi kóða:
'secondary_menu','menu' => '','container' => false,'echo' => true,'fallback_cb' => false,'items_wrap' => ' %3$s
','depth' => 0 );wp_nav_menu( $defaults );?>
Þessi aðgerð gerir þér kleift að nota sérsniðna CSS til að stilla WordPress TinyMCE sjónrænt ritstjóri.
Búðu til CSS skrá sem heitir editor-style.css og líma stíllinn þinn inni. Sem staðgengill, eins og ég hef áhuga á að byrja með stíl í editor-style.css skrá af tuttugu og tólf þema.
Í functions.php bæta við eftirfarandi:
add_editor_style();Ef þú vilt ekki nota nafnið "ritstjórnarstíll" fyrir CSS skrána og vilt einnig færa skrána annars staðar, td innan css skráar, þá breyttu aðgerðinni.
Til dæmis vil ég nefna skrána mína tiny-mce-styles.css og ég vil það innan CSS skrána míns; svo virka mín mun líta svona út:
add_editor_style('/css/editor-style.css'); Þó að við séum með það, gætum við líka stýrt ritstjóra fyrir hægri til vinstri. Í þemapappanum skaltu búa til CSS-skrá sem heitir editor-style-rtl.css og að minnsta kosti eru eftirfarandi:
html .mceContentBody {direction: rtl;unicode-bidi: embed;}li {margin: 0 24px 0 0;margin: 0 1.714285714rem 0 0;}dl {margin: 0 24px;margin: 0 1.714285714rem;}tr th {text-align: right;}td {padding: 6px 0 6px 10px;text-align: right;}.wp-caption {text-align: right;}Aftur, sem staðgengill, eru ofangreindar stíll frá tuttugu og tólf þema. Restyle og lengja eftir þörfum.
Flestir sem tjá sig um blogg á netinu hafa Avatar tengd þeim. Ef hins vegar ekki og þú ert ekki sérstaklega eins og WordPress sjálfgefið avatar valkostir, getur þú skilgreint þitt eigið.
Til að gera það skaltu hafa eftirfarandi kóða í þinn functions.php :
if ( !function_exists('cake_addgravatar') ) {function cake_addgravatar( $avatar_defaults ) {$myavatar = get_template_directory_uri() . '/images/avatar.png';$avatar_defaults[$myavatar] = 'avatar';return $avatar_defaults;} add_filter ('avatar_defaults', 'cake_addgravatar');} Það sem við erum að gera hér fyrst, er að athuga hvort virkni sé til staðar. Ef það gerist, bætum við við síu sem segir WordPress að nota sérsniðið sjálfgefin mynd sem sjálfgefið.
Við erum að segja WordPress að finna þessa avatar í "myndum" möppunni okkar inni í þema skránni. Næsta skref, augljóslega, er að búa til myndina sjálft og hlaða því upp í "myndir" möppuna.
Aðalhlutverkið gerir þér kleift að sérsníða stíl og kynningu á færslum. Eins og með þessa ritun eru 9 staðlaðar staðsetningarform sem notendur geta valið úr: hliðar, gallerí, tengil, mynd, vitna, stöðu, myndskeið, hljóð og spjall. Til viðbótar við þetta gefur sjálfgefna staðalformið "Standard" til kynna að ekkert póstsnið sé tilgreint fyrir tiltekna færslu.
Til að bæta þessari virkni við þemað þitt skaltu hafa eftirfarandi kóða í þinn functions.php , sem tilgreinir póstformið sem þú munt nýta þér. td Ef þú vilt aðeins til hliðar, mynd, tengil, vitna og staða Postformats, ætti númerið þitt að líta svona út:
add_theme_support( 'post-formats', array( 'aside', 'image', 'link', 'quote', 'status' ) );The lögun mynd virka, eins og kóðinn útskýrir, leyfir höfundinum að velja dæmigerða mynd fyrir færslur, síður eða sérsniðnar færslur fyrir póst.
Til að virkja þessa virkni skaltu innihalda eftirfarandi kóða í þínu functions.php :
add_theme_support( 'post-thumbnails' );Við gætum stöðvað það og skilið það upp í WordPress til að skilgreina smámyndarstærðina eða við gætum tekið stjórn og skilgreint þau sjálf. Við munum gera hið síðarnefnda augljóslega!
Segjum að við erum að keyra blaðsíðu þar sem myndin birtist í amk 3 mismunandi stærðum. Kannski er eitt stórt mynd ef pósturinn er lögun eða er nýjasta, miðlungs mynd ef hún er bara færsla meðal annars og venjuleg stærð, ef til vill til að birtast annars staðar.
Við notum kost á því add_image_size() virka sem leiðbeinir WordPress til að búa til afrit af lögun myndarinnar okkar í skilgreindum stærðum okkar.
Til að gera þetta, bætum við eftirfarandi við functions.php :
// regular sizeadd_image_size( 'regular', 400, 350, true );// medium sizeadd_image_size( 'medium', 650, 500, true );// large thumbnailsadd_image_size( 'large', 960, '' ); Sjáðu hvernig á að vinna með add_image_size() virkja annaðhvort mjúkan uppskeru eða harða uppskeru myndirnar þínar á WordPress kóða síðu.
Þegar við höfum skilgreint ofangreindar myndastærðir (venjulegur, miðlungs og stór) - og þar sem WordPress sjálfgefið gerir það ekki fyrir okkur - við munum bæta við hæfileikanum til að velja þessar myndarstærðir úr viðhengisskjástillingarviðmótinu .
Það væri gott ef þú gætir, þegar þú skrifar færslu, settu inn viðkomandi stærðarmynd með því að velja það úr fellilistanum eins og venjulega væri fyrir WordPress sjálfgefið stærðir.
Til að gera þetta, bætum við eftirfarandi við okkar functions.php :
// show custom image sizes on when inserting mediafunction cake_show_image_sizes($sizes) {$sizes['regular'] = __( 'Our Regular Size', 'cake' );$sizes['medium'] = __( 'Our Medium Size', 'cake' );$sizes['large'] = __( 'Our Large Size', 'cake' );return $sizes;} add_filter ('image_size_names_choose', 'cake_show_image_sizes'); Með því í stað getum við valið myndastærðir okkar.
Þetta er einfalt. Ef þú hefur verið að byggja WordPress þemu um stund, munuð þér muna dagana þegar þú þurfti að handvirkt innihalda kóða til að framleiða RSS strauminn rétt í header.php. Þessi nálgun er hreinni og byggir á wp_head() aðgerð krókur til að framleiða nauðsynlegan kóða.
Í functions.php skrá, innihalda eftirfarandi:
// Adds RSS feed links to for posts and comments.add_theme_support( 'automatic-feed-links' ); Gakktu úr skugga um að þú hafir it in the , right before end of header.php it in the , right before end of &rgt;/head&lgt;
Með þessari aðgerð tekur þú fyrsta skrefið í átt að því að gera þema þitt tiltækt til þýðingar.
Það er best að kalla þessa aðgerð innan frá after_setup_theme() aðgerð krók þ.e. eftir að skipulag, skráning og frumstilling aðgerðir þemað hafa verið keyrðar.
add_action('after_setup_theme', 'my_theme_setup');function my_theme_setup(){load_theme_textdomain('my_theme', get_template_directory() . '/languages');} Bæta nú við möppu sem heitir ' languages 'í þemasafni þínu.
Þú getur lært meira um load_theme_textdomain () virka á WordPress kóða síðu .
Innihald breiddar er eiginleiki í þemum sem gerir þér kleift að stilla hámarks leyfða breidd fyrir myndskeið, myndir og annað efni sem er eytt í þema.
Það þýðir að þegar þú setur þennan vefslóð í YouTube í ritlinum og WordPress birtir sjálfkrafa raunverulegt vídeó á framhliðinni, mun þessi myndband ekki fara yfir breiddina sem þú stillir með því að nota $content_width breytu.
if ( ! isset( $content_width ) )$content_width = 600;WordPress mælir einnig með því að bæta við eftirfarandi CSS:
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {max-width: 100%;height: auto;} Þó að þetta sé gagnlegt, er það svolítið þungt afhent. Það skilgreinir innihald breidd fyrir allt efni. Hvað ef þú vildir myndskeið með stærri breidd á síðum en í færslum og jafnvel stærri stærð í sérsniðnum gerð pósts? Núna er engin leið til að skilgreina þetta. Það er hins vegar a lögun beiðni leggja til að taka þátt í $content_width breytilegt innbyggt add_theme_support() .
Dæmigerð þema þín mun hafa að minnsta kosti eina skenkur. Kóðinn til að skilgreina hliðarstikuna er frekar einföld.
Bæta eftirfarandi við þinn functions.php :
if(function_exists('register_sidebar')){register_sidebar(array('name' => 'Main Sidebar','before_widget' => '','after_widget' => '','before_title' => '','after_title' => '
',));} Þetta skráir og skilgreinir skenkur sem heitir "Aðal skenkur" og HTML merking þess.
Þú getur lært meira um register_sidebar() virka á WordPress kóða síðu.
Þú munt reglulega finna þörfina á að hafa meira en eina hliðarstikuna þannig að þú getur bara afritað / límið ofangreindan kóða og breytt nafninu.
Það er líka a register_sidebars() virka sem gerir þér kleift að skrá þig og skilgreina margar hliðarbrautir í einu, en það gefur þér ekki sveigjanleika til að gefa hvert nýtt skenkur einstakt heiti.
Ef þú ert að sýna útdrætti á færslunum þínum á blogg síðu, þá birtist sjálfgefið WordPress [...] til að gefa til kynna að það sé meira "eftir stökkina".
Þú munt líklega vilja bæta við "meiri hlekkur" og skilgreina hvernig það lítur út.
Til að gera þetta þurfum við að bæta við eftirfarandi kóða við okkar functions.php :
function new_excerpt_more($more) {global $post;return '...
function cake_content_nav( $nav_id ) {global $wp_query;if ( $wp_query->max_num_pages > 1 ) : ?>Ef þú hefur sérstakar leiðbeiningar í þemunni, td. Í þemasíðusíðunni þinni sem þú vilt að notandinn sjái þegar þeir virkja þemað fyrst geturðu notað eftirfarandi aðgerð til að beina þeim þar:
if (is_admin() && isset($_GET['activated']) && $pagenow == "themes.php")wp_redirect('themes.php?page=themeoptions'); Sérstaklega eftirtekt til wp_redirect() virka. Gakktu úr skugga um að skipta um " themes.php?page=themeoptions 'með vefslóð síðu þíns.
Í þróun finnur ég stundum WordPress admin (tól) bar til að vera alveg truflandi.
Það er í föstu stöðu efst í glugganum og eftir því sem ég á að skipta um, þá getur það farið yfir nokkur atriði í hausnum.
Þó að ég sé ennþá að hanna og þróa, líkar mér að fela stjórnunarbekkinn með þessari handhæga aðgerð.
show_admin_bar( false );Hefur þú einhverjar uppáhalds aðgerðir til að hoppa að byrja WordPress sniðmát þróun? Hvaða aðgerðir viltu sjá? Láttu okkur vita í athugasemdunum.