WordPressテーマ編集時にChromeの「要素を検証」を使う。管理人グリフィンに連絡WordPressテーマ編集時にChromeの「要素を検証」を使う。WordPressブログを開設して以来、初めて大幅にデザインを変えました。didbygrahamスポンサーリンクご存知の通り、このブログはWordPressで作成しています。ブログを始めた動機はプロフィールに書いてある通りなのですが、どうせやるなら練習用に不動産ホームページで使う予定のWordPressで始めたいと思ったからです。WordPress初心者だった私にとっては、プラグインを試してみるとか、AnalyticsのデータをとってSEO的なことへの理解の手助けにするなど、色々プラスもあるかなあ、と。実際のところ、プラグインを試したり、Analyticsのデータを見たり、ということはしたのですが、開業準備が進んでからは、全く手が回らず、ずっと現状維持な感じ。デザインは少々飽きてきていました。そこで今回の変更です。テーマを変更してちょっと不具合のあるところだけ手直ししたのですが、私のような素人が、必要なことだけ場当たり的に調べていじっていると、どこをいじれば変更できるのか、すぐにはわからないこともしばしば。style.cssを開いてじーーっと探していたらどこにもなくて、他にCSSファイルが用意されていたり、とか。どこをいじればいいのかわからん、というのはかなりストレス。本業の不動産HP作成中も、最初は何度も「どこ?どこ?」というのでストップすることもしばしばでした。HTMLとかCSSとかPHPとか、ちゃんと理解している人ならそう苦労はないのかも知れませんが、そこを腰を据えて身につける余裕もなし。今実現したいことだけ実現できればいい、という気持ちでやっているので、「どこなんだよ」とやっている時間はかなり無駄に感じます。「要素を検証」ってのを多用するようになりました。ご存知の方も多いとは思うのですが、私のような者の使いかたは次のような感じです。ページを開いて右クリックすると出てくるこれ。要素を検証を選ぶと、下の方にそのページのソースが出てきます。左がHTML、右がCSS。見たい部分にマウスをあてて右クリックすると、その部分が反転し、下の該当のHTMLも反転されたり、適用されているCSSスタイルなどが出てきます。全部の機能について私にはわからないのですが、色々ボタンをいじってればなんとなくわかるところもあります。ちなみに、左側にstyle.cssファイルの中身を全部表示することもできます(説明が適当ですみません)。それに加えて、下の欄で直接コードを書き換えたり、消してみたりすると、上のページの見た目も変わるというシミュレーション機能(?)もあり。フォントサイズを変えたらどんな見た目になるかな、というのを、実際のファイルをいじらず試してみることもできます。シミュレーションしてみることで、「間違いなくここだな。」と特定することもできます(という感じで特定しなきゃならないのが素人の哀しいところ)。参考にしたい他のサイトに行ってこの機能を使えば、「なるほど」と思うこともあります。私のようなものには解読しきれないこともしばしばですが...。私は不動産HPを作る時に、この機能を多用しました。自分でテーマを一から作るわけじゃないし(そんな能力もない)、フリーのテーマもテーマによって作りが違うので、どこがどうなってるのか探すのには重宝しました。わからなくなったら、Chromeで開いて要素を検証。該当部分を探し当てたら、テキストエディタで編集してアップロード。これを繰り返す感じです。いう機能は、今やほとんどのブラウザに付いていて、一時期はOperaを使うことが多かったです。サイトを作るようになる前から機能があること自体は知ってはいたのですが、「何のためにあるの?」ってな感じでした。後々これほど多用するようになるとは...。みたいなやり方をするのって、なんだかすごく迂遠な気がして、まさに素人ならではというところなのかも知れませんが、こういうのがなかったら、不動産HPも自分の思うようには作れなかっただろうなあ、と思います。いい方法がありそうですけど...。売買仲介サイトを、タブレットやスマホでも見やすいように作ろうと苦戦中なので、このブログもレスポンシブルなテーマを入れてみましたが、なかなかに難しいです。サイトアップを早くする方がいいというのはわかっているのですが、他の準備もいまいちなので...。このブログのデザインも、ちょっとかわいすぎる感じになっちゃいました(苦笑)。前のに慣れていると違和感ありますね。手を加えたいとは思うものの、前と同じようにずっと放置になるかもしれませんね。サイトに貼り付けてください。href="https://www.hudosan.info/archives/4273">WordPressテーマ編集時にChromeの「要素を検証」を使う。title="&#8220;WordPressテーマ編集時にChromeの「要素を検証」を使う。class="wp-embedded-content"></iframe>埋め込むにはこのコードをコピーしてサイトに貼り付けてください関連記事とスポンサーリンクスポンサーリンク関連しているかもしれない記事WordPressのテーマを子テーマを作ってカスタマイズする不動産プラグイン導入後、CSSファイルを子テーマで一つにしてみました。不動産プラグインって便利。テーマは自分でカスタマイズしようかな。使ってみたらすごかった。要素を検証griffinグリフィンです。不動産業もWordPressも関わるようになってまだわずか。それを差し引いてお読みください。コメントはお気軽にどうぞ。“WordPressテーマ編集時にChromeの「要素を検証」を使う。17:44グリフィンさん、ごぶさたしてました。時々はブログ覗かせていただいてましたが、自分自身がバタバタしていて、何もコメントできないでいてすみませんでした。6月1日から行政書士業を開業します。最低限、事務所と自宅(貸家)の家賃をカバーできるくらい稼がないといけないですが、ハードルは結構高い気がしています。自分の地元でなく、妻の地元ということで、完全アウェーではないですが、知り合いは多いわけではありません。ご縁ができた一人ひとりの方に誠意を持って対応し、徐々にお客さんが広まってくれたらと思っています。ホームページはJimdoで作りました。素人っぽい出来栄えかもしれませんが、当分はそれで進めたいと思います。業種は違いますが、グリフィンさんのお客さんに対する心遣いなど、とても参考になっています。これからも見習って頑張っていきたいと思っていますので、よろしくお願いします。10:50ラストショーさん、お久しぶりです。行政書士開業、おめでとうございます!お知り合いの少ない土地での開業にはご苦労も多いかもしれませんが、最初に顧客開拓での努力をされれば、かえって知り合い頼りよりも良いかも知れませんよ。私もまだまだ、本当にまだまだです。何もかも自分でしなければならず、結果も全て引き受けなければいけませんが、でも、何もかも自分の思うようにやれます。はじめは、色々なことにナーバスにもなりましたが、今は自分の好きなようにやればいい、と思うようになりました。業種は違えど、是非今後とも交流お願いします。コメントをキャンセルメールアドレスが公開されることはありません。*サイトスパム防止のため下の式の空欄に答えの数字を入力してください。スポンサーリンクフォローするTwitterFacebook検索:管理人:グリフィンはじめましてグリフィンです。このサイトは、未経験で不動産業を始めた男のブログです。40代半ばで会社を退職して起業、2010年12月に会社を設立しました。前職も起業した事業も不動産業ではありませんでした。思うところあって2011年秋にに不動産事業を立ち上げる決意をし、このブログを書き始めました。2012年夏に宅建業免許を取得、同年秋からそろりと営業を開始しました。試行錯誤しながら進む記録が後々誰かの役に立てたら嬉しいな、という気持ちから始めたブログですが、不動産業界の方々とネットならではの交流ができたらいいな、という欲張りな気持ちも少しあります。web・WordPressネタは素人なので話半分で読んで下さい。コメントは大歓迎です。リンクもご自由にどうぞ。古い記事にコメントを頂いたのをきっかけに、賃貸の媒介契約について整理を兼ねて書きます。投稿された小さな不動産屋が使っている道具25選。不動産屋の私が実際に使っている道具を思いつくまま紹介します。投稿されたアットホームは利用してみることに。先日、アットホームの営業マンに来てもらいました。投稿された宅建登録実務講習の演習講義を受講してきました。投稿された宅建協会の不動産業開業セミナーに行ってきました。宅建協会の不動産業開業セミナーに行ってきましたので、その感想など。このブログを始めてまだ10日ちょっと。投稿された不動産屋の服装って。良い話題で恐縮なんですが、最近私の仕事着がだんだんラフになってきました。賃貸借契約の成立時期については、簡単なようですが疑義が色々あるようです。投稿された不動産業界の先輩とお話してきました。先日、不動産屋の社長さんに会いに行ってきました。投稿された宅建登録実務講習の修了証が届きました。前回が少しヘビーな記事だったので、今日は軽い内容で。