დაამატეთ Widgetized Footer თქვენს WordPress თემას

შთაგონება ამ tutorial მოდის Tweet მივიღე გამოხმაურებით, რომ მალე გათავისუფლდება RS12 თემა.


zakmorris twitter- ის პასუხი

მიუხედავად იმისა, რომ გაფართოებულმა ქვედა ფურგონმა იგი საბოლოოდ არ გამოაქვეყნა RS12 თემის გამოქვეყნებაში, მე გადავწყვიტე დავწერო ეს სახელმძღვანელო, რათა ხალხს დავანახო, თუ როგორ უნდა დაამატოთ ელემენტის ელემენტი თქვენს თემაში. ამ სახელმძღვანელოში შეიტყობთ:

  • საჭიროა HTML და CSS კოდი, რომ გაამდიდროთ სქოლიო
  • როგორ დავამატოთ ხშირად გამოყენებული WordPress შაბლონის ჩანართები, როგორც ადგილსამყოფელი
  • როგორ განვახორციელოთ ქვედა ფურგონი და შიგნით ვიჯეტები

ამ პოსტში ძალიან ბევრი კოდი იქნება, ასე რომ, თუ ის მისაღები ხართ, წაიკითხეთ…

მე ვიყენებ მწვანე სხივები WordPress- ის თემა, როგორც ჩემი მაგალითი ამ გაკვეთილზე. ამ მომენტში, footer უბრალოდ აქვს სტანდარტული “საავტორო უფლებების” გაგზავნა და კრედიტები.

HTML

პირველი ნაბიჯი არის HTML მარკირების დამატება. მოდით ვთქვათ, რომ ვიქნებით ვიქნებით ვიქნებით ვიქნებით ვიქნებით ვიწრო ქვედა ნაწილში, ბოლო უახლესი შეტყობინებების, ყოველთვიური არქივების და ყოველდღიური არქივების სიებით. ჩვენ ამ HTML კოდს მოვათავსებთ ამჟამინდელი “საავტორო უფლებების” ხაზის ზემოთ.

ბოლო შეტყობინებები

თვის არქივი

ყოველდღიური არქივები

ძირითადად, ეს კოდი თითოეულ “ვიჯეტს” ათავსებს div. თითოეული ვიჯეტის შიგნით არის სათაური და არაკონტროლი სია, ბმულებით. დიახ, ვიცი, რომ ბმულები არსად წავა. ჩვენ მოგვიანებით ამით შევცვლით WordPress შაბლონის ჩანართებს. აქ არის ის, რაც აქამდე გვაქვს:

მწვანე სხივების Footer 1

CSS

როგორც ხედავთ, ეს ისე კარგად არ გამოიყურება CSS სტილის გარეშე. დაამატეთ შემდეგი კოდი თქვენს სტილში.

.საყრდენი ნივთი {
float: მარცხენა;
სიგანე: 33%;
padding-ბოლოში: 10px;
}
.საყრდენი ელემენტი ul {
padding-მარცხენა: 15px;
}

რას აკეთებს ეს კოდი არის მარცხნივ თითოეული ქვეგანყოფილების ელემენტი. ეს ნიშნავს, რომ ისინი გვერდიგვერდ იქნებიან. სიგანე მითითებულია 33% -მდე, რაც საკმარის ადგილს ტოვებს სამი ქვემო ნივთისთვის ერთ რიგში. ასევე მოცემულია ოდნავ გადახურვა, თითოეულ ქვედა ელემენტის ქვემოთ. მეორე ნაჭერი უბრალოდ ჩამოთვლილია სიები 15 პიქსელი მარცხნივ.

ახლა ხედავთ, რომ HTML და CSS იწყებენ ერთმანეთს. აქ არის ის, რაც აქამდე უნდა გქონდეთ:

მწვანე სხივების Footer 2

WordPress კოდი

ამ მომენტში, გვაქვს ცარიელი HTML ბმულების რამოდენიმე ვარიანტი, რომელზეც ფაქტობრივი WordPress კოდი არ არის. მოდით შევცვალოთ სიები უახლესი შეტყობინებების, ყოველთვიური არქივებისა და ყოველდღიური არქივების მიხედვით, WordPress შაბლონის ეკვივალენტებით. შეცვალეთ რაც ახლა გაქვთ შემდეგით:

ბოლო შეტყობინებები

    <?php wp_get_archives (‘type = postbypost&limit = 4 ‘); ?>

თვის არქივი

    <?php wp_get_archives (‘limit = 4’); ?>

ყოველდღიური არქივები

    <?php wp_get_archives (‘ტიპი = ყოველდღიურად&limit = 4 ‘); ?>

პარამეტრები უნდა იყოს საკმაოდ განმარტებული, მაგრამ თუ არ ხართ დარწმუნებული რომელიმე მათგანის შესახებ, შეეცადეთ ეძებოთ wp_get_archives WordPress თარგი საკვანძო ინსტრუმენტების ძებნა. დაიმახსოვრე, მე უბრალოდ wp_get_archives () შაბლონის თეგებს ვიყენებ, როგორც ადგილსამყოფელს. ჩვენ ამას შემდეგ გადავცემთ სხვა WordPress ვიჯეტებს.

Widgetize ეს

სამეურვეო ამ მონაკვეთისთვის მე ვიღებ სესხებს ნაწილს ჩემი წინადან თემების გამარტივება სამეურვეო.

პირველი ნაბიჯი არის “sidebars” – ის რეგისტრაცია. ამისათვის უბრალოდ შეცვალეთ ფუნქციები.php ფაილის მიმდინარე შინაარსი შემდეგი:

<?PHP
if (function_exists (‘Register_sidebar’))
Register_sidebar (მასივი (
‘name’ => ‘გვერდითი ზოლი’,
‘Before_widget’ => ”,
‘after_widget’ => ”,
‘Before_title’ => ‘

‘,
‘after_title’ => ‘

‘,
));
if (function_exists (‘Register_sidebar’))
Register_sidebar (მასივი (
‘name’ => ‘Footer’,
‘Before_widget’ => ”,
‘after_widget’ => ”,
‘Before_title’ => ‘

‘,
‘after_title’ => ‘

‘,
));
?>

ახლა ჩვენ გადავალთ sidebar.php- ზე და შეცვალეთ მიმდინარე დინამიური გვერდითი ხაზის პირობითი ჩანართი შემდეგით:

<?php if (! function_exists (‘dynamic_sidebar’) ||! dynam_sidebar ()): ?>

ამით:

<?php if (! function_exists (‘dynam_sidebar’)) ||! დინამიური_საფარი ("გვერდითი ზოლი")): ?>

ახლა ჩვენ გადავწვდებით footer.php ფაილში და გადავფარავთ ქვედა გვერდს, მასში მოცემულია გვერდითი ხაზის პირობითი წარწერა. პირველი “sidebar-item” div- ის წინ, დაამატეთ შემდეგი.

<?php if (! function_exists (‘dynam_sidebar’)) ||! დინამიური_საფარი ("ქვევით")): ?>

ბოლო ქვედა დახურვის შემდეგ, “ქვესტერის ელემენტი” div (და “ნათელი” დივიდან, რომელიც ჩვენ ადრე დავამატეთ) დავამატებთ შემდეგს:

<?php endif; ?>

კარგი, ახლა ჩვენი გვერდითი და ქვედატანი უნდა გამარტივდეს. მოდით, შეამოწმოთ ის, რომ დაამატეთ რამდენიმე ვიჯეტი ქვედა ფურგონში. მე დავამატებ Blogroll ვიჯეტს, უახლესი კომენტარების ვიჯეტს და ტექსტურ ვიჯეტს. აი რა უნდა გამოიყურებოდეს:

მწვანე სხივების Footer 3

დასკვნა

ეს არის საფუძველი, რომ დაამატოთ ელემენტიანი ელემენტი თქვენს თემას. თქვენ გსურთ დაამატოთ სტილისტიკის ცალკეული წესები სხვა ტიპის ვიჯეტისთვის, როგორიცაა კალენდარი ან საძიებო ველი. ეს ალბათ არ იმუშავებს ყველა თემასთან, მაგალითად, მაგალითად RS12 თემასთან, რადგან მას გააჩნდა არა გაფართოებადი.

თუ ვინმეს სურს განახლებული მწვანე სხივების თემა ყოველგვარი შემთხვევით, შეგიძლიათ ჩამოტვირთოთ იგი აქ. ამ გზით თქვენ ხედავთ, სად ზუსტად დავამატე კოდი. შეგიძლიათ შეადაროთ იგი ორიგინალური თემა როგორც.

იმედი მაქვს მოგეწონათ სამეურვეო. თქვენს თემას დაამატებთ გამამდიდრებელ ქვედა გვერდს? არის თუ არა კოდი, რომელიც მე ზემოთ გამოვიყენე, სხვანაირად გააკეთებდი? კითხვები, კომენტარები, წინადადებები და კრიტიკა მისასალმებელია, ამიტომ კომენტარებში თავისუფალი გამოტოვეთ.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map