web

HTMLメールのレスポンシブ化

web

あとでみるhttp://nxpg.net/blog/?p=1119

特定ページのみBASIC認証かける設定方法

web

.htaccess <Files ~ "^\.(htaccess|htpasswd)$"> deny from all </Files> AuthUserFile /home/hoge/html/.htpasswd AuthGroupFile /dev/null AuthName "Please enter your ID and password" AuthType Basic order deny,allow <Files test.html> require valid-user </Files>パスワード(.htpasswd)作成はこちらから http://www.nish…

プラスアルファレンタルサーバーで.htaccessとか書く時のpublic_htmlへのルートディレクトリ

web

/home/FTPユーザ名/public_htmlネタ元 https://www.plus-server.net/faq/topic.php?go=topic&num=52

スタイルシートだけでFont Awesomeのアイコンを表示する

web

通常アイコンWebフォント「Font Awesome」は、HTMLソース中にアイコン表示用のコードを追加する必要がありますが、スタイルシートの疑似要素:beforeを使用して特定のタグ、クラスに対してアイコンを表示することが出来ます。詳しくは http://tech.jastin.net…

「Pocket」のブログパーツを改行せず設置する方法

web

以下をcssに追記 .pocket-btn{ display:inline-block; }ネタ元 http://20kaido.com/archives/7600409.html

マルチサイト化したwordpressのファイルアップロード制限

web

php.iniのupload_max_filesizeを変えてもどーも変化しない。実はマルチサイト化した場合、設定でアップロードファイルのサイズ指定があって、小さいほうが選ばれる仕様があるネタ元 http://blog.blog-studio.com/archives/111

GoogleのreCAPTCHAをwordpressのContact Form 7で作ったお問い合わせページに簡単に導入して、キャプチャ認証で文字入力を不要にする方法

web

Contact Form 7に設定欄があるので簡単に入れられるhttp://ichigoichielab.com/2016/03/google-recaptcha/

超簡単 Googleモバイルフレンドリー 応急対応

web

あくまで応急処置。viewportの設定 <meta name="viewport" content="width=device-width">cssの設定 @media screen and (max-device-width: 480px) { html { zoom: 30.73%; } body { font-size: 190% !important; } }ネタ元 http://www.ibnet.ne.jp/blog/2015/04/16-ogawa.html</meta>

Google Search Console(旧ウェブマスターツール)にサイトマップを登録する FC2ブログ、ライブドアブログ、はてなブログ編

web

トップURL直下にある以下をファイル名を指定します。FC2ブログ sitemaps.xml ライブドアブログ sitemap.xml はてなブログ sitemap.xml ネタ元 http://est-inc.hatenablog.com/entry/2015/11/11/080000

IEがinput type=imageのvalueを無視する件

web

はまった・・・。まさかIE限定とは。 inputタグにおいて、type="image"の場合、IEでは、先ほどの「back=戻る」や「send=送信」がパラメータとして渡されないからです。。(valueの値が無視される) これはわりとメジャーなIEのバグ?とはいえ、最初に出くわ…

RSS情報がないサイトのRSSを作成してくれるサイト「RSS Generator - FetchRSS」

web

昔のこういうサービスは死んでるのが多い。 2017/1/6現在、これは生きてます。RSS Generator - FetchRSS http://fetchrss.com/

cronの設定方法(プラスアルファレンタルサーバーの場合)

web

https://www.plus-server.net/faq/topic.php?go=topic&num=112

.htaccessへのリダイレクトの書き方

web

リダイレクト移転前サーバーの.htaccessにリダイレクトコードを追記します。 Redirect 301 / http://webkaru.net/wordpress/ネタ元 ドメイン変更を伴うWordPressサイトのサーバー移転方法 http://webkaru.net/wordpress/move-site-to-new-url/

プラスアルファサーバーのCRONでPHP実行

時間は日本時間でOKだよ cd /home/<ユーザー名>/public_html/<実行するPHPコードのパス>;/usr/bin/php hogehoge.phpネタ元 http://ryus.co.jp/blog/sakuracron/ https://www.plus-server.net/faq/topic.php?go=topic&num=47 https://www.plus-server.net/faq…

お名前.comで取得したドメインを移管せずにさくらインターネットで使用するときの設定方法

web

・さくらのコントロールパネルでドメインを設定 ・さくらのファイルマネージャーでドメインをアップするフォルダを作成 ・お名前.comでネームサーバーを変更 ・さくらのファイルマネージャーでアクセス設定ネタ元 https://tokyotower.xyz/onamae-sakura/

【Chrome Developer tools】$_POSTの中身を見る

web

$_POSTでなにを送っているのか見ることができます。 フォームのあるページを開く Ctrl+Shift+i でDeveloper toolsを立ち上げる Networkタブに切り替え Recording Network Logボタンをクリック クリックで赤くなり、Recording開始。 フォームに入力し、Submit…

ユーザーエージェントを表示

web

<SCRIPT Language="JavaScript"> <!-- document.write(navigator.userAgent); // --> </SCRIPT> ネタ元 http://www.openspc2.org/JavaScript/library/system/useragent/

livedoorブログのヘッダ画像をクリックしたらTOPに飛ぶようにする設定

web

デザイン設定(PC)カスタマイズでトップページ / 個別記事ページ / カテゴリアーカイブ / 月別アーカイブ の <div class="blog-title-outer"<IfBlogHeaderImageUrl> style="background:url(<$BlogHeaderImageUrl$>) no-repeat;height:<$BlogHeaderImageHeight$>px;"</IfBlogHeaderImageUrl>>を <div class="blog-title-outer"<IfBlogHeaderImageUrl> style="background:ur…</div>

XPathでスクレイピング

web

簡単にWeb上のデータ取る方法があるみたい。 Chromeだけで任意のノードのXPathを簡単に取得 たぶん革命.NETで簡単XML 第5回 DOMとXPath XPathによるノード選択

Google検索からのキーワードはもう見れない

web

Googleアナリティクスで「(not provided)」が増えているが、これは検索結果がhttpsになってから検索キーワードの情報が「提供されなかった」ことが原因。これはGoogle様の仕様変更なのでどうしようもない。 ウェブマスターツールを確認すると、期間は決まっ…

Web版Twitterから、ツイートをサイトやブログに貼り付ける方法

サイトやブログに埋め込みたいツイートをクリックして、開くをクリックします。 するとツイートの下に時刻や詳細がでてくるので、詳細をクリックします。 すると、ツイートの個別ページに飛ぶので、「このツイートをサイトに埋め込む」をクリックします。 ネ…

BackWPupでバックアップ・リストア(復元)の具体的手順

FTPでファイル群をアップロードphpMyAdminからデータベースを復元 ネタ元 http://blog.s-giken.net/137.html

IE8でtiwitterのヴィジェットが表示されなくなった場合の真似してほしくない対処方法

WEB

MFCアプリとかでWebBrowserコントロールを使ってる場合にも有効な技。Yahooニュースの対応方法に便乗して widgets.jsの部分をhttp://i.yimg.jp/l/cmn/twitter-widgets/widgets.jsに変えちゃう。 <a class="twitter-timeline" href="https://twitter.com/shikaku_t" data-widget-id="571968401333956608">@shikaku_tさんのツイート</a> <script>!function(d,s,id){var js,fjs=d.ge…

商用OKな「New」アニメGIF

web

ありがたや http://sozai.akuseru-design.com/category/sozai/new/

Twitterウィジェット「埋め込みタイムライン」カスタマイズ方法

ウィジェットの管理画面では高さしか設定できませんが、 aタグに直接幅・高さを指定することができます。 <a class="twitter-timeline" width="300" height="500" href="https://twitter.com/twj_dev" data-widget-id="XXXXXXXXXXXXXXXXX"> Twitter新ウィジェット「埋め込みタイムライン」カスタマイズ方法まとめ http://matome.naver.jp/odai/2136202816546741201</a>

CKEditorのセキュリティのためのタグ除去機能をOFFにする

config_cmsd.js に config.allowedContent = true;を追記 ネタ元 http://cms.al-design.jp/phpbb/viewtopic.php?f=11&t=2569

img要素でalt属性の内容がポップアップしないのは当たり前

web

ポップアップして欲しい要素はtitleで指定する。(必ずポップアップしてくれるという保証はないけど) ネタ元 http://www.mozilla.gr.jp/standards/webtips0024.html#c1_2

cssでデザインするシンプルテーブル

web

css .sample_01{ width: 100%; border-collapse: collapse; } .sample_01 th{ width: 25%; padding: 6px; text-align: left; vertical-align: top; color: #333; background-color: #eee; border: 1px solid #b9b9b9; } .sample_01 td{ padding: 6px; backgr…

webページの縦幅を調べるにはChromeの「要素を検証」で

web

こんな感じ。

スタイルシートの指定で特定のtypeのinputタグ指定する場合はinput[type="text"]という感じで指定

こんな感じ .wpcf7-form input[type="text"] {margin-left:5%;width: 50%} /*入力フィールド幅指定*/ .wpcf7-form input[type="email"] {margin-left:5%;width: 50%} /*入力フィールド幅指定*/ネタ元 http://jsdo.it/snic/8o3C