WordPress
まだまだ修正する点はあるのですが、途中経過としてローカルのテーマを取り込みました。 ローカルとサーバの環境はなるべく近づけているハズなのですが、なかなか同じ動作をせず大変でした(:´・ω・`) それとchromeのエミュレータではキレイに表示されるのです…
CSSは後から追加された物が上書きされるので動作には関係ないのですが、2重で子テーマのCSSが読み込まれているのが気になる。 多分google先生もおこだと思われます。 /* 親テーマのbase.css */ <link rel='stylesheet' id='base-css-css' href='http://192.168.1.60/wp-content/themes/xeory_extension/base.css?ver=4.6.1' type='text/css' media='all' /> /* 子テーマのcss */ </link>
このブログをスマホで観た場合、トップページが酷いことになっているので改修していきます。 改修と言っても元々の親テーマ(Xeory Extension)ではレスポンシブデザインに対応しているので、 僕がCSSやサーバーサイドのPHPを改造していった結果めちゃくちゃに…
PHPを入れ直した後から画像をアップロード出来なくなったり今まで出来ていたことが、プラグインの更新が失敗したりと、何かおかしいと思ってPHP-FPMの設定を見直しました。 user = apache group = apache /(^o^)\ ;user = apache user = nginx ; RPM: Keep…
phpを5から7にしました 体感的に5より少し早い気がしますが、5の時の表示速度を測ってないので正確な早さまでは分からないです。 せっかくだから測っておけばよかった。 ついでにphpenvをできるだけ消しました。 できるだけというのは、phpenvのインストール…
前回のおさらい 前回vagrantでサーバー上のwordpressをローカルにコピーしました。 トップページの見た目上は、再現できていました。 前回の作業として、下記2点を行いました。 ・サーバー上のミドルウェアなどの環境を再現 ・mysqlの中のwordpressで使って…
最近vagrantというベンリーツールを覚えたので、ローカルであっさり作れるかと思ったら失敗しました。 サーバーの方はnginxとphp-fpm7をphpenvという若干特殊な構成(そうでもない?)で動かしているのですが、設定など色んなサイトを参照しながらやっとのこ…
疲れたので休憩です。 とりあえずトップページでいっぱい記事が出るようにはしましたが、ん~なんというかオシャンティ感0ですね。 それと最初は何とかCSSのidとクラスで表示分けをしようと考えていましたが、結局HTMLタグにstyleを書き込むという原始人並み…
現在も改造中ですが、小休止です。 最初にブログのタイトルを変えました。 前のはちょっと恥ずかったのと、画像ジェネレーターで作成した画像だったので、権利的に良くないと思っていましたので。 まだ改造途中ですが、元々ゴテゴテしてたのを作りたいと思っ…
トップページを見て、何か変だなと思ったら、レイアウトが崩れていました。 原因は読み込むjqueryのverが古くなっていたので、verを新しい物に変更してあげたら直りました。 WordPressのファイルの履歴を取っていないので、どこが変更されたかまでは分からな…
アクセスが一桁なこのブログですが、昨日急にアクセスが増えていました。↓ アクセス数は気にしていないあきらめていますが、やっぱりたくさんの人が見てくれるって嬉しい。 どんな人がアクセスして来てくれたんだろ!ストーキングだ!と思い、アナリティクス…
切り替えに苦労しましたが、PHP7に変更できました。 ついでにphpenvというPHPのバージョンを変えられるツールを導入したのですが、このツールの導入に苦戦しました。 せっかくなので、速度を取ってみました。 こちらは過去の構成の「apache+PHP5.3」の結果。…
トップページを改造していますが、サイトのデザインって凄く難しいですね・・・。 今やろうかなと思っている事がグローバルナビの設置です。 これはPC用でもスマホ用でも併用して使えそうなので設置しても特に問題なさそうかなと思っています。 次にトップペ…
改造しているトップページですが、ランディングページとも呼ぶようです。 ランディングページについて少し調べてみると、個人のブログには必要なさそうな感じがプンプンしていますが、 せっかくあるのだから引き続き改造していきます。 ちなみにランディング…
トップページ上部のスペースの修正に苦戦しました。 内容としては、背景をパーティクルに変更しています。 現在は何とかキレイに収まって下記の画像の様になっています。 今回の作業内容は、 1、ParticlegroundをDLしてwordpressで読込 2、Particleground…
せっかくブログを作成したので、Google AdSenseを表示する様にしました。 月のレンタルサーバー代くらい稼げれば嬉しいです。 Google AdSenseの申し込み方法などは省略しますが、 WordPressの記事に貼り付けた方法など。 WordPressのプラグインにGoogle AdSe…
テンプレートをカスタムしているとこうなる事は分かっていたのですが、 弊害が出てきました。(対したことじゃないですが) ブログ記事のアイキャッチ画像に枠をつけたり記事ページの上の部分と幅を開けたりと、 キャッキャしながらやっていたのですが、肝心の…
お手軽にページの描写速度を改善出来そうだったので、設定しました。 ページの最適化をチェックするには、PageSpeed Insightsを使えば改善点を教えてくれます。 修正前は・・・ 真っ赤ですね・・・。 改善案はこんな感じで表示されます。 という訳でファイル…
トップページのヘッダーのすぐ下の大きなスペースを小さくしたいのですが、 どうやらCSSでもPHPファイルでも無く、javascriptで修飾されているようなので手間取っています。 今のトップページのスクリーンショット CSS、PHP、javascriptの判断はchromeなどを…
子テーマのCSSのイジり方は分かったので、次はPHP(コンテンツ本体?)もイジっていきます。 現在使わせて頂いてる親テンプレートのXeory Extensionはブログ本体とは別に、トップページがあります。 初期状態だと個人ブログ用では無いので、何もないスペース…
僕がトップページと呼んでいるページはどうやら、ランディングページと呼ぶみたいですね。 そんなランディングページをゆくゆくはこうしたいという案を作りました。 縦に長いですね。 ITタグと雑記タグの部分を同じスペースで分けて表示するのも良さそうです…
前回子テーマを作成したので、今回は子テーマを作成していきます。 親テーマの読み方など色々ありますが、現在は下記の記述で動作させています。 /*親テーマのスタイル読込*/ /*@import url(“../xeory_extension/style.css”);*/ /*トップページヘッダー画像*…
WordPressのテーマをカスタマイズする際に、親テーマを直接編集する事も出来ますが、 親テーマを引き継いだ子テーマを作成するのが推奨されています。 そんな訳で子テーマを作成してみました。 僕の今のテーマ(テンプレート)は「Xeory Extension」というテ…
1年くらい前にWordPressでブログを作った事があったのですが、 テンプレートや設定をイジっている間にパーマリンクなどが壊れてしまったので、作り直しました。 今回はSEOに強いと評判のxeoryというテンプレートで作ってみました。 実際のところSEOは気にし…