ホームページ制作・SEO対策・WordPress

レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。 iOSのchromeでも同じ現象が起こるらしいのですが、未確認。 …

Google Adsenseを設置すると隣接する要素をオーバーラップしてしまい、クリック出来なくなる場合の対処法です。 アドセンスが隠してしまってクリック出来ない要素を#navだとすると以下のようにCSSを設定します。 [php]#nav { position:relative; z-index: 100; }[/php]

dreamweaver CS6では、scss,sassなどが使えません。使えないというか、コードヒントやコードカラーリングが適用されず、テキスト扱いと同様になってしまいます。 検索すれば、多くのサイトで説明されていますが、以下の作業をすればコードヒントが使えるようになります。 scssを追加する手順 1．DWの環境設定＞ファイルタイプ/エディター内の「コードビューで開く」の箇所に「.scss」を追加します。（sassも使いたい場合は.sassも追加） 2. アプリケーション ▸ Adobe Dreamweaver CS6 ▸ Configuration 内の「Extensions.txt」とアプリケーション ▸ Adobe Dreamweaver CS6 ▸ Configuration ▸ DocumentTypes内の「MMDocumentTypes.xml」を編集 …

ソフトバンク(softbank)のiPhone5を利用していたのですが、契約更新月が来たので、MVNOのijjmio（ドコモ系）に変更しました。 MVNOのこともよくわかっていなかったので、事前にネットで色々調べていましたが、softbankのiPhone5でMVNOを利用するには、R-SIM7+（SIM下駄）とiijmio（格安SIM）の組み合わせが良さそうだったので、今回はその環境にすることにしました。（実際に成功しました(^^)） …

さきほど、LINEのスタンプの申請をしてたのですが、登録する情報の中に「作品が確認できるURL」という項目があって、調べてみると、この項目を設定していると審査が早くなるという情報がいくつか見られたので、公開しておきます。 手書きのイラストをスキャンしてPhotoshopで加工しました。 審査にどれぐらいかかるんだろぉ〜〜〜〜(´・ω・｀)…

レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。 cssのdisplay:table-cellで解決 html [php]<ul id="nav"> <li><a href="#"><…

レスポンシブなサイトを作るときに、大きな画面では画像メニュー、スマホなどのサイズでは、テキストメニューにして、メニューボタンに格納したい場合など、画像メニューからテキストメニューにCSSで表示切り替えする方法。 cssの:before attr属性で解決 html [php]<ul id="nav"> <li><a data-tex…

DreamweaverでSCSSファイルの編集をするためにDWの設定を触ったのですが、起動のたびに「ドキュメントタイプ”◯◯◯”は追加されません。使用するファイル拡張子が、既に別のドキュメントタイプに関連付けられているためです。」のエラーが連発するようになりました。 原因 調べてみると、Dreamweaverで編集可能にするために、「MMDocumentTypes.xml」というファイ…

Google アナリティクスでは、Yahoo,Google,Bingなどの主要検索エンジンのキーワード検索経由でのアクセスは、自然検索からのアクセスとして認識されており、検索キーワードの分析などが可能になっています。 しかし、ライブドアからの検索や、docomo、AUのキャリア公式サイトからのキーワード検索経由のアクセスは、たんに外部サイトからのアクセスとして計測されてしまいます。 ラ…

Google Analyticsで、自分のサイト内検索の利用状況を把握するための設定です。 設定方法 「ビューの設定」＞「サイト内検索の設定」 サイト内検索のトラッキングをONにします。 クエリ パラメータを設定します。 クエリパラメータは、http://yourdomain.com/search.php?s=キーワードのsの箇所です。 この例では「キー…