ナコさんのブログ | nako-log WEB制作のヒントと日常の便利を紹介。WEB制作はWordPressをメインにCSSやコーディングのHOWTOをまとめています。

注目キーワード

2019年6月

WordPress

WordPress(ワードプレス)　プラグインなし！１クリックでアイコン付き吹き出しを表示する方法
WordPress(ワードプレス)　プラグインなし！１クリックでアイコン付き吹き出しを表示する方法

  • 2019.06.30

こんにちわ。めんどいことは極力排除したいマン、ナコです。 私はとにかくめんどくさがりなので、楽ちんに楽しい記事がかけるよう日々研究しています。 (ほんとはアタマに浮かんだ言葉全部自動で入力して欲しいよ！…

続きを読む
coding

HTMLとCSSでtwitter風画面をブログ記事やサイトに表示する方法
HTMLとCSSでtwitter風画面をブログ記事やサイトに表示する方法

  • 2019.06.27

話題になっているネタを厳選して並べたい 自分のツイートで特定のタイムラインだけ抜粋したい・・・ twitterはつぶやきの埋込APIを提供していますが、タイムライン全て、もしくは１件しか引用できないので自由自在…

続きを読む
デザイン

PhotoshopCCを使って人物画像をレタッチ。30秒で美男美女に変身させる方法
PhotoshopCCを使って人物画像をレタッチ。30秒で美男美女に変身させる方法

  • 2019.06.25

人物画像のレタッチは難しいし不自然になる…そんなイメージがありませんか？ Photoshop CC 2015.5 リリースで導入さたゆがみフィルターには、目、鼻、口などの顔の特徴を自動的に識別し、それらを簡単に調整できる…

続きを読む
CMS

【EC-CUBE3】特定の市内・市外・区・市町村単位で送料を変更するカスタマイズ(複数対応可能)
【EC-CUBE3】特定の市内・市外・区・市町村単位で送料を変更するカスタマイズ(複数対応可能)

  • 2019.06.24

「EC-CUBE（イーシーキューブ）」は、株式会社ロックオンのEC構築パッケージを誰でも無料で利用・改変できる「オープンソース」として公開したものです。ダウンロードは無料。必要な機能は揃っているので、すぐに開…

続きを読む
coding

HTMLとCSSでLINE風チャット画面(会話方式)を記事に表示する方法(ほんとに売ってるラインスタンプイラスト41個付き)
HTMLとCSSでLINE風チャット画面(会話方式)を記事に表示する方法(ほんとに売ってるラインスタ…

  • 2019.06.21

会話方式で記事の導入を書きたい！！ 他のブログさんで会話方式やってらっしゃるのを見て、 「やっばいやん、めちゃ読みやすいやん」と感銘を受けたナコです。 自分視点が多くなるブログで、 他人のツッコミ風に使…

続きを読む
WordPress

WordPress(ワードプレス)カスタマイズ！プラグインなしで画像のaltが空の場合に記事タイトルを自動入力する方法
WordPress(ワードプレス)カスタマイズ！プラグインなしで画像のaltが空の場合に記事タイトル…

  • 2019.06.18

WordPressで記事を書く時、画像のalt要素を全て指定するのって面倒だなーと感じた事ありませんか？ ・メディアを追加時に指定する「代替テキスト」はノートPCだと若干隠れてて編集しにくい ・大量に画像がある時、…

続きを読む
coding

webpackをアップデートしたらgulpfile.jsにautoprefixerの設定書いてるとエラー出るようになったのでpackage.jsonへ移動する
webpackをアップデートしたらgulpfile.jsにautoprefixerの設定書いてるとエ…

  • 2019.06.17

webpackを入れ直してコンパイルするとautoprefixerでエラーが出るようになったので解決方法です。 エラー内容 Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.jso…

続きを読む
coding

Gulp v3系からGulp v4系へ移行する時　一番簡単な方法
Gulp v3系からGulp v4系へ移行する時　一番簡単な方法

  • 2019.06.17

Gulp v3系からGulp v4系へ移行するとエラーがでてコンパイルできなくなります。 それはgulpfile.jsの書き方が変わった為です。 エラー内容 例えばこんなエラーが表示されます。 throw new errors.AssertionError({ …

続きを読む
WordPress

WordPressで現在表示しているページのURLを取得する方法
WordPressで現在表示しているページのURLを取得する方法

  • 2019.06.17

こんにちわ！ナコです。 WordPressでサイトを構築していて、 「今表示してるページのURLなんだっけ？」 って時ありませんか？ 本来ならget_the_permalinkで取得できますがうまくいかない… そんな時はfunction.phpに…

続きを読む