技術

Category

スマホページのデザインを先にやらないとあとで苦労する

PCでサイトをみるよりも、圧倒的にスマホのページの閲覧が増えて言っている昨今。 「とりあえずスマホのページ」という時代も終わっていると勝手に思っている。   前は「とりあえず」だったので、「とりあえず」CSSで帳尻合わせをしたりしていたのだけども、もはやそうも言ってられないのですね。     特にCMSでサイトを組む時は最初にある程度の導線設計とデザインの設計をしない […]...

XSERVERで独自ドメインを使ってみる(ムームードメイン編)

多分、他のドメイン会社でもっと安いところもあると思う。 けども、UIがわかりやすいのでここから離れられないと思っている。 ムームードメイン。   仕事でお名前ドットコムを使ったりもしているので死ぬほどこだわりがある訳ではないとしつつ、 ムームードメインを個人的にはずっと使っています。   あと、結構ドメインを取得しているので、ドメイン移管費用を考えるとめんどくさいというで、 サ […]...

サーバーを移転してみた。

今回諸事情によりサーバー移転してみました。 理由としてはWordpressを使用すると重くなったからというのが感想でDBの数などは申し分なかったのだけども・・・。 最初から重かったという感想はなかったが、徐々に重くなって行ったことが気になり、試しにお引越しを。   実質、Wordpressの管理画面もかなりいじっていることもあって、重くなってるのは当然かと思いつつ、 表示速度テストしても […]...

iPhoneでフォントが変わってしまう

bx-sliderを使っている時に、リストタグの一番始めのフォントに指定したCSSが適用されなかったので調べてみた。 使用しているiPhoneのsafari、chromeで起きているみたい。 どうやら、文字サイズ自動調整機能がついているらしく、jQueryプラグインを最後に読み込ませたことが原因っぽい。   とCSSに書けばいいみたい。   今まで散々スマホページを作ってきたけ […]...

カスタム投稿タイプでJetpackとAll In One SEO Pack使ってSNS周りをチューニング

SNS(FacebookやらTwitter)に自動投稿して効率化をはかりたい場合が多々あるはず。 このページもJetpackを使ってFacebookに自動投稿しているんですが・・・ クライアントワークになると、カスタム投稿タイプで、投稿の種類を追加して使いやすさ(?)を考えて作っているつもり。 カスタム投稿タイプを作成する場合のルールとしては、グローバルメニューと連動させるというのをルールとして持 […]...

Contact Form7に送信確認ページ・完了ページを表示

お問い合わせフォームで適切にメールが送れているか、確認画面が出て、最後に送信完了ページ(thanksページ)という流れがある。 Contact Form7にも送信完了が送れたかのメッセージが出てくるが歯切れが悪い。 普通に送信確認ページ、送信完了ページ(thanksページ)を表示したい場合の方法。   送信確認ページ 設置方法 Contact Form7のオプションプラグインなるものがあ […]...

テーブルのレスポンシブ対応

サイト制作していると、必ず出てくるのが、テーブルだと思うのですが共通項が多いデータの一覧表示には重宝しますよね。 むしろ、テーブルを使う他、何か方法があるのかというところにも至りますが・・・ PCサイトだと問題なく表示されるものの、スマホサイトにするとみにくくなる。 技術者からだと「仕方がない」というのがあるのかなとも思っていたのですが、やはりユーザーが見て見づらさがあるということは、クライアント […]...

ホームページに「Googleカレンダーに登録ボタン」を追加したい

イベントを主催したりする企業だとホームページにイベント情報を掲載している場合がありますよね。 connpassとかのイベントに参加する機会もあり、またGoogleカレンダーを活用しまくってる私としてもサイトからGoogleカレンダーに情報を登録できるのは非常にありがたいことだなと。 活用していて、ふとどうやって実装しているのか(JSで実装しているのは理解していること前提で)を見つけてきておいた方が […]...

colorboxの位置がおかしくなる

最近作っているサイトがあって、WordPressを使用しているのだけども、どうしても、ライトボックスを使わないといけなかったのでcolorboxを使用。   何回も使用しているから大丈夫かなーと思っていたのだけども、カスタマイズしているうちにcolorboxの位置がおかしくなるという事象が発生。   位置が・・・センターよりも上付きになって見えなくなってしまうという・・・(クラ […]...

Facebook OGPの画像が違うものが表示されてしまう

自分のサイトではそもそも画像を置いていないので、 ぶっちゃけいって、何の支障もなく作業を行っていますが(本来なら画像は必要なんだろうけども)     仕事でFacebookに特定の画像を表示させるために、 「WP Facebook Open Graph protocol」 を活用しています。 が、指定している画像が表示されず、本文中の画像が表示されてしまうという現象が・・・ & […]...