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, nid oeddwn am 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!