Debriefing [デブリーフィング]

Debriefing [デブリーフィング] はHTMLやCSSやデザインなどのWeb制作に関することや、仕事を効率化する方法や生活に役立つHow Toを発信します。

「Web」記事一覧

ドメイン変更後、新ドメインへ検索順位影響0でSEO効果を引き継ぐ方法

サイトのドメインがサブドメインから独自ドメインに変わった、または新ドメインに変わった時は、Googleの検索順位に影響が出ます。今回は影響を最小限に抑えてSEO効果を新ドメインに引き継ぐ方法を紹介します。

はてなブログ独自ドメイン設定後にやるべき各種URL変更方法

はてなブログのはてなドメインから独自ドメインに変更したら、Google AnalyticsやGoogle AdSenseなど、URLの変更設定をしなくてはいけません。今回は各種URL変更について書いていきます。めんどくさい作業ですが、1つ1つ変更しなくてはいけません。

はてなブログをエックスドメインで取得した独自ドメインに設定する方法

はてなブログで、はてなドメインからエックスドメインで取得した独自ドメインに切り替える方法について書きました。独自ドメインに切り替えるには、DNSレコードの設定と、はてなブログ側での設定の2つで独自ドメインに切り替えることができます。

WordPressのパーマリンクの設定方法。パーマリンクを設定してSEO対策

WordPressのパーマリンクの設定方法について書きました。WordPressでブログやサイトを作ったらはじめの段階でパーマリンクの設定をしておいた方がよいです。悪いパーマリンクを設定しておくと後々SEO対策をする時に後悔することが多いです。なので良いパーマ…

Android端末だと©(コピーライト)にCSS指定が適用されない原因と解決方法

Android端末では©(コピーライト)の部分にCSSが適用されません。これはAndroidにインストールされている日本語フォントが©に対応していないことが原因だそうです。今回はこのAndroid特有のバグを解決する方法を紹介します。

WordPressのショートコードをPHPテンプレートファイルに書く方法

WordPressのショートコードをPHPのテンプレートファイルに貼り付ける方法を紹介します。ショートコードは固定ページや投稿のエディタにそのまま貼り付けることができますが、PHPのテンプレートファイルに貼り付けるには少しコードを書く必要があります。

WordPressのトラックバックとは?ピンバックとの違い。トラックバックの送信方法

WordPressの設定でトラックバックとピンバックの設定があります。でもこの2つの用語、イマイチちゃんと理解していなかったりしませんか?今回はトラックバックとピンバックの違いとトラックバックの送信方法について書いて行きます。

WordPressの初期設定。インストール後に絶対後悔しない設定方法

WordPress(ワードプレス)の初期設定について書きました。WordPressをインストールしたらはじめにやっておきたい初期設定があります。WordPressでサイトやブログを後悔して、しばらく時間が経ってから設定をすると後悔することが出てくるので早め設定してお…

letter-spacingとtext-align:centerで中央揃えにしたら文字がずれた時の修正方法

画像出典:W3C CSSでtext-aline:centerをしたら最後の文字がずれてなんか変。 テキストや見出しを中央揃えにしたい時に「text-aline:center」を指定して、なおかつ「letter-spancing:1px」とかで文字間を微調整した時に、なぜかテキストが左よりにずれてしま…

Webデザイナーになるには。未経験・文系出身からWebデザイナーになる方法

文系の学校出身で未経験でもWebデザイナーになる方法を書きました。文系の大学を出て未経験だった自分がどうやってWebデザイナーになったか、独学からはじめてスクールに通って、就職活動をして内定を取るまでの話を記事に書きました。

デザインの4原則を勉強してデザイン力を向上させる方法

デザインの4原則って知っていますか?デザイン力の4原則を学習すればデザイン力を向上させることができます。具体的には近接・整頓・反復・コントラストの4つの原則をデザイン上に使用すれば、ユーザーにとって見やすくわかりやすいデザインを作ることができ…

はてなブログをhttpからhttps[常時SSL]に変更した時のSEOやその他設定について

このブログDebriefingは4月からURLがhttps(常時SSL接続)に切り替わりました。 今回httpsに変更するにあたって、ブログ周りの各種設定を変更したので、その時にやったことを書いていきます。 このブログは、はてなブログを使って運営していますが、WordPres…

うまく遷移しない!?パラメーター付きアンカーリンクの正しい書き方

画像出典:W3C GoogleAnalyticsなどを使ってアクセス解析をしたい時に、URLにパラメーターを付けたい時があります。しかしWebサイトによってはアンカーリンクで遷移させたいときに、パラメーターがついたURLだと、うまくリンクしないときがあります。 今回は…

ChromeでSlackのテキスト入力時に出るエラーを解消する方法

web

画像出典:Slack 最近Slack(スラック)をChromeで開いてテキストを入力しようとすると、1、2文字入力したら下の画像のようにChromeでエラー画面になる現象が発生しました。 原因を突き止めるために試しにFirefoxを起動して同じようにテキストを入力すると、…

ul liタグで横並びにした時にできる隙間をなくす方法

リストタグ(ulタグliタグ)にdisplay:inline-blockを適用した時にできる隙間を消す方法について書きました。HTMLとCSSを使ってコーディングする人向けに書きました。

サーバーのドキュメントルート(フルパス)をPHPで調べる方法

web

サーバーのドキュメントルート(フルパス)をPHPを使って調べる方法を紹介します。PHPのコードを1行書いてサーバーにファイルをアップするだけで、サーバーのドキュメントルートを出力することができます。サーバーサイトエンジニアでもない僕でもできるので…

最近増えてきた!?常時SSL(HTTPS)化のメリット・デメリット

少し古い内容になりますが、2014年にGoogleがWebサイトに常時SSL(HTTPS)が導入されているサイトは、検索結果の順位を優遇するという内容を発表しました。それをきっかけに最近ではSEOも考慮しつつ、セキュリティの信頼を得るために、企業のコーポレートサ…

Photoshop(フォトショップ)で顔写真や文字画像にモザイクをかける方法

Photoshop(フォトショップ)で顔写真や文字情報が入った画像にモザイクをかける方法を紹介します。とても簡単にできるので、Photoshop初心者でも大丈夫です。免許証などの個人情報や顔写真にモザイクをかけて画像を載せたい時にもPhotoshopを使えば一発です…

WordPress(ワードプレス)を手動でインストールする方法

このページではWordPress(ワードプレス)のインストール方法を説明していきます。WordPressは世界で最も人気のあるCMSです。ブログや企業のコーポレートサイトでも導入事例がたくさんあります。インストール方法はとっても簡単なので、初心者でも簡単にイン…

WordPressでサーバーのPHPのバージョンを確認する方法

web

WordPressをインストールする時に、サバーのPHPのバージョンが必要条件に満たしているか調べる方法を紹介します。PHPに詳しくない方でも簡単に調べることができるので、レンタルサーバーなどを契約した時に是非やっておきましょう。

Adobe Creative CloudのCreative Filesが同期できない時の解決方法

Adobe Creative CloudでCreative Filesが同期がしなかったり、エラーになってしまった時の対処方法を紹介します。原因はいろいろ考えられますが、このページでは一番解決方法として有力な方法を紹介します。Adobe Creative Cloudは便利ですが同期できない時…

WordPress(ワードプレス)に絶対インストールしたいおすすめプラグイン7選

WordPress(ワードプレス)をインストールしたら絶対にインストールしておきたいおすすめのプラグインを紹介します。SEOを強化できるプラグインやお問い合わせフォームを設置できるプラグインなどWordPressにはたくさんのプラグインがあって選ぶのが大変です…

スマホサイトで文字が左寄せになるCSSのバグを解消する方法

スマホサイトやPCサイトを作った時にスマホのブラウザでレイアウトを確認すると文字が左寄せになってしまうCSSのバグを解決する方法を紹介します。

Photoshop(フォトショップ)のグラデーションツールで画像の境界線をぼかす方法

Photoshop(フォトショップ)で画像の縁や境界線を白くぼかしたい時やもやもやさせたい方法を紹介します。今回使用するPhotoshopの機能はベクトルマスクとグラデーションツールを使用します。決して難しくない機能なのでPhotoshop初心者のkたは覚えておきま…

MacとWindows両方で使える共用外付けHDDにするフォーマット設定

MacとWindows両方で使える共用外付けHDDにするフォーマット設定やパーミッション設定について紹介します。ウィンドウズ用のフォーマット形式FAT32やNTFSではMacでは使えないのでディスクユーティリティでexFATにフォーマット変更すると、データを共有したり…

WordPress(ワードプレス)とは? WordPressの特徴とメリット・デメリット

Webサイトを作成するときに、WordPress(ワードプレス)という言葉を聞いたことがあると思います。このページではWordPress(ワードプレス)の特徴とメリット、デメリットを紹介したい思います。WordPress(ワードプレス)はCMSの中で一番人気があるCMSなの…

© Debriefing 2019 All Rights Reserved.