2017-01-01から1年間の記事一覧
友人のライブドアブログをWordPress化するお手伝いをさせていただだきました。以下、その作業過程をお伝えします。 livedoor(ライブドア)ブログからWordPressへのブログ移行手順 1. テキストデータの取得 livedoor(ライブドア)ブログ 管理画面より、記事デー…
Blisk レスポンシブサイト制作時に役立つおすすめツール6選 今日は、レスポンシブサイトの制作に役立つツールをピックアップしてみました。いずれも、PC上からスマホ、タブレット等の各種デバイス表示が確認でき、制作の効率化に大いに役立つツールです。以…
吹き出し会話機能 ( 第2弾 ) 今日は、WordPressに使える 吹き出し会話機能 の第2弾です。以前 ご紹介した第1弾記事はこちらです ↓ times-diary.hatenablog.com 今回の吹き出し会話機能の特徴 吹き出し背景色を漫画風に白っぽくしました テキストの文字数に応…
今日は、画面サイズによって文字列を置換する jQueryを作成しました。[ 作成理由 ] モバイルデバイス表示時のレイアウト切り替えに伴い、 表示テキストを変更したかったため。 特定の文字列を置換するjQuery 仕様 画面サイズが1,024 px 以下の時、 actionク…
今日、WordPress 管理画面で設定変更を行っていた時、 以下エラーが発生し、WordPressにアクセスできなくなるという現象に遭遇しました。ついては、このような場合の原因・対処法について、確認しました。 Fatal error: Allowed memory size of XXXXXXXXX by…
本日ほぼ完成したBootstrapサイトをBlisk(※)で検証していたところ、Errors Notifierでエラーを検出！ ※Bliskについては、以下記事をご参照のこと times-diary.hatenablog.com さらに確認すると、以下のようなメッセージが。 Failed to load resource: the se…
Web開発者向けブラウザを使ってみました。 やはりこれ、評判の通り、かなりおすすめです。 Web制作時には最強ブラウザと言ってよいのでは？ ということで、本日はこちらのブラウザをご紹介します。 Blisk の特徴 Blisk のおすすめポイント エミュレーション…
今日は、Web制作中の配色時にお役立ち、 「PHOTOCOPA」というツールをご紹介いたします。 「PHOTOCOPA」とは？ PHOTOCOPAは、以下サイトで提供されているオンラインツールです。公式サイト： PHOTOCOPA | Photo Color Palettes by COLOURlovers :: COLOURlov…
サイトhttps化にともない、WordPressでサイトURLを「https:// 」に変更したところ、直後から図のようなエラー画面が。 サイトにアクセスできない状態になっていましました。 【障害対応】常時SSL化でサイトアクセスエラー発生 以下、各ブラウザ別の表示例で…
制作のスキルを上げるためには 「実際に報酬を得て仕事をすること、 それがスキルを上げる早道」これはかつての私が通っていたWeb制作科での恩師の言葉。 「まだこれができない」 「まだこれしかできない」 「スキルが足りない」 「だからまたとても仕事なん…
以前ご紹介したSass編集用 GUIツール、Koala について、 ここ最近頻繁にアップデートを促すメッセージが表示されるようになったため、更新をしてみました。しかし、その結果、最新版 2.2.0 バージョンでエラーが続出することに。「一体どうなっているのか？…
私がWeb制作科に通っていた2014年頃、クラスの半分以上の生徒はWeb業界には就職しないという残念な状況がありました。その主な理由は、 そもそも有効求人があまり多くない ゆえに、スクール卒を採用する企業が少ない スクール卒求職者への採用条件が非常に厳…
たまに、WordPressを最新版ではなく「この特定のバージョンにしたい」ってことがあります。 あるいは、環境によっては自動アップデートでは更新できない場合とか。実際私も今日そんな場面に遭遇し、手動アップデートを実行することになりました。ということ…
下記記事を参考にさせていただき、超シンプルタブメニューをページに実装してみました。【参考記事】 超シンプルなjQueryタブメニューの実装方法 - クルマ好きの幸福論 : https://hayakawayuki.com/4518 超シンプルなjQueryタブメニューの実装方法 - ハヤカ…
ドラッグ & ドロップと簡単設定だけでBootstrapサイトが作成できる「Mobirise」 公式サイト Free Website Builder Software : https://mobirise.com mobirise.com Bootstrapのここ最近のテーマをチェックしていたところ、偶然こちらのツールを発見。なんだか…
同一ページ内の異なるタブ内アンカーリンクに移動するには 通常、アンカーリンク(同一ページ内)への移動は、以下の方法(アンカーリンク先要素に付けたID名をhrefに設定するだけ)で可能です。 <li><a href="#ID名">リンクテキスト</a></li> しかし、アンカーリンク先が他のタブ内だったりす…
リファラ (REFERRER) 制御方法を確認しました こちらについてご説明する前に、「リファラって何？」という方のために、以下ご説明いたします。 リファラ (REFERRER) とは？ どこから現在のページに来ているか、ユーザーのアクセス元を示す情報のことです。 ※…
[jQuery不要] ラジオボタン + CSSで出来る タブ機能 以下記事を参考に、Webページにタブ機能を設置してみました。【参考記事】 qiita.com上記にてご紹介いただいたコードで、 おかげさまで思った通りのタブができました。と喜んだのも束の間、一つ問題が発覚…
jQuery不要の高機能スライダー 「Swiper」を実装してみました 今日は、ページ内の要素丸ごとスライド可能な高機能スライダー、「Swiper」をご紹介いたします。Swiperのダウンロードはこちらから可能です。 Swiperの使用に至ったキッカケ 見出しやボタン等の…
こんな感じで、WordPresの記事に吹き出し会話を作成してみました。 WordPress記事での吹き出し会話 以前から度々見かけて実装してみたいと思っていた吹き出し形式のコンテンツ。 調べてみると、専用プラグインとして、以下「Speech bubble (ふきだしプラグイ…
意外なWindows 10標準機能 Xboxアプリでデスクトップ動画作成 Xboxアプリとは？ MicrosoftのXboxと言えば、やはりゲーム、 日頃ゲームをされる方はきっとご存知のはず。 本来の目的は、Windows10上で、Xboxゲームを楽しむための機能。 ゲームの様子を録画す…
WordPressサイトアドレスを間違って設定してしまった場合の対応 今日は、WordPressでサイトアドレスが間違って設定されてしまったという問題が発生した場合の対応方法について確認してみました。 実際今回身近で起きた問題 httpサイトのサイトアドレス設定で…
[2017年版] 思わず引き込まれる採用情報Webページ 2018 思わず引き込まれる各社リクルートサイト(2018)、 以下、57 55サイト(2017.9.16 2サイトを追加)をご紹介いたします。 さすがの広告代理店 採用情報ページ 博報堂 求職者に向けての熱いコピー、 シング…
WordPressサイトにSSL設定を導入してみました SSLって？ ブラウザのアドレスバーで以下のように表示されるページのことです。 ページをSSL化(セキュリティ的に強化される)することで、SEO的に有利になる(検索エンジンで表示してもらいやすくなる)と言われて…
Chrome拡張「Web Maker」の機能・特徴について Chrome 「Web Maker」とは？ webmakerapp.com Local版 CodePen的Webエディタ Chrome拡張機能のWebエディタ、使い勝手はCodePenに似ています。 CodePen(※)同様、ソースコードの結果がブラウザでその場で確認でき…
CodePenを使ってみました 以前から話題になっていたCodePenを使ってみましたちょっと戸惑うところもありましたので、以下より、その使い方(ユーザー登録から本ブログにコードを貼り付けるまでの手順)をご紹介いたします。 1. ユーザー登録 まず、以下のサイ…
WordPressで「メディアの追加」ボタンが反応しなくなった場合の対処法について 《この現象の特徴》 主に以下のような症状が見られます。 1. 「メディアの追加」ボタンをクリックしても何も反応しない ・メディア追加用の画面が表示されない ・画像のドラッグ…
自宅環境でもXAMPPで問題発生。 localhostでページ表示ができなくなっているよう。ということで、 本記事では、この現象の原因確認・問題解決までの過程をシェアさせていただきます。 XAMPPでlocalhost表示できない場合の原因・対処法 1. エラーメッセージ確…
忍者ツールズでSNSボタンを作成 忍者ツールズ｜ホームページ ブログ アクセス解析 カウンター メールフォーム : http://www.ninja.co.jp/「忍者ツールズ」というサービスはご存知でしょうか。 Webサイト用の便利ツール・パーツが揃っていて、無料登録だけで…
本記事では、当方環境でApacheが起動しなくなった際に行った原因調査と対処法についてシェアさせていただきます。 【XAMPP】Apacheが起動しなくなった時の原因・対処法 1) 調査範囲 2) 原因 3) エラー原因発見までの経緯 1. Apacheが起動しなくなった 2. XAM…
