とあるエンジニアの作業ブログ

「 html 」 一覧

CSSで背景(background-color)を斜めにする

2019/01/27   -Web製作
 ,

本サイトの紹介ページのように、CSSだけで背景を斜めにします。 目次 やりたいこと HTMLとCSS ポイント やりたいこと 以下のように右斜め上を支点として回転させ、二つのイメージが同色で重なること …

【Stinger8】固定ページを自由にデザインしてみた

2019/01/27   -Web製作
 , , ,

HTML/CSSがかける人は、テーマ標準の固定ページだとデザイン変更しづらいのではないでしょうか?? Wordpressにループって概念があるのはうっすらとは知ってますけど、、、何もあんなにまんまブロ …

DMM電子書籍の広告を自動出し分けするショートコード

2019/01/12   -Affiliate, Web製作, 運用
 , , ,

DMM電子書籍のアフィリエイト広告は、そのままだとiframe使ってたり味気なかったりで使い勝手が悪いので、自分でカスタマイズしてみました。 ついでに、前に作ったアフィリエイト自動出し分けショートコー …

【WordPress】画像URLをショートコード化する

2019/01/03   -Web製作
 , ,

imgタグなどでsrc属性を指定する際の、画像uriをショートコード化して環境差異を無くします。 目次 作業の目的 メディア設定の変更 functions.phpにuploadsディレクトリを返すショ …

Stinger8のサイドバーにプロフィールを表示する

2019/01/02   -Web製作
 , , ,

Stinger8のサイドバーにプロフィールを表示します。 目次 前提 作業手順 ウィジェットにHTMLを記述 CSSで見た目を整える 前提 WordPressがインストールされている Stinger8 …

STINGER8で初めての投稿の準備をする

2019/01/02   -Web製作
 , , ,

WordPressのテーマ、STINGER8を利用した場合の、初めての投稿の準備をします。 目次 前提 アウトプットイメージの確認 投稿の基本形を考える ソースコードをブログ上に表示させるための準備 …