サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
デスク環境を整える
coneta.jp
このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2019 GMO Internet, Inc. All Rights Reserved.
WordPressを使ってのサイト構築から便利なプラグインやテンプレートの紹介、フリーのPNG・AI・PSDアイコンやGUIセットの紹介、SEO最適化による集客方法など、WEB制作・運用に関するテクニックをお届けしています! WordPressでHTTPS対応のサイトを運用している際に、ブラウザの開発ツール(Firebugなど)で混在アクティブコンテンツ “~~~.css” の読み込みをブロックしました とエラーが表示されることがあります。 原因はcss・jsファイルのURLにある 原因の一つに、プラグインが出力するcssやjsファイルのパス指定がhttps接続しているにも関わらず、css・jsパスがhttp://~になっていることが問題です。 ( https通信時は、js・css・画像ファイルのパスは、全てhttpsから始まっている必要があります ) ブラグイン側がcssパスを生成する際
WordPressを使ってのサイト構築から便利なプラグインやテンプレートの紹介、フリーのPNG・AI・PSDアイコンやGUIセットの紹介、SEO最適化による集客方法など、WEB制作・運用に関するテクニックをお届けしています! 様々な産業やビジネス、そして個人サイトでも使えそうな多彩なWordPressテーマをスマッシングハブから紹介します。 今回紹介するのは、全て有償のプレミアムテーマですが、どのテンプレートも無料のものでは到底実現できない高品質&高機能なものばかりなので一見の価値有りです。 Explorable wordpress theme(エクスプローラブル・テーマ) GoogleマップAPIと完全に統合され、探索可能な動的な地図機能が付いている美しいWordPressテーマです。Googleマップに移動しなくても、ウェブサイト上のGoogleマップを完全にコントロール可能です。位置
スマートフォンやアンドロイド、タブレット、PCなどあらゆるデバイスの画面サイズに対応するWEBデザインのことを「レスポンシブWebデザイン」と言いますが、実際に作業するとなると手間もコストもかかります。 今回はそんな作業の手間を少なくするためのグリッドレイアウト設計ツールを紹介しましょう。 Columnal Columnalは、可変グリッドレイアウトのサイトを制作するためのツールです。 デバイスのウインドウサイズに合わせて画面が再配置されるため、あらゆる環境で表示崩れをおこさないサイト制作が可能です。 »Columnal Skeleton Skeletonも可変グリッドレイアウトのサイトを制作するためのツールです。JavaScriptは使われておらず、シンプルかつ効率的なCSSフレームワークのため、デザイナーと開発者の間で人気があります。 »Skeleton LessFramework
当サイトではコンタクトフォームに「Contact Form 7」というWordPressプラグインを設置して、入力内容はGメールへ送信されるようにしていました。 しかし最近メールが飛んでこないのが気になり、送信テストしてみると送信完了のメッセージが表示されるが、Gメールの方では全く受信できておらず、[迷惑メール]にも入っていません。 Contact Form 7のメール送信エラー せっかくコンタクトフォームを設置しているのに、メールが受信できないのは致命的です。意味がありません。。 WordPressはメール送信の際に、Webサーバ上のsendmailをSMTPサーバとして利用しています。そこで、Webサーバ上のsendmailのプロセスを見てみると次のメッセージが表示されていました。 → sendmail: ./p02JCkif027478 mx1.hotmail.com.: user
今、Twitter BootstrapがWEBプログラマの間で人気です。 Twitter Bootstrapとは、ツイッター社が提供しているCSSフレームワークで、Webデザインが得意ではない人でも、それっぽいデザインが簡単に作れてしまう素晴らしいツールです。 Twitter Bootstrapをさらに簡単に利用するためのプラグインを17個ほど紹介します。 WordPress Twitter Bootstrap CSS WordPressサイトで最新のTwitter Bootstrapを利用することができます。ウェブサイトのデザインと機能性を重視したハイクオリティなブログを構築できます。 »WordPress Twitter Bootstrap CSS JBOOTSTRAP Joomla2.5にTwitterブートストラップ機能を統合することができます。 »JBOOTSTRAP Twit
スマートフォン向けのWEBサイトやアプリケーションの浸透した今では、様々な開発ツールが存在しています。 フレームワークを利用することで、クロスブラウザの互換性やディスプレイの解像度の違いなどを意識することなく、開発に専念できる環境が整いつつあります。 今回は、スマートフォンやタブレットなどのタッチスクリーン対応のデバイスに対応したJavaScriptフレームワーク10個をsmashinghubから紹介します。 Hammer.js フレームワークは軽量であることに加えて、タップ、ダブルタップ、スワイプ(画面を指で横に滑らせてスクロールする)、ドラッグ、ピンチ(2本指でつまむ)、回転ジェスチャに対応していてを提供している素晴らしいツールです。 Android、BlackBerry、iOSとWindows Phoneをサポートしています。 » Hammer.js jQuery UI jQuery
最近の調査結果によると、殆どのユーザは読込み時間が長いWEBサイトに対して表示が完了するまで待てない事が解っています。 とくに3~4秒以上かかるようだと、待てずに別のウェブサイトに移動してしまい、7割以上のユーザはその後、再訪問をしなくなってしまうそうです。 Googleの検索エンジンについても、ページの表示速度は検索結果順位を判断する上で重要なポイントとなっているので、このことからページの表示速度を見直すことはとても大事なことです。 あなたのウェブサイトの読込み速度を向上させたい場合、まず読込み時間が長くなってしまう原因を理解しておく必要があります。 読込み時間が長くなる要因としてまず挙げられるのが、サーバに送信されるHTTPリクエストを多く発行することです。 そして2つ目の要因は、ウェブサイト上に配置しているJavascriptやCSS、画像ファイルのサイズです。当然、大きい画像ファイ
テキストや画像を横スクロールを簡単に出来てしまうjQueryプラグイン「jQuery Endless Div Scroll」を紹介します。 使い方は、divタグの中にスクロールさせたいテキストや画像を並べておき、そのdivタグをendlessScrollメソッドにバインドさせるだけというシンプルなものです。 サイトに動きを付けたいときや、写真ギャラリーにも利用できそうですね。 » デモサイト » ダウンロード
サイドメニューがスライドして表示させることができるjQueryプラグイン「Sidr」を紹介します。 「Sidr」は、ボタンが押されたタイミングや、イベントにバインドする形でイベント発生と同時にメニューをスライド表示させるもので、左右の好きな位置に表示できます。また、複数のメニューを置いておくこともできるようです。 レスポンシブWEBデザイン対応なので、スマートフォンやタブレット用のサイトにも使えますよ。 » デモページ » ダウンロード
バイク・自動車販売店のホームページや販促サイトの制作に役立つ、WordPressテーマをスマッシングハブから紹介します。 新車・中古車や、スペアパーツなど車のメンテナンス情報を日々更新することで、より多くの顧客を獲得することにつながりますが、WordPressテーマなら自動車販売向けに最適化されたものが予め用意されているので、少しの手間でサイトを立ち上げることが出来るでしょう。 ビンテージカー »デモサイト »ダウンロード カーディーラー »デモサイト »ダウンロード 自動車カタログ »デモサイト »ダウンロード バイク »デモサイト »ダウンロード レトロ調 »デモサイト »ダウンロード 車の修理 »デモサイト »ダウンロード スマッシングハブでは、他にもたくさんのWordPressテーマが紹介されているので、ぜひ見てみて下さい。 » http://smashinghub.
LightBoxプラグインは、jQueryプラグインの中でも最もメジャーなものなので、殆どの方は詳しいと思います。 最近では機能が向上しているLightBoxプラグインもあるので、復習を兼ねてスマッシングハブから紹介します。 LightBox2 デザインは非常にシンプルでセットアップもとても簡単なプラグインです。すべての最新ブラウザで動作します。 »LightBox2 ColorBox iframeコンテンツをサポートしています。デザイン部分はCSSで制御されているので動作は軽快です。 »ColorBox FancyBox Webページも読み込み可能なLightBox風プラグインです。 »FancyBox Jquery LightBox LightBox2がprototypeプラグインだった頃に、LightBox2をJqueryへ移植したプラグインです。 »Jquery LightBox
WordPressの関数の多くは、stdClassオブジェクトを戻り値として返してくれますが、PHPは配列関数が充実しているので、配列に変換して各種データの加工などを行いたい時がありますよね。 今回は、stdClassオブジェクトを連想配列に型変換をしてみたいと思います。 一次元配列編 PHPでは、型変換(以下、キャスト)の処理を行うには、一行ほど書くだけでオブジェクト型の変数を連想配列型にキャストすることができます。 例えば、カテゴリの情報を取得するget_category()の戻り値をキャストしてみます。
例えばサイトリニューアルなどでディレクトリ名を変更したときは、301リダイレクトを設定して、検索エンジンに対して告知を行う必要があります。 301リダイレクトを設定しておかないと、訪問者を逃すだけでなく、それまでの検索エンジンからの評価(被リンク、検索順位)が失われるので必ず設定したい。 ディレクトリの301リダイレクト 以下にアクセスされた時、 ⇒ http://your-site.com/old/* こちらに転送したい。 ⇒ http://your-site.com/new/* < .htaccessの記述内容 >
WordPressの高速化について、WordPressプラグインを利用する方法から、MySQLチューニングなど、すぐに実践できそうな方法をまとめました。 WordPressカスタマイズ ●WP Super Cacheプラグインを使う WordPressのWP Super Cacheプラグインでキャッシュをします。色々試した中では一番効果的です。 参考サイト)ゆっくりと… » WordPressキャッシュ系プラグインの比較とサイトに適した選び方 ●不要なプラグインを削除する WP Super Cacheなどの高速化プラグインを導入するのと同じくらい効果的です。未使用プラグインがないか、またはプラグインを使用せずに、他の代替方法がないかを一度検討しましょう。 ●不要なウィジットを削除する ウィジットを利用していると、その分だけDBアクセスが発生するため、負荷になってしまいます。 サイド
WordPressとGoogleマップを連携させる際に、便利な地図プラグインをご紹介します。 まず、下記でご紹介するWordPressプラグインは、どれもGoogle Maps API キーが必要です。 まだキーを取得されていない方は、事前にGoogle Maps APIにサイト登録をして、キーを取得してください。 Google Maps Anywhere プラグインページ内の任意の場所にGoogle マップを貼り付けるためのプラグイン。 プラグイン導入後、記事の編集画面にて、メディアボタン右端に「Googleマップを追加」ボタンが現れる。そのボタンから地図挿入することができる。 使い方は簡単だが、不便な点がある。それは地図が挿入された記事を表示させた際、地図のズームイン/ズームアウトが出来ずに静的な画像として表示されてしまう。 ズームインして、詳細な地図を見たいユーザにとっては不
まず、TFTPとは、FTPを簡素化したもので、ユーザ認証をせずにファイル転送を行うことができるファイル転送用のプロトコルです。主な用途としてはネットワーク機器などのファームウェアのバージョンアップ用に使用されることが多いです。 僕も、自宅で運用しているYAMAHAルータ「SRT100」のコンフィグファイルをバックアップするときにTFTPを利用しています。 TFTPは、Windowsのコマンドプロンプトから”tftp ~”と入力して実行できるようになっていますが、Windows7やWindows Server 2008などの新しいOSは、デフォルトではコマンドが用意されておらず、セットアップする必要があります。 (Windows2000、WindowsXPなどの古いOSではセットアップをしなくても利用できていました) TFTPコマンドのセットアップ方法(Windows7 64bit編) 今
iOSやAndroidをはじめとしたスマートフォンOSは、ネイティブアプリ開発をしようとすると、Objective-CやJavaなどの環境に合わせたプログラミング言語を用いて個別に開発するか、またはサードパーティのフレームワークを使って、ワンソースで複数のスマートフォンOSへ対応してしまうのか、どちらかになります。 フレームワークが登場し始めて間もない頃は、ネイティブ言語での開発に比べて、カメラ等のハードウェアデバイスを操作できなかったり、ローカルストレージへアクセスできず、オフラインでは使えないなど制約が多く、実用的とは言い難いものでした。 しかし現在では、それらの不満が少しずつ解消されてきて、魅力的なものになっているようです。 そんなフレームワークについて、「PhoneGap」「Titanium Mobile」「Sencha Touch」「Monaca」の4つを紹介します。 ■Pho
Webの小ネタ フリー画像素材について Web用途に最適化されたJPEG画像を提供している、フリー写真素材サイトです。この写真素材は商用利用、加工を含めてフリー(無料)です。 街の風景や、かわいい動物写真がありますので、ぜひWebサイトのページ制作などにどうぞ。
このページを最初にブックマークしてみませんか?
『Coneta — エンジニアのための小ネタ共有サービス』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く