新着WEB関連エントリーについて

新着のWEB関連の技術情報や知識、ニュースや話題などについてエントリーされた新着記事の総合一覧ページです。

個別のカテゴリーごとのエントリーはメニュー項目からカテゴリーを選択することで、ジャンル別のエントリー一覧ページを見ることが可能です。

WordPressにて会員制サイト、いわゆるユーザー登録して、ユーザーのみ閲覧できるページや編集できる権限などをコントロールする機能をくっつけたい場合におすすめしたいプラグインを検討してみます。

 

ユーザー権限の制御は基本的にワードプレスに付属していますので、単体ページの編集制限や閲覧パスワードの設定は簡易的な機能が付属していますが、すべて手作業で登録管理しなくてはいけないので、自動化されたワードプレスの会員制サイトを制作するうえで便利なプラグインを必要機能などに応じて比較表も作成してみました。

 

実際にはを導入してみましたが、シンプルでわかりやすくてよかったです。

はじめて導入する場合は半日ぐらいは見ておいたほうがよいかもしれないですね。

 

Simple MembershipWP-MembersTheme My Login
ユーザー登録フォーム
ログインフォーム
限定公開
会員レベル個別設定××
有効期限設定××
会員専用ページ
会員情報編集
パスワードリセットページ
承認方法変更×
ショートコード
有料化決済機能
Paypal
××
日本語化
導入費用無料無料無料
総評
ところどころ日本語化が難しかったりフォームのカスタマイズが困難。
さまざまな設定がわりと手間なく導入できる。他のプラグインとの組み合わせで機能性が拡充可。
導入から設定までとてもわかりやすく親切な作り。
他のプラグインとの併用でかなり良くなる。

 

当記事独自の判断によるものなので、これ以外のプラグインが推奨されないというわけではありません。

 

Webの制作過程で表示が小さい記号文字の対処が必要になったので、HTMLソースのプロパティfont-familyで解決してみます。

 

はじめに

最初の手順としては、まずCSSファイルを特定記号〇や△などを表示指定する一番最後に読み込まれるセレクタの場所を特定します。

 

その次に、

font-familyプロパティを、font-family: “”メイリオ””, Meiryo, Osaka, “”MS Pゴシック””, “”MS PGothic””,’Century Gothic’, sans-serif;
などで指定をします。

 

最後の手順としては

対象ページで、キャッシュクリア後に特定の記号の大きさが通常サイズか確認することで今回は完了です。

 

この工程の流れで気を付けたい事が、font-familyを指定しても、CSSセレクタの優先順位や読み込まれる順番などにより正しく反映されない場合があるという点について注意する必要があります。

Webの制作過程でプルダウンリストの作成が必要になったので、エクセルのセル内で設置してみます。

 

はじめに

最初の手順としては、まずExcelをを開きリストを設置したいセルを選択します。

 

その次に、

[データ]タブを、[データの入力規則]を選択して、項目から[データの入力規則]を選択をします。

 

最後の手順としては

ダイアログボックスで、項目:入力値の値(A)から[リスト]を選択、[ドロップダウン リストから選択する]のチェックを確認し、項目:元の値(S)に入力値を設定することで今回は完了です。

 

この工程の流れで気を付けたい事が、プロダウンリストの入力値は、セルのデータの入力規則で直接値を記述することも、シート内にリストを作成して各セルの値を参照することも可能という点について注意する必要があります。

Webの制作過程で記号部分の正規表現での置換が必要になったので、ドリームウィーバーの置換機能で一括置換してみます。

 

はじめに

最初の手順としては、まずドリームウィーバーを起動して対象HTMLファイルを表示します。

 

その次に


検索および置換を、[編集]⇒[検索/置換(F)]か、ショートカットキーCtrl+Fでダイアログを表示し正規表現にチェックをします。

 

最後の手順としては

置換対象で、置換する対象内の正規表現の記号を”[ ]”で囲い一括置換指定することで今回は完了です。

 

この工程の流れで気を付けたい事が、一括置換に含まれやすい”ダブルコーテーションも正規表現の記号となることという点について注意する必要があります。

 

Web制作でgif画像のアニメの作成が必要になったので、アドビ社のフラッシュで制作してみます。

はじめの

最初の手順としては、まずフラッシュでタイムラインにアニメーションを制作します。

その次に

タイムラインに制作したアニメーションを、[ファイル]⇒[書き出し]⇒[ムービーの書き出し]⇒[ファイルの種類]⇒[PNG シーケンス(*.png)]または[JPG シーケンス(*.jpg)]で書き出しをします。

最後の手順としては

Photoshopで、[ファイル]⇒[開く]ダイアログ⇒[画像シーケンス]をチェック。画像がすべて読み込まれたら[ファイル]⇒[Webおよびデバイス用に保存]でGIFを選択することで今回は完了です。

 

この工程の流れで気を付けたい事が、FlashタイムラインのActionScriptや入れ子のムービークリップは無効になることについて注意する必要があります。

改善したいWebサイトのアクセスの流入元を見てみると、意外とBingからの流入が多かった。

 

これは多分、Bing経由でのアクセスが多いのではなく、そもそもGoogleとかYahooからのアクセスが少ないことが原因のようです。

 

ほとんどのキーワードの競合が高く、費用や手間がかかるGoogleやYahooのSEOは捨てて、BingやSNSに特化したSEOを試してみる価値があると思いました。
ところがこのBingに対するSEOは調べてみると、いわゆるリンク切れやmetaタグなどの記述をはじめとする割合一般的な内部施策と、

 

“Bingウェブマスターツール”に登録する。

 

のみでした。
シンプルでいい。
本質的にはこれでいいんだと思う。
これで順位が上位にこないなら、内容と有益性を見直せばよい。

 

もはやGoogleの検索結果は広告収入による利害関係がものすごく大きく関与しているように見受けられるし、ウェブマスターツールをはじめ、専制君主的なサービス群は理解や運用にかなり手間がかかりすぎる。いったい何のためのSEOなのだ?
広告費用もかけなければいけないけど、売り上げを逼迫するのは本末転倒になってしまう。

そもそも、過密度の高い競争では、継続的な労力のわりには得るものが少ない場合が多いという判断材料もあります。

 

このような経緯から、『マンチェスター弱者のSEO』として検索エンジン利用者が全体の2~3%とされるBingの施策を実施してみることにしました。

鶏口牛後のメリットについて経験のあるひとだとピンとくるかもしれません。

 

結果は別の記事で。

Webの制作過程でサクラエディタ折り返しデフォルトの右端折り返し起動設定が必要になったので、テキスト編集ソフトウェアのSAKURAエディタで『右端折り返し』デフォルト設定してみます。

 

はじめに

最初の手順としては、まずサクラエディタを起動して空のファイルを表示します。

 

その次に、

メインメニューを、[設定]⇒[タイプ別設定]⇒[スクリーン]タブ、レイアウト項目・折り返し方法のプルダウン[右端で折り返す]と変更をします。

 

最後の手順

としてはダイアログで、[OK]⇒プログラムの再起動することで今回は完了です。

 

この工程の流れで気を付けたい事が、設定から直接折り返し方法を設定した場合は、再起動後に元に戻るという点について注意する必要があります。

cssによる背景色や背景画像の透過指定方法は、主に2種類の指定方法があり希望するビジュアル効果による指定方法
の解決方法である。

単純に要素透過させたい場合

opacity:0.5;

とすることでレイヤー自体を透過させることができる。
ただこの場合は、子レイヤーすべてと背景とともに文字が含まれていた場合、文字も透過されてしまうので、
背景色のみを透過させる場合は、

background: rgba(255, 255, 255, 1.0);と指定
とする。

解決方法の補足として、背景画像のみを透過させたい場合は、background:rgbaプロパティで値を指定するか、
背景色のみを透過させるレイヤーを内部に制作して、背景色を透過させることで疑似的に背景画像を透過させる方法のいずれかとなる
があり、backgroundについての特性です。

問題解決カテゴリーとしては、背景画像と背景色についてのCSS背景の透過に分類される。

今回のシステム開発で取り扱うテーマは『メールフォームプロ(古いバージョン)でテキストエリアやテキストボックスがいくらCSSで指定してもサイズ変更できない場合の対処』の解決方法である。

mailform.js内にJavaScriptでフォーム部品の大きさ制御など指定する関数があったのでコメントアウトして回避
とする。

解決方法の補足として、メールフォームプロでCSSセレクタで調整できない場合、オリジナルのカスタマイズをJavaScriptで指定している場合がありJavaScriptをカスタマイズしないとスマホ表示などで期待するビジュアルに変更できない場合があるがあり、CSSカスタマイズについて今回のテーマの補足知識となります。

問題解決カテゴリーとしては、レスポンシブ対応についてのメールフォームプロに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
スマホ メールフォーム 無料
レスポンシブ メールフォーム フリー
レスポンシブ メールフォーム テンプレート
responsive mailform
メールフォーム html
メールフォーム デザイン
メールフォーム php
mailformpro
php工房
フォームズ

今回は、WordPressのECカートプラグインWelcartの新規会員登録時のフォーム内の必須項目を任意項目に変更する方法です。

カスタマイズはダッシュボードではできないようなので、プラグインファイルの直接編集が必要になる様子。

会員登録フォームの必須チェックは、フックで制御されているとのことで、必須チェックはusces_filter_customer_check、必須マークはusces_action_essential_markをフックとしている。

必須チェックはusces_action_essential_checkをコメントすれば通りそうなので、作業はすべて自己責任になるが、usceshop.class.phpなどを編集してみる。

何個か該当箇所が見つかったが、すべてオンライン上でのやり取りを考慮していたため、住所関連の必須項目をすべてコメントアウトしてみる。結果、任意項目にすることが成功。

次に必須項目に表示される※マーク、アスタリスクの除去。

多分、このままだと任意項目は非表示にしてしまえば問題ないだろうが、それだと主旨がことなるので、アスタリスクの除去を試みる。

usces_action_essential_markはusc-e-shop\functions\function.php内に記述があるのでそちらを手掛かりに、こちらも自己責任のもと編集してみる。

$usces_essential_markをカスタマイズして、修正ファイルをアップ。

あ、できた。

backgroundで指定した背景画像のサイズ変更の指定方法と記述の解決方法である。

背景画像サイズを変更したいCSSセレクタのbackground-sizeプロパティで値を指定しますとする。background-size:50px 100px;background-size:50% 100%;

解決方法の補足として、値は通常の指定方法、widthやheightautoやパーセンテージ、pxなどが指定可能
があり、backgroundについての特性です。

問題解決カテゴリーとしては、サイズ変更についてのCSS背景画像のサイズを変更するに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
css background-size
webkit-background-size
background-size cover
background-size:contain
background-size ie
background-size ie8
background-size android
background-size ie9
background-position 右から
background-size 効かない

今回のシステム開発で取り扱うテーマは『mb_send_mailでメール送信者情報の日本語が文字化けしてしまう』の解決方法である。

$header= From:送信者名.$mail;
などとしてそのまま、mb_send_mailの引数として変数を放り込むと文字化けするので、
$from_name=送信者名;
$header= From:.mb_encode_mimeheader($from_name).$mail;
として一度エンコードする処理を入れる
とする。

解決方法の補足として、あわせて以下のように文字コード指定をしておく必要があるようだ
mb_language(uni);
mb_internal_encoding(utf-8);
mb_http_input(auto);
mb_http_output(utf-8);があり、メール送信時の差出人文字化けについて今回のテーマの補足知識となります。

問題解決カテゴリーとしては、mb_send_mailについてのPHPに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
mb_send_mail 文字化けに関連する検索キーワード
mb_send_mail 文字化け utf-8
mb send mail文字化け
php mb send mail文字化け
send mail文字化け
mb send mail header文字化け
mb send mail文字化け機種依存文字
mail文字化け
mac mail文字化け
apple mail文字化け
live mail文字化け

iPhoneについてのソリューションです。
いままでACアダプタ充電できていたのに、iPhone5や6で急に充電できなくなったについてのソリューションです。
まず機器本体やケーブルの破損を疑いがちですが、さっきまでできていて急にできなくなった場合は、
iPhoneへのケーブルの差し込み先の上下を逆に入れなおして、充電中マークが正常にでてくることがある
である。

記事の内容としては、スマホについてのACアダプタ充電に関わるソリューションとされる。

iPhoneの記事について関連性がある語彙の組み合わせには、
iphone 5se
au iphone
find iphone
iphone 6s plus
itunes
itunes iphone
docomo iphone
softbank iphone
というような内容が列挙される。
iPhoneの記事について関連検索で記事を探す場合は以上のような語彙の組み合わせが表示される。

ブラウザなどで急にIMEが無効になり日本語入力できなくなる。
なんらかのプラグインやウェブサイトなどの問題で、IMEが無効にされる
の解決方法である。

コントロールパネルから[言語]、IMEの[詳細設定]をクリック、[使用可能な場合にデスクトップ言語バーを使用する]にチェックを入れ[オプション]をクリック。

[デスクトップ上でフロート表示する]か[タスクバーに固定する]のどちらかを選択して、[言語バーアイコンをタスクバーで表示する]にチェックし、[OK]をクリック。最後にブラウザのキャッシュをクリア
とする。

解決方法の補足として、再起動などで修復するが、そのままの状態での日本語入力をできるようにする
があり、IMEについての特性です。

問題解決カテゴリーとしては、キーボード入力についてのパソコントラブルに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
ime が無効です windows8
ime が無効です win10
ime が無効です windows10
imeが無効です 直し方
imeが無効です 意味
imeが無効です windows7
google ime
imeが無効です 8
imeが無効です win7
imeが無効です win8

Office Excelで登録された住所リストを年賀状や暑中見舞いのハガキの宛名印刷をする手順
の解決方法である。

▼エクセル住所リストデータ作成

1.新しいエクセルシートに住所リストのひな形を作成
1行目に[郵便番号][住所][氏名]のように3列のセル分けて項目名を入れる

2.2行目以降にそれぞれの項目に必要な情報を入力。〒マークは入れない。

3.リストが完成したら、エクセルシートを保存して閉じる。この例では[住所リスト.xls]とします。

▼Wordはがき印刷ウィザードからひな形作成と住所リストの印刷

1.Wordを起動して[差し込み文書]タブをクリック、[作成]グループにある[はがき印刷]をクリック、ドロップダウンリストから[宛名面の作成]を選択します。

2.[はがき宛名印刷ウィザード]ウィンドウが表示されるので、この例では[年賀/暑中見舞い]を選択して、ウィザードに従って進める。[背景にはがきを表示する]にチェックを入れるとわかりやすい。

3.ウィザードの最後に[宛名の印刷に差し込み機能を使用しますか?]の設定画面がでるので、[他の住所録ファイルを差し込む]にチェックを入れ、先ほど作成したエクセルの[住所リスト.xls]を読み込む。

4.ウィザード完了ボタンを押すと、エクセル住所リストの最初の項目が指定した形式で表示されていれば、あとは[差し込み印刷]から[差し込み印刷の開始]から印刷をすれば住所リストが順番に印刷されるようになる
とする。

解決方法の補足として、注意点としては、PDFファイルでリスト通り印刷されるかを確認して、作成したWordファイルは名前を付けて保存しておけば、毎年の印刷などが失敗なくかなり簡便化される
があり、Excel住所リストについての特性です。

問題解決カテゴリーとしては、Word印刷についてのハガキ宛名印刷に分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
word2013 宛名印刷
word 宛名印刷 mac
word 宛名印刷 封筒
word2010 宛名印刷
word 宛名印刷 封筒 縦書き
word 宛名印刷 ラベル
word 差し込み印刷
word 宛名シール印刷
word 宛名 連名
宛名 印刷 エクセル

Youtubeなどの動画mp4ファイルをmp3ファイルに変換して音声のみ抽出する方法の解決方法である。

1.iTunesを起動

2.Mac=コンピュータ画面上部のメニューバー>[iTunes]>[環境設定]の順に選択。
Windows=iTunes ウインドウ上部のメニューバー>[編集]>[設定]の順に選択。

3.[一般]ボタンをクリック、ウインドウ下方[読み込み設定]ボタン(Mac)または[インポート設定]ボタン (Windows) をクリック。

4.[読み込み方法] (Mac) または[インポート方法] (Windows) 横のメニューをクリック、曲の変換先エンコード形式を選択。
この場合はMP3を選択。

5.[OK]をクリック、設定保存する。

6.変換したいmp4ファイルの拡張子をm4aに変更。

7.拡張子を変換したファイルをフォルダごとライブラリに追加。

8.ミュージックライブラリに追加されたファイルを全選択して、右クリック、[MP3バージョンを作成]を選択

9.エンコードが開始され、完了するとiTunesの保存フォルダに変換されたmp3ファイルが作成される。とする。

解決方法の補足として、変換されたmp3ファイルの保存先は左上のiTunesメニューから[設定]>[詳細]で確認できる。[iTunes Media]フォルダの場所は、Windowsの場合デフォルトでC:\Users\ユーザ名\Music\iTunes\iTunes Media\Music以下にフォルダが作成されているがあり、mp4をiTunesでmp3に変換についての特性です。

問題解決カテゴリーとしては、mp3についてのエンコード・変換に分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
mp4 mp3 変換 mac
mp4 mp3 変換 フリーソフト
m4a mp3 変換 itunes
itunes m4p mp3 変換
mp3 mp4 変換 フリー
mp4 mp3 変換 無料
itunes mp4からmp3変換
mp4ビデオ mp3 変換 itunes
itunes mp4 動画 mp3 変換
itunes mp4 mp3 変換 windows

テンプレートタグ
についての情報。

使用頻度の高いワードプレスでのPHPテンプレートタグである。

その他の情報としては、固定ページや投稿記事ページでも使用できるが、プラグインなどの設置が別途必要があり、特性としては・テーマディレクトリ参照
<?php echo get_template_directory_uri(); ?>
・ルートディレクトリ参照
<?php echo esc_url( home_url( ‘/’ ) ); ?>
・ページ判別
<?php if(is_page(‘123’)): ?>
<?php endif; ?>
・カテゴリー判別
<?php if(in_category(array(‘1′,’2′,’3’))): ?>
<?php endif; ?>ことです。

情報カテゴリーとしては、PHPについてのWordPress
に分類される。

情報について、検索エンジンでは
wordpress テンプレート
wordpress テーマ
ワード プレス
ワード プレス テンプレート
ワード プレス テーマ
wordpress テーマ 作成
wp テンプレート
wordpress カスタマイズ
wordpress テンプレート 作成
ワード プレス テンプレート 無料
wordpress テンプレート 無料
wordpress テーマ 無料
wp テーマ
ワード プレス テーマ 無料
wordpress 無料 テーマ
wordpress デザイン
wordpress 日本 語 テーマ
ワード プレス カスタマイズ
wordpress テーマ おすすめ
wordpress テンプレート カスタマイズ
ワード プレス テーマ 日本 語
ワード プレス 無料 テンプレート
無料 ワード プレス テンプレート
テンプレート wordpress
wordpress 無料 テンプレート
wordpress サイト
ワード プレス テンプレート 日本 語
wordpress ブログ テンプレート
ワード プレス ブログ テンプレート
wordpress テンプレ
などがインデックスされている。