Hoe Om Webwerf-sjablone Te Wysig

INHOUDSOPGAWE:

Hoe Om Webwerf-sjablone Te Wysig
Hoe Om Webwerf-sjablone Te Wysig

Video: Hoe Om Webwerf-sjablone Te Wysig

Video: Hoe Om Webwerf-sjablone Te Wysig
Video: Как реализовать редактор WYSIWYG с помощью TinyMCE 2024, Desember
Anonim

Dit is deesdae nie moeilik om u eie webwerf te skep nie, selfs al het u geen spesifieke kennis op die gebied van webontwerp en programmering nie. U kan te eniger tyd die hoeveelheid verskillende sjablone wat op die internet geplaas is, gebruik en op grond van gereedgemaakte sjablone u webwerf op die netwerk maak en publiseer. Nie almal is egter heeltemal tevrede met die weergawe van die webwerf wat die sjabloon bied nie. Ons sal u vertel hoe u die werfsjabloon kan verander en dit uniek kan maak in hierdie artikel.

Hoe om webwerf-sjablone te wysig
Hoe om webwerf-sjablone te wysig

Instruksies

Stap 1

Laai die sjabloon af en vind die style.css-lêer daarin. Hierdie lêer is gewoonlik in die openbaar_html-lêergids.

Stap 2

Maak die style.css-lêer in die notaboek oop en vind die kode wat verantwoordelik is vir die voorkoms en gevoel van die bokant van die webwerf. Hierdie brokkie lyk soos volg:

#logotype {

agtergrond: url (images / logotype.png) linker-middel nie herhaal nie #fff;

breedte: 230px;

hoogte: 60px;

marge: 10px 25px;

posisie: relatief;

Stap 3

In hierdie kode, in die agtergrond: url-lyn, moet u die pad na die agtergrondbeeld van die toekomstige webwerf spesifiseer. Die volgende reëls dui die lengte en hoogte van die prent aan, en die randitem definieer die vertikale en horisontale inspringing van die prent.

Stap 4

Soek die logotype.png-lêer in die sjabloonvouers, wat as die logo in die kode gebruik word, en vervang dit in dieselfde map met u eie logo met dieselfde naam in png-formaat.

Stap 5

Laai die agtergrondfoto op na die public_html / tmpl / template_name / Images / folder, waarna, soos hierbo genoem, die pad na die prent in die agtergrond: url-lyn skryf.

Stap 6

Skryf, indien nodig, die parameters van die hoogte, lengte en verrekening van die beeld oor. Die posisie: relatiewe lyn kan alleen gelaat word. Stoor die veranderinge in die lêer en laai dit op die bediener in plaas van die ou sjabloonlêer.

Stap 7

As u die footer-webwerf-logo wil verander, soek in style.css die kode wat begin met die woorde logotype-footer. Stoor die prentjie met die nuwe logo en laai dit op na die afbeeldingsmap van die sjabloon.

Stap 8

Verander die lengte- en hoogteparameters. Stoor die style.css-lêer weer en laai die opgedateerde webwerf na die bediener op.

Aanbeveel: