Amazon商品をお得に購入する方法 ▶ ▶ ▶

web制作で参考にしたサイトの備忘録(随時更新)

URLをコピーする
URLをコピーしました!
皮革・ブランド品の宅配クリーニング リナビス
目次

Photoshopの初期設定

あわせて読みたい
これから制作する前に見直しておきたいPhotoshopの基礎的な環境設定まとめ 様々な活用方法があるPhotoshopは、用途や使い勝手の好みに応じて環境設定をおこなっておくことで効率よく作業ができます。 今回は、はじめてPhotoshopを使う方に向けて環...

四角形画像をカード型に角丸で切り抜く(Photoshopのクリッピングマスク)

http://uxmilk.jp/30451

htaccessに追記するhttp→httpsへの301リダイレクト設定方法

HTTPコードチェッカー

このサイトのhttp→httpsへの301リダイレクトの設定で使用しました。

https://digital-life.club/hp/redirection-to-https-for-lolipop

ロリポップ×ワードプレスでのやり方

HTMLはさわらず、CSSだけで要素の表示順を変更する方法

株式会社ジェイクール【ホームペー...
株式会社ジェイクール【ホームページ更新代行・制作】 webサイト更新に役立つtipsから雑記まで幅広く綴ります。

スマホページで表示順を上下で入れ替える際に使いました。
いままではスマホとPCでdisplay:none; とblockで場所切り替えしてたのがバカらしくなるくらい便利。
CSSでここまで出来ると非常に助かります。

初めてのBASIC認証で役立ったサイト

http://www.luft.co.jp/cgi/htpasswd.php

はじめて設定する際に参考になったサイト。
パスワードの暗号化もサイト内で行えます。

http://memopad.noor.jp/html-css/post-862/

htaccessを設置しただけで500エラーになってしまい、どうすればいいかわらずたどり着いたサイト。
サーバー内のフルパスが間違っていたことがこの記事で判明。

<?php
echo __FILE__;
?>
これをどこか適当にindex.phpとかに記述すれば本当のサーバーのフルパスが判明します。これで解決しました。
(うちの会社のサーバーのFTPからは見つけられないディレクトリがあったので)

サイトマップを複数設置し管理する方法

http://piyopiyocs.blog115.fc2.com/blog-entry-1097.html

これは本当に面倒でした。情報が少なく、こちらのサイトに助けられました。

当サイト、ワードプレスのプラグイン「google xml sitemaps」だけでずっと運用していたのですが、ワードプレスで作ってない普通のwebサイトをルート直下にフォルダ作ってFTPであげていたのですが(例えばhttps://kwsm.asia/color/)、プラグインのgoogle xml sitemapsにはこれらのページが書き込まれていなかったのです。

ということで、ワードプレスで自動作成されないサイトのサイトマップをsitemap2.xmlとし、プラグインのサイトマップはsitemap.xml(この名前で自動作成される)なので、この2つをrobots.txt(新たに作る)に下記のように書き込み、ここに関しては問題解決。

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php

Sitemap: http://example.com/sitemap.xml
Sitemap: http://example.com/sitemap2.xml

重複したワードプレスで作ったページの記述はsitemap2.xmlから削除して調整。

サーチコンソールでrobots.txtを更新し、googleに送信。
これで作業終了。

子テーマのfunctions.phpにはphpの閉じタグ書いちゃダメ

リノベーター(旧ザ・サイベース)
PHPの最後の終了タグ ?> は付けないでおこうねというお話 この記事は昨年2015年11月に書いたものを修正した記事です。 現在は古い情報となっている可能性がありますので、ご注意ください。 こんにちは。Webクリエイター/サウンドク...

このサイトのテーマを新しくし、子テーマ作成。
そしてそのfunctions.phpにh2タグ直前にアドセンス貼るコードを書いたのですが、むちゃくちゃなことに。

何が原因かわからず、3時間格闘し、やっとわかったのが、PHPの閉じタグ。

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}
 
このように書くのが正解。
僕は?>とPHPの閉じタグを最後に書いてしまっていたため、そのあと続きに何を書こうがバグだらけ。
PHPの閉じタグは書かないほうがトラブルを防げます。
 

ディレクトリ構造維持してファイル抽出できる超便利windows用フリーソフト

 
クライアントのwebサイトのファイル内一括置換した後の差分ファイルを抽出するのに最高のソフトです。
更新時間で検索でき、なんといっても「ディレクトリ構造を維持」して抽出できる!最高のソフトです。
会社のPCがwindows7なのでいつも使わせてもらってます。
10やmacには使えないです。
 

floatの解除にoverflow:hidden;使うとはみ出だしたい領域が隠れてしまう

hiddenしたくない場合は普通にafterで解除しましょう。
overflow:hidden;のせいでhoverエフェクトでメニューが表示されなくなった。
positionやz-indexの仕業かと思っていたが、このhiddenのせいだった。
だからfloatは嫌い。
.clearfix:after{
    content: "";
    clear: both;
    display: block;
}

JQueryが動かない場合の解決策

colorboxを使ってinlineのhtmlをクリックでオーバーレイ表示したいのですが、
全然動かない。

原因はJQueryの「$」を再定義ができていなかったこと、

そして、scriptのinlineをiframeと書いてしまっていたこと。が原因でした。

Uncaught TypeError: $ is not a function というエラーが出ました。

時にはWEBの話っ!
「WordPressでjQueryのコードが動かない」場合の対処方法 wordpressでサイトを構築中、jQueryを使ったコードを書き込むことがよくあるかと思います。 でも、動…

このページで再定義をすることでJQueryが動き出しました。

あとはcolorboxのinlineが表示されるために、inline:trueに変更すればok

プラスデザインカンパニー株式会社
プラカンブログ|ホームページ制作 大阪|プラスデザインカンパニー株式会社 大阪・肥後橋を拠点に活動しているホームページ制作会社、プラスデザインカンパニーの制作実績のご紹介。企業、商品・サービス、行政、教育、採用、医療、プロモーションを...

Amazon商品をお得に購入する方法

悩む人

少しでもお得にAmazonで買い物できる方法を知りたい!

かわしー

Amazonチャージでの購入がおすすめです!

「Amazonチャージ」はAmazonギフト券にお金をチャージして買い物する方法です。

購入金額に合わせて最大2.5%のポイントをゲットできます。(下記の表参照)

Amazon公式ページより

「Amazonチャージ」はどなたでも何度でも使えるお得なサービス。

積み重ねていけば大きな額になるので、オトクに買い物したい方はやらなきゃ損ですよ。

Amazonチャージのご紹介

Amazonチャージはこちら

※チャージ自体はすぐ終わるのでお買い物の前に是非やってみてください

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次
TOP
目次
閉じる