Emulsion Theme

block editor ( gutenberg ) 対応した新しいコンセプトのテーマ

Month: December 2019

Emulsion Theme

block editor ( gutenberg ) 対応した新しいコンセプトのテーマ

Month: December 2019

  • Accsessibility UI

    Keyboard-Only Navigation for Improved Accessibility Gallery Caption The gallery caption for the theme is usually hidden and displayed when hovering. This can also be displayed by tab key navigation. Additional CSS class LIST-STYLE-TAB You can use a nested list block with the list-style-tab class to make it look like a tab. Usually, the content is displayed by clicking, but you can open the content even when tabbing. hello tab 1 Lorem ipsum […]

  • Theme svg

    The SVG icon attached to the theme is used as an icon for the paragraph block or heading block, or list block (unnumbered list) by adding the class name to the advanced / additional CSS class of the block editor. can do. Reflect the class name by simply pasting it into a paragraph block. In addition, adding a hanging-indent class makes it easier to place icons.Please try it once Example usage with […]

  • テーマの svg

    テーマに付属しているSVGアイコンは、ブロックエディタの高度な設定/追加CSSクラスに、クラス名を追加することで、段落ブロックや見出しブロックの行頭、 リストブロック(番号なしリスト) のアイコンとして使用することができます。クラス名を、段落ブロックなどに、ペーストするだけで反映します。 さらに、hanging-indent クラスを追加すると、より見やすくアイコンを配置することができます。是非、一度お試しください リスト要素での使用例 hello world hello world hello world Icon Block Editor Additional CSS Class Name ico-lock ico-lock icon-cool ico-lock icon-notice ico-lock icon-info ico-lock icon-alert ico-lock icon-dark ico-embed ico-embed icon-cool ico-embed icon-notice ico-embed icon-info ico-embed icon-alert ico-embed icon-dark ico-bell ico-bell icon-cool ico-bell icon-notice ico-bell icon-info ico-bell icon-alert ico-bell icon-dark ico-location ico-location icon-cool ico-location icon-notice ico-location icon-info ico-location icon-alert ico-location icon-dark ico-pdf ico-pdf icon-cool ico-pdf icon-notice ico-pdf icon-info ico-pdf icon-alert […]

  • Block Columns Custom Class

    By adding additional CSS classes, you can add clarity to your custom classes. When block columns is used, the same font as the sidebar is used for the font size. If you use block columns for page layout purposes, you may want to display in the post font size in the main content. If you are just using it as a horizontal layout, the default representation may be sufficient. Lorem ipsum dolor […]

  • ブロックカラム カスタムクラス

    追加CSSクラスを追加することで、カスタムクラスにメリハリを与えることができます。 ブロックカラムを使用した場合、デフォルトでサイドバーのフォントと同じ小さめのフォントが使用されます。 ブロックカラムをページレイアウト目的で使用する場合は、メインコンテンツを通常の投稿のフォントサイズで表示した方が、メリハリのついた見やすいページになるかもしれません。 通常の表示は以下のようなものです。 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip […]

  • list Custom Classes

    You can add a class to the Additional CSS Class field to display a special presentation on your blog. List Block theme default ordered list hello world hello world hello world hello world hello world unordered list hello world hello world hello world hello world hello world Additional CSS Classes You can customize the list icon by adding the class name to Additional CSS Class. list-style-none Remove list icon hide list icon […]

  • リスト カスタムクラス

    テーマのリストブロックの表示 リストブロックで、リストを作成すると以下のように表示します 番号付きリスト hello world hello world hello world hello world hello world 番号なしリスト hello world hello world hello world hello world hello world カスタマイズ クラス ブロックメニューの高度な設定/追加CSSクラスにクラス名を追加することで、リストアイコンのカスタマイズができます。 list-style-none リストアイコンを非表示にします。 hide list icon hello world hello world hello world list-style-initial テーマのスタイルを使用しないで通常のリスト表示をします。 reset list icon hello world hello world hello world circle 番号付きリストで、iconを丸に変更します。 hello world hello world hello world icon-alert iconの色は五種類準備しています。 OL hello world hello world hello world UL hello world hello world hello world […]

  • 見出し カスタムクラス

    default Emulsion Won’t Let You Down. dive into the WEB with emulsion Additional CSS Class: alignwide class:alignwide Emulsion Won’t Let You Down. dive into the WEB with emulsion Additional CSS Class: alignfull Emulsion Won’t Let You Down. dive into the WEB with emulsion Additional CSS Class: alignleft EMULSION WON’T LET YOU DOWN. DIVE INTO THE WEB WITH EMULSION Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut […]

  • ギャラリー カスタムクラス

    alignwide alignfull alignleft alignright Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est […]

  • Gallery Custom Classes

    You can add a class to the Additional CSS Class field to display a special presentation on your blog. alignwide alignfull Custom Classes alignleft alignright Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum […]

Copyright © 2022 Site proudly powered by WordPress