#cus-003

CUS-003

Customização

Editando seu tema

A edição do tema na web oferece recursos de personalização mais avançados. Ao contrário da edição da aparência do blog, o tema só pode ser editado na web. Sendo assim, quaisquer edições que você fizer em seu tema só serão visíveis nos navegadores web e não nos aplicativos.

Vamos então editar o tema oficial do Tumblr na web. Esconderemos a navegação e alteraremos o layout padrão para um layout em grade.

Entre no seu blog.

Clique na paleta no canto superior direito.

Um menu se abrirá na barra lateral à esquerda.

Na parte superior dessa barra lateral esquerda, você verá seu tema e um link para editar o HTML. Se você se sente confortável em editar CSS e HTML, esse é o lugar onde você faz as alterações.

Role para baixo para ver as opções.

Na parte inferior é onde encontram-se as personalizações apenas para a web.

Clique no menu suspenso para editar o layout e selecione "grade".

Desative a opção "Mostrar navegação".

CUS-003 Настройки

Редактирование темы

Редактирование темы в веб-версии для ПК даёт расширенные возможности настройки. В отличие от оформления блога, тему можно редактировать только в веб-версии. Все внесённые в тему изменения будут видны в веб-браузерах (но не в приложении).

Давайте отредактируем Официальную тему Tumblr, которая используется в веб-версии по умолчанию. Мы скроем навигацию и заменим стандартный макет на макет "сетка".

Перейдите в блог.

Нажмите значок палитры в правом верхнем углу.

В левой части экрана появится боковая панель.

Вверху этой боковой панели вы увидите свою тему и ссылку на редактирование её HTML-кода. Если вы разбираетесь в редактировании CSS и HTML-кода, вы можете внести изменения прямо здесь.

Прокрутите вниз, чтобы увидеть параметры оформления.

Ближе к низу вы увидите настройки, доступные только в веб-версии для ПК.

Нажмите раскрывающийся список рядом с макетом и выберите "Сетка".

Выключите переключатель "Показать навигацию".

CUS-003 Customization Editing Your Theme

CUS-003 カスタマイズ テーマの編集

デスクトップでテーマを編集すると、より高度なカスタマイズができます。外観の編集とは異なり、テーマの編集はデスクトップでのみ可能です。テーマの編集内容は、アプリ以外のWebブラウザにのみ表示されます。

デスクトップでデフォルトのTumblr公式テーマを編集してみましょう。ナビゲーションを非表示にし、デフォルトのレイアウトからグリッドレイアウトに変更します。

自分のブログにアクセスします

右上にあるパレットをクリックします

左側に新しいサイドバーが表示されます

左サイドバーの上部に、あなたのテーマと、HTMLを編集するためのリンクが表示されます。CSSやHTMLの編集が得意な方は、ここから変更できます

スクロールダウンすると、外観オプションが表示されます

下の方に、デスクトップ専用のカスタマイズがあります

レイアウトの隣にあるドロップダウンをクリックして、「Grid（グリッド）」を選択します

「Show navigation（ナビゲーションの表示)」をオフにします

🎨

CUS-003 Personalizzazione Modifica del tuo tema

La modifica del tema sul desktop offre funzionalità di personalizzazione più avanzate. A differenza della modifica dell'aspetto, puoi modificare il tuo tema solo sul desktop. Eventuali modifiche apportate al tema saranno visibili solo sui browser Web al di fuori delle app.

Modifichiamo il tema ufficiale di Tumblr predefinito sul desktop. Nasconderemo la navigazione e cambieremo il layout predefinito in un layout a griglia.

Vai al tuo blog

Fai clic sulla tavolozza nell'angolo in alto a destra

Vedrai una nuova barra laterale a sinistra.

Nella parte superiore della barra laterale sinistra, vedrai il tuo tema e un link per modificare l'HTML. Se hai dimestichezza con la modifica di CSS e HTML, è qui che farai le eventuali modifiche.

Scorri verso il basso per vedere le opzioni di aspetto.

Verso il basso è dove vediamo solo le personalizzazioni del desktop.

Fai clic sul menu a discesa accanto al layout e seleziona "Griglia"

Disattiva "Mostra navigazione"

🎨

CUS-002 自定义

编辑外观

你可以直接在移动应用中改变你的博客外观。你所做的所有改变都将在桌面和移动应用中对其他人可见。以下是编辑你的博客外观的方法。

轻按你博客上的调色板图标

你现在会看到外观选项

轻按你的头像来添加图像

轻按页头来更改图像

轻按“背景”来改变背景颜色

轻按“强调文字颜色”来改变你的导航颜色

轻按你的标题来编辑文本、字体和颜色

CUS-003 Dostosowywanie Edytowanie szablonu

Edycja szablonu w przeglądarce oferuje bardziej zaawansowane funkcje. W przeciwieństwie do edycji wyglądu szablon można edytować tylko w przeglądarce. Zmiany dokonane w szablonie będą widoczne tylko w przeglądarkach internetowych poza aplikacjami.

Pobawmy się więc w edycję domyślnego szablonu Tumblr Official. Ukryjemy nawigację i zmienimy domyślny układ na układ siatki.

Przejdź do bloga.

Kliknij ikonę palety w prawym górnym rogu.

Po lewej stronie pojawi się nowy pasek boczny.

W górnej części lewego paska bocznego zobaczysz szablon i link do edycji kodu HTML. Jeśli znasz trochę podstawy CSS i HTML , w tym miejscu możesz wprowadzić zmiany.

Przewiń w dół, aby zobaczyć opcje wyglądu.

W dolnej części znajdują się ustawienia dostosowania tylko dla przeglądarki.

Kliknij listę rozwijaną obok opcji "Układ" i wybierz opcję "Siatka".

Wyłącz opcję "Pokaż nawigację".

🎨

CUS-003 自訂功能 編輯你的佈景主題

在桌面電腦上編輯佈景主題將可提供你更多進階的自訂功能。與編輯外觀不同的是，你只能在桌面電腦上編輯你的佈景主題。任何對佈景主題所作的編輯，都將只會呈現在應用程式之外的網頁瀏覽器上。

我們來在桌面電腦上編輯預設的 Tumblr 官方佈景主題作為示範。我們將會隱藏導覽選單，並把預設的版面配置變更為格狀檢視。

前往你的部落格

按一下右上角的藝術調色盤

你將會在左邊看到一個新的側邊欄。

在左側邊欄的頂端，你將會看到你的佈景主題還有一個可供編輯 HTML 的連結。如果你對 CSS 和 HTML 編輯很習慣的話，那麼你可以在這裡作變更。

向下捲動就會看到外觀選項。

靠近底部的部分是只限在桌面電腦上使用的自訂功能。

按一下版面配置旁邊的下拉式選單，然後選取「格狀」。

切換關閉「顯示導覽選單」。

🎨