デザイン

  • この記事の目的 YoutubeやVimeoなどをサイトに埋め込みたい場合、iframeを使用する事があると思います。iframeは画面幅で自動調節されませんが、このテクニックを使うことで 成果物 まずはこの記事でできる成果物のご紹介です。 Youtube こちらは実際に埋め込まれたYoutubeになります。 Vimeo Vimeoも大丈夫ですね。 iframeをレスポンシブにしよう! Imageタグの様にふるまうDivタグをつくるにはまず、iframeを2つのDivで囲みます。 iframeの幅はの部分で定義しています。 [crayon-5eff531d98a2d820942883/] そして...
  • ここではwordpress 5.0から導入されるグーテンベルク(Gutenberg)エディターで追加されたボタンをカスタマイズする方法を紹介します。この新しいエディターでは直感的に複雑なデザインを追加することが出来ます。現在のWordpressの最新バージョン4.9(2018年8月時点)ではプラグインを使用することで利用することが出来ます。
  • ここではwordpress 5.0から導入されるグーテンベルク(Gutenberg)エディターで追加されたカバー画像にパララックスエフェクトを付与する方法を紹介します。サンプルコードとデモあります。

最新記事