Tumgik
#pro-014
tips · 2 years
Text
Tumblr media
PRO-014 Pro Tips How To Build A Custom Theme
Understanding meta tags is the first step to making custom themes. Theme designers create custom themes using HTML and CSS. They add meta tags so people can edit theme styles from the customization panel without having to edit the code.
Meta tags control powerful style elements like background, layout, and navigation. If you’ve ever edited the HTML in a theme, you may have seen something like this in the <head>.
Tumblr media
This line adds the change background color option to the customization panel.
Tumblr media
But Tumblr still needs to know what element of your blog this option controls.
Further down in <style>, there’s a line that assigns this option to your blog’s background color.
Tumblr media
This line tells Tumblr to use the Background color you choose in the panel as the blog’s background color.
😎
266 notes · View notes
equipebrasil · 1 year
Text
Tumblr media
PRO-014 Dicas de profissional Como criar um tema personalizado
Entender de metatags é o primeiro passo para criar temas personalizados. Os designers criam seus temas personalizados usando HTML e CSS. Eles adicionam metatags para que as pessoas possam editar estilos de tema no painel de personalização sem precisar editar o código.
As metatags controlam elementos de estilo poderosos, como planos de fundo, layouts e navegação. Caso já tenha editado o HTML de um tema, talvez tenha visto uma linha parecida com esta na seção <head>.
Tumblr media
Essa linha adiciona a opção de mudança de cor de fundo ao painel de edição de temas.
Tumblr media
Mas o Tumblr ainda precisa saber qual elemento do seu blog essa opção controla.
Mais abaixo, em <style>, há uma linha que atribui essa opção à cor de fundo do blog.
Tumblr media
Esta linha diz ao Tumblr que cor de fundo você escolheu usar como cor de fundo do seu blog.
97 notes · View notes
komanda · 1 year
Text
Tumblr media
PRO-014 Для профи
Как создать пользовательскую тему
Понимание метатегов — первый шаг к созданию пользовательских тем. Разработчики тем создают пользовательские темы, используя HTML-код и CSS. Они добавляют метатеги, чтобы люди могли редактировать стили тем на панели настройки без необходимости редактировать код.
Метатеги управляют такими важными элементами стиля, как фон, макет и навигация. Если вы когда-либо редактировали HTML-код в теме, вы могли видеть что-то подобное внутри контейнера <head>.
Tumblr media
Эта строка добавляет параметр изменения цвета фона на панели настройки.
Tumblr media
Но платформе Tumblr все ещё необходимо знать, какой элемент блога контролирует этот параметр.
Далее, в <style>, есть строка, которая присваивает этот параметр цвету фона вашего блога.
Tumblr media
Эта строка говорит Tumblr использовать цвет фона, который вы выбрали на панели, как фоновый цвет блога.
😎
89 notes · View notes
ekipa · 1 year
Text
Tumblr media
PRO-014 Porady dla ekspertów Jak zbudować własny szablon
Zrozumienie, czym są metatagi, jest pierwszym krokiem do utworzenia własnego szablonu. Projektanci tworzą niestandardowe szablony za pomocą HTML i CSS. Dodają metatagi, dzięki czemu twórcy mogą edytować style szablonów z panelu dostosowywania bez konieczności edycji kodu.
Dzięki metatagom można zarządzać elementami stylu, takimi jak tło, układ i nawigacja. Jeśli kiedykolwiek zdarzyło Ci się edytować HTML w szablonie, być może rzuciło Ci się w oczy coś takiego w sekcji <head>.
Tumblr media
Ten oto wiersz dodaje opcję zmiany koloru tła do panelu dostosowywania.
Tumblr media
Tyle że Tumblr nadal musi wiedzieć, jakim elementem Twojego bloga dana opcja zarządza.
Chodźmy w dół, czyli w <style>. Tam widzimy wiersz, który przypisuje tę opcję do koloru tła Twojego bloga.
Tumblr media
Ten wiersz mówi Tumblrowi, aby użył koloru tła wybranego w panelu jako koloru tła bloga.
😎
(Źródło: tips)
54 notes · View notes
nihongo · 1 year
Text
Tumblr media
PRO-014 プロ向けのヒント カスタムテーマの作成方法
メタタグを理解することは、カスタムテーマを作るための第一歩です。テーマデザイナーは、HTMLとCSSを使ってカスタムテーマを作成しています。彼らは、ユーザーがコードを編集することなくカスタマイズパネルからテーマスタイルを編集できるように、メタタグを追加しています。
メタタグは、背景、レイアウト、ナビゲーションなどの重要なデザイン要素をコントロールします。テーマでHTMLを編集したことがある方は、<head>で、以下のようなものを見たことがあるかもしれません。
Tumblr media
この行は、カスタマイズパネルに背景色の変更オプションを追加するものです。
Tumblr media
ただし、Tumblrは、それでもこのオプションがあなたのブログのどの要素をコントロールしているかを知る必要があります。
<style>の下の方に、このオプションをあなたのブログの背景色に割り当てる行があります。
Tumblr media
この行は、���ネルで選択した背景色をブログの背景色として使用するように指示するものです。
😎
(ソース:ヒント)
40 notes · View notes
mitarbeiter · 2 years
Text
Tumblr media
PRO-014 Profi-Tipps Eigene Templates erstellen
Wenn du eigene Templates erstellen möchtest, solltest du dich zunächst mit Meta-Tags beschäftigen. Eigene Themes werden mit HTML und CSS erstellt. Dann werden Meta-Tags hinzugefügt, damit andere User:innen den Stil im Anpassungs-Panel ändern können, ohne den Code bearbeiten zu müssen.
Meta-Tags haben Einfluss auf wichtige Stilelemente wie Hintergrund, Layout und Navigation. Wenn du schon einmal den HTML-Code eines Templates bearbeitet hast, hast du vielleicht schon einmal so etwas unter <head> gesehen:
Tumblr media
Diese Zeile fügt die Option zum Ändern der Hintergrundfarbe in das Anpassungs-Panel ein.
Tumblr media
Tumblr muss aber trotzdem wissen, für welche Elemente deines Blogs diese Option gilt.
Unter <style> gibt es eine Zeile, die diese Option der Hintergrundfarbe deines Blogs zuweist.
Tumblr media
Diese Zeile bewirkt, dass Tumblr die von dir im Panel gewählte Hintergrundfarbe als Hintergrundfarbe für den Blog verwendet.
😎
(Quelle: Tipps)
33 notes · View notes
equipe · 2 years
Text
Astuces de pro : leçon 014
Tumblr media
Astuces de pro
Comment créer un thème personnalisé
Bien comprendre le fonctionnement des balises de métadonnées est la première étape avant de se lancer dans la conception de thèmes personnalisés. Les concepteurs de thèmes utilisent activement le HTML et le CSS. Ils ajoutent ainsi des balises de métadonnées afin que les utilisateurs de leurs thèmes puissent facilement en modifier le style directement depuis l'interface de personnalisation, et ce, sans mettre les mains dans le cambouis code.
Les balises de métadonnées agissent directement sur le style des éléments visuels tels que l'arrière-plan, la disposition des éléments ou la navigation. Si vous avez déjà consulté le code HTML d'un thème, vous avez sans doute observé ce genre de texte dans la section < head >.
Tumblr media
Dans cet exemple, cette ligne balisée "< meta >" ajoute l'opportunité de modifier la couleur d'arrière-plan "Background color" au sein de l'interface de personnalisation.
Tumblr media
Mais Tumblr doit par ailleurs connaître précisément quel élément de votre blog utilise cette option.
Ainsi, dans la section "< style >" un peu plus bas, on constate que cette option est assignée à la couleur d'arrière-plan de votre blog.
Tumblr media
Avec cette ligne, Tumblr sait maintenant qu'il doit utiliser comme couleur d'arrière-plan du blog celle que vous avez paramétrée dans l'option "Background color" de l'interface de personnalisation.
😎
26 notes · View notes
lostaff · 1 year
Text
Tumblr media
PRO-014 Suggerimenti per professionisti Come creare un tema personalizzato
Comprendere i meta tag è il primo passo per creare temi personalizzati. I designer di temi creano temi personalizzati utilizzando HTML e CSS. Aggiungono meta tag in modo che le persone possano modificare gli stili del tema dal pannello di personalizzazione senza dover modificare il codice.
I meta tag controllano potenti elementi di stile come sfondo, layout e navigazione. Se hai mai modificato l'HTML in un tema, potresti aver visto qualcosa del genere in .
Tumblr media
Questa riga aggiunge l'opzione di modifica del colore di sfondo al pannello di personalizzazione.
Tumblr media
Ma Tumblr ha ancora bisogno di sapere quale elemento del tuo blog controlla questa opzione. 
Più in basso in <style>, c'è una linea che assegna questa opzione al colore di sfondo del tuo blog.</p>
Tumblr media
Questa riga dice a Tumblr di utilizzare il colore di sfondo che scegli nel pannello come colore di sfondo del blog.
😎
(Fonte: suggerimenti)
18 notes · View notes
guanbo · 1 year
Text
Tumblr media
PRO-014 专业提示
如何创建自定义主题
了解 Meta 标签是制作自定义主题的第一步。主题设计师使用 HTML 和 CSS 创建自定义主题。他们会添加 Meta 标签,这样人们就可以在定制面板上编辑主题样式,而不必编辑代码。
Meta 标签可以控制强大的风格元素,如背景、布局和导航。如果你曾经编辑过主题中的 HTML,你可能会在 <head> 中看到类似这样的东西:
Tumblr media
这行代码在自定义面板中添加了改变背景颜色的选项。
Tumblr media
但 Tumblr 仍然需要知道这个选项控制你博客的什么元素。
在 <style> 中,有一行将这个选项分配给你的博客的背景颜色。
Tumblr media
这行代码告诉 Tumblr 使用你在面板中选择的背景色作为博客的背景色。
😎
10 notes · View notes
hangulteam · 2 years
Text
Tumblr media
PRO-014 전문가 팁 사용자 지정 테마 만들기
사용자 지정 테마 만들기 첫 단계는 메타 태그 이해하기입니다. 테마 디자이너들은 HTML과 CSS를 사용해 사용자 지정 테마를 만들어요. 디자이너들은 메타 태그를 추가해서, 사용자 지정 패널에서 사람들이 코드 편집 없이도 테마 스타일을 편집하도록 해줘요.
메타 태그는 배경, 레이아웃, 탐색 등 강력한 스타일 요소를 관리합니다. 테마에서 HTML을 편집해 본 적이 있다면, <head>에 아래와 비슷한 라인을 봤을 거예요.
Tumblr media
이 라인은 사용자 지정 패널에 배경 색상 변경 옵션을 추가합니다.
Tumblr media
Tumblr는 블로그 어떤 요소가 이 옵션을 관리하는지 알아야 해요. 
더 아래로 내려가면 <style>에 이 옵션을 블로그 배경 색상으로 지정하는 라인이 있어요.
Tumblr media
이 라인 때문에 Tumblr는 패널에서 선택한 배경 색상을 블로그 배경 색상으로 사용한다는 걸 알 수 있어요.
😎
(출처: 팁)
9 notes · View notes
medewerkers · 1 year
Text
Tumblr media
PRO-014 Tips voor professionals Hoe maak je een aangepast sjabloon?
Het begrijpen van metatags is de eerste stap naar het maken van aangepaste sjablonen. Ontwerpers van sjablonen maken aangepaste sjablonen met behulp van HTML en CSS. Ze voegen metatags toe zodat gebruikers de sjabloonstijlen vanuit het configuratiepaneel kunnen bewerken zonder de code te hoeven bewerken.
Metatags regelen belangrijke stijlelementen zoals achtergrond, lay-out en navigatie. Als je ooit de HTML in een sjabloon hebt bewerkt, heb je misschien zoiets gezien in de <head>.
Tumblr media
Deze regel voegt de optie Achtergrondkleur wijzigen toe aan het configuratiepaneel.
Tumblr media
Maar Tumblr moet nog steeds weten welk element van je blog deze optie aanstuurt.
Verderop in <style> staat een regel die deze optie toewijst aan de achtergrondkleur van je blog.
Tumblr media
Deze regel vertelt Tumblr om de achtergrondkleur die je in het paneel kiest te gebruiken als de achtergrondkleur van de blog.
😎
(Bron: tips)
4 notes · View notes
staf · 1 year
Text
Tumblr media
PRO-014 Trik Pro Cara Membuat Tema Kustom
Memahami tagar meta adalah langkah pertama untuk membuat tema kustom. Desainer tema membuat tema kustom menggunakan HTML dan CSS. Mereka menambahkan tagar meta agar orang lain dapat mengedit gaya tema dari panel kustomisasi tanpa harus mengedit kodenya.
Tagar meta mengendalikan elemen gaya yang sangat berpengaruh seperti latar belakang, tata letak, dan navigasi. Jika Anda pernah mengedit HTML dalam sebuah tema, Anda mungkin sudah pernah melihat sesuatu seperti ini di bagian <head>.
Tumblr media
Baris ini menambahkan opsi merubah warna latar belakang ke panel kustomisasi.
Tumblr media
Tapi Tumblr masih perlu mengetahui elemen mana dari blog Anda yang dikendalikan oleh opsi ini.
Menuju ke bagian bawah dalam <style>, terdapat baris yang menugaskan opsi ini ke warna latar belakang blog Anda.
Tumblr media
Baris ini memberi tahu Tumblr untuk menggunakan warna Latar Belakang pilihan Anda di panel sebagai warna latar belakang blog.
😎
(Sumber: tips)
3 notes · View notes
hongkong-team · 1 year
Text
Tumblr media
PRO-014
專業小貼士
如何創建一個自訂的佈景主題
了解元標籤是創建佈景主題的第一步。佈景主題設計者會使用 HTML 以及 CSS 創建自訂佈景主題。他們會加入元標籤讓其他人可以從自訂控制面板編輯佈景主題樣式,而無需編輯編碼。
元標籤掌控重要的樣式元素,例如背景、版面配置以及導覽。如果你曾在一個佈景主題編輯 HTML,你可能會在 <head> 裡看到像這樣的東西:
Tumblr media
此行會將變更背景顏色選項添加到自訂控制面板。
Tumblr media
不過 Tumblr 仍然需要知道這個選項控制你的部落格的哪一個元素。
在 <style> 的下方,有一行會將這個選項指派給你的部落格背景顏色。
Tumblr media
這一行會告訴 Tumblr 使用你在控制面板選擇的背景顏色作為部落格的背景顏色。
😎
(來源:tips)
2 notes · View notes
equipaportugal · 2 years
Text
Tumblr media
PRO-014 Dicas profissionais Como criar um tema personalizado
Compreender os meta tags é o primeiro passo para fazer temas personalizados. Os desenhadores de temas criam temas personalizados com HTML e CSS. Adicionam meta tags para que as pessoas possam editar estilos de temas a partir do painel de personalização, sem terem de editar o código.
Os meta tags controlam elementos de estilo poderosos, como o fundo, o layout e a navegação. Se alguma vez tiveres editado o HTML num tema, é possível que tenhas visto algo deste género em <head>.
Tumblr media
Esta linha adiciona a opção de alterar a cor de fundo no painel de personalização.
Tumblr media
Mas o Tumblr ainda precisa de saber qual é o elemento do teu blogue que esta opção controla.
Mais abaixo em <style>, há uma linha que atribui esta opção à cor de fundo do teu blogue.
Tumblr media
Esta linha diz ao Tumblr para usar a cor de fundo que escolheres no painel como a cor de fundo do blogue.
😎
5 notes · View notes
saathi · 2 years
Text
Tumblr media
PRO-014 पेशेवर सुझाव कस्टम थीम कैसे बनाएँ
कस्टम थीम बनाने में पहला कदम है मेटा टैग को समझना. थीम डिज़ाइनर HTML और CSS का इस्तेमाल करके कस्टम थीम बनाते हैं. वो मेटा टैग जोड़ते हैं ताकि लोग कोड में बदलाव किए बिना कस्टमाइज़ेशन पैनल से थीम स्टाइल में बदलाव कर सकें.
मेटा टैग ज़ोरदार स्टाइल एलिमेंट, जैसे बैकग्राउंड, लेआउट और नेविगेशन, वगैरह को नियंत्रित कर सकते हैं. अगर कभी आप किसी थीम के HTML में बदलाव कर चुके हैं, तो शायद आपने <head> में इस तरह का कुछ देखा हो.
Tumblr media
यह पंक्ति कस्टमाइज़ेशन पैनल में 'बैकग्राउंड कलर बदलें' विकल्प जोड़ती है.
Tumblr media
लेकिन फिर भी Tumblr के लिए यह जानना ज़रूरी है कि यह विकल्प आपके ब्लॉग के किस एलिमेंट को नियंत्रित करता है.
<style> में और नीचे जाने पर आपको एक पंक्ति मिलेगी जो यह विकल्प आपके ब्लॉग के बैकग्राउंड कलर को असाइन करती है.
Tumblr media
यह पंक्ति Tumblr को वो बैकग्राउंड कलर चुनने के लिए कहती है जिसे आपने पैनल में ब्लॉग के बैकग्राउंड कलर के तौर पर चुना है.
😎
(स्रोत: tips)
0 notes
decoysouled · 8 months
Text
TAG DUMP // AVERY NAKANO, AKATANI MIKUMO & ARAKAWA AIRU.
0 notes