Newid Dyluniad Gwe Tiny gydag Effaith Fawr

Pan lansiais wefan newydd, roeddwn i eisiau ychwanegu rhyw fath o nodwedd i'r blog a fyddai'n tynnu sylw at y wefan newydd. Fodd bynnag, doeddwn i ddim eisiau ei wneud yn rhy amlwg na chymryd i ffwrdd o'r blog ei hun.

Roedd yr ateb yn fach iawn, ond cafodd effaith enfawr ... gan ychwanegu delwedd newydd fach i'r ddolen yn y ddewislen llywio. (cliciwch drwodd i'r postiwch i'w weld ar waith). Rhedais gyda'r ddolen am sawl diwrnod ar ei ben ei hun a chefais draffig sero. Fe wnes i ychwanegu'r ddelwedd a nawr mae 8.5% o'r traffig allan yn mynd trwy'r ddolen honno!

Yn hytrach nag ymgorffori'r ddelwedd yn yr HTML mewn gwirionedd, defnyddiais CSS fel y gallwn ei defnyddio ar nodweddion newydd eraill yn y dyfodol. Mae'r CSS yn edrych fel hyn:

span.new {cefndir: url (/mytheme/new.png) dim-ailadrodd ar y dde uchaf; padin: 0px 18px 0px 0px; }

Mae'r cefndir yn angori'r ddelwedd i ben dde'r testun ac yn ei atal rhag ailadrodd. Mae'r padin yn gwthio'r rhychwant 18 picsel heibio'r testun fel bod eich delwedd mewn golwg glir. Mae ei ymgorffori yn y dudalen bellach yn hawdd, rydw i'n defnyddio tag rhychwant o amgylch fy nhestun:

Adolygiadau

Weithiau nid yw'n cymryd llawer i bwyntio'ch darllenwyr i gyfeiriad newydd!

3 Sylwadau

  1. 1

    Awgrym anhygoel! Mor syml ac mor dda ... Dyna'r math o bethau sy'n ychwanegu gwerth at flog: awgrymiadau syml, da, defnyddiol ... Diolch!

  2. 2
  3. 3

Beth ydych chi'n feddwl?

Mae'r wefan hon yn defnyddio Akismet i leihau sbam. Dysgwch sut mae eich data sylwadau yn cael ei brosesu.