一回折れた人

日々の出来事をつらつらと

WordPress

途中経過をサーバに反映しました

まだまだ修正する点はあるのですが、途中経過としてローカルのテーマを取り込みました。 ローカルとサーバの環境はなるべく近づけているハズなのですが、なかなか同じ動作をせず大変でした(:´・ω・`) それとchromeのエミュレータではキレイに表示されるのです…

wordpressの内で同じCSSが多重読み込みされる

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を入れ直してwordpressで色々問題が起きていた

PHPを入れ直した後から画像をアップロード出来なくなったり今まで出来ていたことが、プラグインの更新が失敗したりと、何かおかしいと思ってPHP-FPMの設定を見直しました。 user = apache group = apache /(^o^)\ ;user = apache user = nginx ; RPM: Keep…

php7を入れ直しました

phpを5から7にしました 体感的に5より少し早い気がしますが、5の時の表示速度を測ってないので正確な早さまでは分からないです。 せっかくだから測っておけばよかった。 ついでにphpenvをできるだけ消しました。 できるだけというのは、phpenvのインストール…

ローカル環境にwordpressを構築(DB書き換え)

前回のおさらい 前回vagrantでサーバー上のwordpressをローカルにコピーしました。 トップページの見た目上は、再現できていました。 前回の作業として、下記2点を行いました。 ・サーバー上のミドルウェアなどの環境を再現 ・mysqlの中のwordpressで使って…

wordpressをローカル環境に作ろう

最近vagrantというベンリーツールを覚えたので、ローカルであっさり作れるかと思ったら失敗しました。 サーバーの方はnginxとphp-fpm7をphpenvという若干特殊な構成(そうでもない?)で動かしているのですが、設定など色んなサイトを参照しながらやっとのこ…

続Xeory Extensionのカスタマイズ

疲れたので休憩です。 とりあえずトップページでいっぱい記事が出るようにはしましたが、ん~なんというかオシャンティ感0ですね。 それと最初は何とかCSSのidとクラスで表示分けをしようと考えていましたが、結局HTMLタグにstyleを書き込むという原始人並み…

久しぶりにXeory Extensionのカスタマイズ

現在も改造中ですが、小休止です。 最初にブログのタイトルを変えました。 前のはちょっと恥ずかったのと、画像ジェネレーターで作成した画像だったので、権利的に良くないと思っていましたので。 まだ改造途中ですが、元々ゴテゴテしてたのを作りたいと思っ…

jqueryのverの関係で表示が崩れたいたので修正

トップページを見て、何か変だなと思ったら、レイアウトが崩れていました。 原因は読み込むjqueryのverが古くなっていたので、verを新しい物に変更してあげたら直りました。 WordPressのファイルの履歴を取っていないので、どこが変更されたかまでは分からな…

急にグーグルアナリティクスでnot setが増えたので、調べてみた

アクセスが一桁なこのブログですが、昨日急にアクセスが増えていました。↓ アクセス数は気にしていないあきらめていますが、やっぱりたくさんの人が見てくれるって嬉しい。 どんな人がアクセスして来てくれたんだろ!ストーキングだ!と思い、アナリティクス…

PHPを5から7にしました

切り替えに苦労しましたが、PHP7に変更できました。 ついでにphpenvというPHPのバージョンを変えられるツールを導入したのですが、このツールの導入に苦戦しました。 せっかくなので、速度を取ってみました。 こちらは過去の構成の「apache+PHP5.3」の結果。…

サイトのデザインって難しい

トップページを改造していますが、サイトのデザインって凄く難しいですね・・・。 今やろうかなと思っている事がグローバルナビの設置です。 これはPC用でもスマホ用でも併用して使えそうなので設置しても特に問題なさそうかなと思っています。 次にトップペ…

Xeory Extensionのトップページを改造 マウスオーバーで画像を丸くする

改造しているトップページですが、ランディングページとも呼ぶようです。 ランディングページについて少し調べてみると、個人のブログには必要なさそうな感じがプンプンしていますが、 せっかくあるのだから引き続き改造していきます。 ちなみにランディング…

Xeory Extensionのトップページを改造

トップページ上部のスペースの修正に苦戦しました。 内容としては、背景をパーティクルに変更しています。 現在は何とかキレイに収まって下記の画像の様になっています。 今回の作業内容は、 1、ParticlegroundをDLしてwordpressで読込 2、Particleground…

ファイルを直接編集して、Google AdSenseを記事下に表示

せっかくブログを作成したので、Google AdSenseを表示する様にしました。 月のレンタルサーバー代くらい稼げれば嬉しいです。 Google AdSenseの申し込み方法などは省略しますが、 WordPressの記事に貼り付けた方法など。 WordPressのプラグインにGoogle AdSe…

Xeory Extensionテーマのカスタマイズの影響

テンプレートをカスタムしているとこうなる事は分かっていたのですが、 弊害が出てきました。(対したことじゃないですが) ブログ記事のアイキャッチ画像に枠をつけたり記事ページの上の部分と幅を開けたりと、 キャッキャしながらやっていたのですが、肝心の…

ファイルを圧縮して表示速度を改善

お手軽にページの描写速度を改善出来そうだったので、設定しました。 ページの最適化をチェックするには、PageSpeed Insightsを使えば改善点を教えてくれます。 修正前は・・・ 真っ赤ですね・・・。 改善案はこんな感じで表示されます。 という訳でファイル…

Xeory Extensionのカスタマイズ トップページの大きいスペースを小さく

トップページのヘッダーのすぐ下の大きなスペースを小さくしたいのですが、 どうやらCSSでもPHPファイルでも無く、javascriptで修飾されているようなので手間取っています。 今のトップページのスクリーンショット CSS、PHP、javascriptの判断はchromeなどを…

Xeory Extensionのカスタマイズ PHP編

子テーマのCSSのイジり方は分かったので、次はPHP(コンテンツ本体?)もイジっていきます。 現在使わせて頂いてる親テンプレートのXeory Extensionはブログ本体とは別に、トップページがあります。 初期状態だと個人ブログ用では無いので、何もないスペース…

Xeory Extensionのトップページをカスタマイズ

僕がトップページと呼んでいるページはどうやら、ランディングページと呼ぶみたいですね。 そんなランディングページをゆくゆくはこうしたいという案を作りました。 縦に長いですね。 ITタグと雑記タグの部分を同じスペースで分けて表示するのも良さそうです…

Xeory_Extensionのカスタマイズ CSS編

前回子テーマを作成したので、今回は子テーマを作成していきます。 親テーマの読み方など色々ありますが、現在は下記の記述で動作させています。 /*親テーマのスタイル読込*/ /*@import url(“../xeory_extension/style.css”);*/ /*トップページヘッダー画像*…

WordPressの子テーマを作ろう Xeory_Extension-child

WordPressのテーマをカスタマイズする際に、親テーマを直接編集する事も出来ますが、 親テーマを引き継いだ子テーマを作成するのが推奨されています。 そんな訳で子テーマを作成してみました。 僕の今のテーマ(テンプレート)は「Xeory Extension」というテ…

WordPressのテーマと利用サーバー

1年くらい前にWordPressでブログを作った事があったのですが、 テンプレートや設定をイジっている間にパーマリンクなどが壊れてしまったので、作り直しました。 今回はSEOに強いと評判のxeoryというテンプレートで作ってみました。 実際のところSEOは気にし…