WordPress

Thumbnail of post image 173

$wp_queryオブジェクトの「current_post」を使って、ループ数をカウントして特定番目の投稿の時に処理を行う方法の覚書。

ループで何番目の記事かをカウントする<?phpif ( have_posts() ) ...

Adobe,Photoshop

Thumbnail of post image 003

「印刷データを一式送るから、Webページ作って」

みたいな依頼をされた時。印刷データだと画像はEPS形式やPSD形式になっていることが多いです。

この複数のEPS形式の画像ファイルをWeb用にJPGに一括変換す ...

Adobe,Photoshop

Thumbnail of post image 109

Photoshop CC(2019から?)仕様変更になり、従来のShiftを押しながら縦横比を保持して縮小したり、トリミングしたりが効かなくなりました。

要は「Shiftキーを押さなくてもデフォルトで縦横比を維持するように ...

Welcart,WordPress,プラグイン

Thumbnail of post image 158

前回の内容、WordPressプラグインを使って、遷移前のページの値(記事タイトル・カスタムフィールド )を引き継いでフォームに表示する、というのと同じような内容ですが、今回はGETを使ってやってみます。

今回やりたいこと

...

WordPress,プラグイン

Thumbnail of post image 093

タイトル通りですが、投稿記事のタイトルやカスタムフィールド の値をContact Form 7に引き渡して、フォームにデフォルトで表示させるには。

イベント・セミナーなどの予約申し込み、不動産の問い合わせ、商品についての問 ...

WordPress,プラグイン

Thumbnail of post image 189

WordPressブログだけでなくECサイトでも、今閲覧している記事や商品に関連する記事(ECサイトの場合は商品)を表示するのは、サイトの回遊率をあげる有効な手段です。

また過去の記事へのアクセスも期待できることからSEO ...

Web

Thumbnail of post image 043

Webフォントが一般化してきて、Font AwesomeやGoogleフォント、モリサワWebフォントなど導入しやすくなりました。

でも日本語フォントやサイズが大きいフォントは、Webフォントのダウンロードが終わるまでレン ...

Web

Thumbnail of post image 065

gulpを立ち上げたときに以下のようなメッセージ。

Replace Autoprefixer browsers option to Browserslist config.
Use browserslist key ...

jQuery

Thumbnail of post image 148

タブレイアウトで、別のページから特定のタブへリンクしたい時に。

BootstrapやFoundationを導入して入れば実現するのは優しいですね。こういう時はCSSフレームワークはとても助かります。

Bootstra ...

css

Thumbnail of post image 151

画像とテキストを横に並べてなおかつ画像の縦方向の真ん中にテキストを置きたい時あります。サイトのヘッダーなどでロゴ画像とサイトタイトルを並べたい時など。。。

floatやflexboxを使っても良いのですがシンプルにインライ ...