Logotipas ir "WordPress" svetainė - kaip jį sukurti ir pridėti prie svetainės

Logotipas ir "WordPress" svetainė - kaip jį sukurti ir pridėti prie svetainės

There’s a logo on (almost) every website. It hugely contributes to website’s look, first impression your visitors get when they open the site and it certainly is a branding thing. Well designed logo helps you send the right message about your company to your potential customers and increases recognition of your brand. This is the marketing point of view in regards of logos, but what about the technical side of the issue? How a good logo should be designed and what parameters should it have. Here’s the insight of our experienced designer and front-end developer Peter.

Logo size and dimensions

When it comes to designing logo for the first time, always think one step ahead. Or ideally, think several steps ahead and consider where will your logo be displayed and in what other ways will it be used. The logo size should be derived depending on all its potential uses. If you design your logo in a fixed pixel size, easily can happen that its parameters won’t allow printing it in a good quality as printed format requires different dpi than display screens. On the other hand, if you create your logo as a vector graphic you will be able to export it in any desired resolution.

Dimensions of your logo graphic are highly individual. However, make sure the logo looks good in every size. E.g. if I’m designing logo for header of my website, I should pay attention to how it looks all the way through the designing process.

It’s better to design logo that is more simple, without huge amount of details as they can vanish in smaller sizes. Simpler logos will always stay clear and legible. You will avoid the necessity of designing more variations of the same logo in case it needs to be scaled down.

Horizontal logos are easier to work with

Vertical or horizontal? Vertical logos not always proportionally fit to the rest of the website design and are more difficult to work with. This applies twice when it comes to WordPress themes. Consider website responsiveness when designing your logo and you’ll see how much better will horizontal logo look on different devices.

If you have chosen the theme already, check what logo dimensions would be best to fit in nicely. Or the other way around. If you have your final logo designed, choose the theme that will allow its correct display. At least if you want to avoid redesigning of the theme or creating a new variation of your logo for the theme.

Logo will be displayed in several different places on your website or better to say in the WordPress theme. This is just another reason to avoid over-complicated logos.

Logotipų tipai

Logo content

When initially deciding about your logo design, you have several types of logos to choose from:

  • icon/image
  • logotype or typographic (just the name in a specific font or graphic settings)
  • combination of both

How logo should look like depends on the website topic / business orientation. It should reflect certain message that relates to the business. E.g. if we have a business with a specific product, we can make this product a part of logo. Selling bikes – a wheel. Writing blog posts – a pen, a book etc. On the other side, logo does not necessarily need to contain anything specific, it can be abstract thing, just simple geometric shapes, but it should be easy to remember. You can find some inspiration on internet and check sample logos on Behance, or Dribble.

If you have no idea or have nothing specific in mind that could be used as the image part of the logo, you can simply use typographic logo. There is lots of fonts available on fonts.google.com that are free for commercial use. It isn’t a rule to use serif font that looks more serious, but it is good to choose rather simpler font, not like comic sans etc. 😀 We are not going to present our wild ideas to the customers, they have their own ones… We do not want to discourage them, we want to increasing the conversion rate instead.

Tipografinis logotipas

If we nevertheless wanted to have a graphic symbol in the logo, it could be created e.g. from the initials of the name. This is often used, when the logo represents the name of the person i.e. his or her initials.

Nowadays the trend is to use simple logos. Even the large companies are simplifying their brand, it doesn’t harm anything.

Logotipų pertvarkymai

Source: http://www.underconsideration.com/brandnew/archives/

Spalvos

Logo should be made in several colour variations. The basic one should be in the colour of the brand and the other variations should be designed in a way suitable for dark and light backgrounds. It’s good practice to have also monochromatic version, or just a bi-colour version especially for printing purposes. In this case it is also good to check if there aren’t any unnecessary details which cannot be printed anyway.

The colour of logo should be aligned with the rest of the web colour scheme. Logo does not necessarily need to be colourful to capture attention. It is sufficient to use just one colour or match the 2 colours if you don’t feel for matching more colours. The name is usually visualized in dark colours, close to black, or alternatively white, depending on the background and then the graphic symbol is colourful. But it is not the rule.

There are also various generators on internet that can help you match multiple colours e.g. coolors.co/app Look at this color wheel tool from Canva and choose your perfect combination.

Setting up logo in your WordPress theme

Demo of the WordPress theme will show you how will your logo be displayed on each different responsive layout of the website. As mentioned earlier, if you have your logo designed already, choose the most suitable WP theme that would fit in nicely with your company logo.

For adding logo to your website, go to Theme Admin and choose Theme Options.

WordPress temos parinktys - svetainės logotipas

On the Theme Options setup page, go to Header. Upload your logo by clicking to “Select Image” button text to Website Logo setting. Click Save Options.

"WordPress" temos parinktys - pasirinkite logotipą

Visit your site preview to see how your Logo is being displayed.

Designing your first logo is a thing that deserve a lot of thoughts. Focus on the message you want to send to your customers. It will represent your brand for many years to come. Well designed logo will stay with you a long time and will not require huge changes. Remember that the trend is to simplify things rather than make them more complicated. Therefore if you already have a logo that has too many details, colours or curves, consider creating fresh modern version of it. Adding it to your WordPress website is a matter of 3-4 clicks and it’s done.

32 pagalvojo apie „Logo & WordPress website – how to create & add it to your site

  1. Ačiū už puikius patarimus! Tačiau turiu klausimą, kurį, manau, galėtumėte
    tikėtinas atsakymas. Ar laisvai samdomi žiniatinklio dizaineriai ir (arba) kūrėjai yra linkę nustatyti savo klientams
    bendrųjų ar dedikuotųjų prieglobos planų? Noriu įsitikinti, kad jų svetainė
    yra greitas. Bet kokia įžvalga būtų labai dėkinga!

    1. Sveiki,
      ačiū už jūsų komentarą. Apgailestaujame, bet joks tyrimas/apklausa nebuvo atlikta, bet kokiu atveju mes dar kartą apsvarstysime ir priimsime vyrišką sprendimą.
      Malonūs linkėjimai!
      Zlatko

  2. Savo verslą paversti prekės ženklu - nelengva užduotis, tačiau prekės ženklų kūrimo įmonė

  3. ieškojau logotipo dizaino, kaip sukurti logotipą per valandą, nei išgirdau apie logotipo kūrėją, jaučiuosi laimingas po to, kai naudojau logotipo kūrėją. Po to ieškau būdo, kaip pridėti šį logotipą prie savo svetainės, radau, kad jūsų tinklaraštyje, ačiū, kad juo pasidalijote.

    1. Sveiki,
      labai ačiū už jūsų komentarą ir komplimentus.
      Jei jus domintų kitos temos, nedvejodami praneškite mums.
      Geros dienos!
      Zlatko

  4. Puikus vadovas apie tai, kaip galima nustatyti logotipą WordPress svetainėje. Naudinga informacija man .Ačiū už dalijimąsi informatyvaus turinio

    1. Sveiki,
      ačiū už komplimentą. Jei turite idėjų, apie ką turėtų būti kitas tinklaraščio įrašas, nedvejodami susisiekite su mumis.
      Malonūs linkėjimai!
      Zlatko

      1. jūs turite aiškiai rašyti apie WordPress dabartinę atnaujinimo versiją. kai kurie klausimai nėra išspręsti . tiesiog rašyti apie WordPress atnaujintus dienoraščius

      2. rašyti išsamią informaciją apie dabartines wordpress atnaujintas versijas. nes mano svetainė buvo wordpress cms, bet aš negalėjau paskelbti jokių dienoraščio vaizdų, koks yra sprendimas??

        1. Sveiki,
          ačiū, kad susisiekėte su mumis. Gal galėtumėte pateikti savo vartotojo vardą, registruotą mūsų sistemoje, o dar geriau būtų išsamiai aprašyti, kurioje temoje susidūrėte su pirmiau minėta problema?
          Antra,
          geriausias sprendimas, kaip jums padėti, būtų, jei tiesiogiai kreiptumėtės į mūsų palaikymo forumą. Todėl pateikite mūsų "Ait-Themes" komandai AIT SysInfo ataskaitą: https://www.ait-themes.club/wordpress-plugins/ait-sysinfo/. Mūsų specialistai yra pasirengę padėti jums bet kokiu su tema susijusiu klausimu: Klientų pagalba teikiama darbo dienomis nuo 8 iki 17 valandos Vidurio Europos laiku. Jei dar nesukūrėte "Ait Themes Club" paskyros, naudokitės šia forma: https://system.ait-themes.club/join/tf ir savo techninį klausimą pateikite tiesiogiai mūsų pagalbos bilietų sistemoje. Prisijunkite prie savo paskyros https://system.ait-themes.club/support/ . Apskritai parama daugiausia apima temos problemų sprendimų paiešką ir pagalbą naudotojams naudotis produktu, jei yra klaida, mes ją kuo greičiau ištaisysime. Deja, mes negalime dirbti su naudotojų pasirinktomis svetainėmis.
          Mūsų technikai gali atsakyti efektyviausiai, netgi kuo greičiau, jei pasirinksite "prioritetinio klausimo" paslaugą /atsakymą gausite per kelias darbo valandas/.
          Ačiū už supratimą.
          Geriausia!
          Zlatko

  5. Sveiki,

    ačiū už komplimentus ir komentarus. Logotipas yra (turėtų būti) tik paprastas identifikatorius, kuris nepaaiškina verslo. Gražus, patrauklus ir lengvai pastebimas net iš tolo. Visa kita yra rinkodaros reikalas.

    Geriausia!
    Zlatko

  6. Sveiki,

    ačiū už jūsų komentarą. Taip, tai tiesa. Kitaip tariant, kai kas nors dirbo kurdamas ir augindamas savo unikalų prekės ženklą, jis galės jį simbolizuoti savo unikaliu logotipu.

    Nuoširdžiai!
    Zlatko

  7. Sveiki,
    Labai ačiū už komplimentą ir atsiliepimus. Visiškai sutinku! Logotipai yra labai svarbūs.
    Nuoširdžiai!
    Zlatko

  8. Nuostabūs patarimai, kaip kurti logotipą su "WordPress" svetaine. Mėgstu skaityti pranešimą. Mes dirbame, kad pradėtume nekilnojamojo turto įmonę Sunshine Coast ir beveik pasirengę atidaryti, ir šiuo metu ieškome geriausios logotipo dizaino agentūros Sunshine Coast. Čia gavau keletą puikių įrankių, kad galėtume išbandyti savo logotipo dizainą. Ačiū už dalijimąsi.

    1. Sveiki, Stephany,

      ačiū už komentarą ir šiltus žodžius :). Linkiu sėkmės jūsų naujame versle.

      Nuoširdžiai!
      Zlatko

  9. Informatyvus turinys Man patiko daug skaityti tai. Kaip visi žino, kad kai asmuo pradeda savo verslą, logotipas veikia kaip to konkretaus prekės ženklo kūrybinis takelis.

    1. Sveiki,
      ačiū už gerus žodžius ir įkvepiančius komplimentus.
      Geriausi linkėjimai!
      AIT

  10. Sveiki,

    ačiū, kad skyrėte laiko komentarui ir išnagrinėjote logotipo naudojimo prasmę - iš tiesų pirmasis elementas, kurį klientai mato, yra logotipas - akių stebėjimo tyrimai rodo, kad naudotojai, prieš pereidami prie kito turinio, kelias sekundes pirmiausia žvilgteli į logotipą - dizainas yra svarbus.

    Nuoširdžiai!
    AIT komanda

  11. Pritariu jūsų mintims. Svetainės, kurios yra jautrios, patrauklios, interaktyvios, prieinamos, patogios lankytojams ir paieškos sistemoms, yra esminiai komponentai, kurie galutiniams naudotojams suteikia daugiau patogumo. Iš visų veiksnių, į kuriuos pirmiausia dėmesį sutelkia vartotojas, svarbiausias yra įperkamumas. Tai veiksmingas procesas, jei gerą dizainą galima gauti už prieinamą kainą. Panašiai mūsų organizacija taip pat teikia savo paslaugas labai prieinamomis kainomis.

    1. Sveiki, Kishana,

      ačiū, kad klausiate. Animacinis logotipas veikia teisingai.
      Jei turite daugiau klausimų, susisiekite su mumis.

      Nuoširdžiai!
      AIT

  12. Gerai paaiškinta. Visi dalykai buvo tinkamai ir išsamiai paaiškinti. Labai tiesa, kad išskirtinis kūrybinis dizainas pritraukia dėmesį ir sukuria teigiamą įspūdį apie prekės ženklą, todėl geriau, kad tai darytų šios srities specialistai.

  13. Puikiai ! Man asmeniškai patinka jūsų dienoraštis ir laukia daugiau straipsnių, kaip šis

Komentarai nepriimami.