ブログ

社員が発信するブログ。

WordPressテーマ「Divi」で画像をグリッドレイアウトで表示する方法

WordPressテーマ「Divi」で画像をグリッドレイアウトで表示する方法

WordPressテーマ「Divi」で画像をグリッドレイアウトで表示する方法をご紹介します。 実際に作成するグリッドレイアウトのイメージ 画面を覆うように画像を表示し、各画像の右下にテキストを配置します。 スマートフォンでも同様に表示します。 Diviの設定内容 次のようなレイヤーを構成し、各「列」の背景に画像を設定します。 グリッドレイアウト作成の流れ Divi Builderを起動して、「最初から構築」を選択します。 2列構成の行を挿入します。 左の列にテキストモジュールを挿入します。...

WordPressテーマ「Divi」でサイドバーを固定しスクロール追従させる方法

WordPressテーマ「Divi」でサイドバーを固定しスクロール追従させる方法

WordPressテーマ「Divi」でサイドバーを固定しスクロール追従させる方法をご紹介します。 また、こちらではCSS「position: sticky;」を使い固定サイドバーを作る方法をご紹介しています。 https://www.kaname-gh.co.jp/web_design/css_sticky_sidebar/ スクロール追従する固定サイドバーの完成イメージ 画面をスクロールしても位置が固定されているサイドバーを持つ、2カラムレイアウトのページです。 Diviの設定内容...

PHP 5.3.3 環境の作成

PHP 5.3.3 環境の作成

PHP 5.3 系は 2014年8月14日にリリースされたのを最後にサポートは終了しています。しかし、一部のレンタルサーバーではいまだにPHP 5.3 の利用ができます。 今回は PHP 5.3 系 から PHP 7.4 に移行するときに便利な PHP 5.3.3 のステージング環境構築をご紹介いたします。 Docker PHP 5.3.3 は CentOS6 で導入が可能です。そこで、Dockerを使いDocker Officel Images から CentOS6 を指定します。 Dockerfile...

人気の投稿

最新の投稿

カテゴリー

タグ

アーカイブ