読者です 読者をやめる 読者になる 読者になる

delalunaofficedaysのブログ

WORDPRESSとEC CUBEくらいしか触っていないWEBデザイナーの日記とかメモ。

CORESERVERにEC CUBE3をインストールしてみる

CORESERVERをお試しで借りました。 CORE-MINIプランが自分にとってそこそこ要件を満たすのに安いなあと感じたので実際に使えるかどうか実験。 PostgleSQLが標準で使えるサーバーってあんまり無いので使えるなら使いたい。 早速EC CUBEを入れてみたのだけれど…

せっかくなのでWORDPRESSの環境をVagrant上に用意してみる。

先ほど作ったMySQLの素晴らしい環境にWORDPRESSでもインストールしてみようかなって思ったのでやってみる。 [code] mysql> create database wp01; Query OK, 1 row affected (0.00 sec) [/code] SQL文を使って普通にデータベースを作成。 CUIにも慣れてきた…

【Linux全般】MySQLの設定をするよ

今回はVagrant上にあるCentOSにインストールしたMySQLを使いやすく設定する。 インストールはここでやりました。 インストールした後、rootでログインする。 [code] $ mysql -u root [/code] 現在登録されているユーザを確認する。 [code] mysql> select hos…

Vagrantで簡単に共有できる仮想環境を構築する

Vagrantって言葉をよく聞くようになってきたので試したくなった。 プロジェクト毎に独立した環境が用意できるって結構素敵なことだなあ。 その開発環境の構築と共有を簡単に行うためのツールということで興味が湧いたので早速使ってみることに。 https://www…

EC CUBE3 デザインテンプレートを編集したい

基本的にEC CUBE3のHTMLはTwigというPHPのテンプレートエンジンから出力されています。 Twigのファイルは (EC-CUBE3インストール場所)/src/Eccube/Resource/template/default/ に入ってるんですがこれを編集するのはダメだって言うことで (EC-CUBE3インス…

Ubuntu 14.04 LTS mod_rewrite 有効化

そもそもmod_rewriteが利用可能となっているかを確認してみる。 [code] cat /etc/apache2/mods-available/rewrite.load [/code] とすると、こんな表示になった。 [code] LoadModule rewrite_module /usr/lib/apache2/modules/mod_rewrite.so [/code] ※先頭に…

EC CUBE 3 ドメイン直下にインストールしたい。

EC CUBE 3 ってインストールするとデフォルトでは http://sample-shop.com/html/ がサイトのトップページになりますよね。 この「html」を取りたいと思いますのでその設定をメモ。 http://localhost/eccubetest/ でトップページ表示、http://localhost/eccub…

EC CUBE 3 インストールしたのに管理画面がNOT FOUND 404

そんな時は http://(インストールしたディレクトリ)/index.php/admin/ を試してみよう! アクセスできるならmod_rewriteが有効になっていません。 根本的な解決方法はこっち これで管理画面がNOT FOUNDにならないはず!

EC CUBE3 [推奨] APC 拡張モジュールが有効になっていません。

さてEC CUBE3インストール時に出ていた警告の最後の項目。 ” [推奨] APC 拡張モジュールが有効になっていません。” これ有効にしておくと速度がアップすると聞いたのでぜひやってみることに。 [code] sudo apt-get install php-apc [/code] これでAPCモジュ…

EC CUBE3 [推奨] mcrypt 拡張モジュールが有効になっていません。

これまたEC CUBE3なんだけど[推奨]って書いてあるから無くてもいいかなって思いつつ推奨なんだったら入れてみよう(本番サーバーで入れれるかは知らんけど)。 php.iniを弄ればいいかな?と思ってパスを調べてみたら /etc/php5/apache2/php.ini にあるようなの…

Ubuntu14.04にEC CUBE3をインストール時にcURL 拡張モジュールを要求された

EC CUBE3をローカル環境に入れてテーマとか作るぞーって張り切ってインストールしようとしたら cURL 拡張モジュールが必須だけど無いよ。って言われたのでインストール。 cURL 拡張モジュールってなんやねんと思って調べてみたら cURL関数を使うためのモジュ…

【CSS】jQueryを使って可視領域に入ったオブジェクトをふわっと表示する【HTML】

サイトを開いた時にふわっと表示されるのを見たことないでしょうか。 あれがやりたいと思って色々調べてまいりました。 コード見たほうが早いと思うので貼っつけておきます。 [html] <html lang="ja"> <head> <meta charset="UTF-8"> <title>css-inview</title> <meta name="robots" content="noindex"> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></head></html>

実際に使ってみないとわかりにくいCSSの “vw” “vh” って単位

CSSの横幅や高さで使われる単位の中にvw とか vh とか見たことないでしょうか? 今まで気にもしていなかったんだけどこれってなんなんだろう?と思って調べてみました。 Viewport-percentage lengths: the vw, vh, vmin, vmax units ここに書いてあるとおりv…

このミュージックプレーヤーすごくね

なんかすっごく気に入りました。 See the Pen #Codevember 10 - Musical Particles by Sean Free (@seanfree) on CodePen. これちょっと色んな事に使えそう。

Ubuntu 14.04 LTSにFTPサーバを導入する

Ubuntuのローカルで作業していてふと疑問に思ったことがあって、 FTPでlocalhostにファイルをアップしたいんだけど って疑問。そりゃ当たり前に出来るんだろうけどどうやってやるのかわからないので調べてみた。 ローカルでテスト構築しているWORDPRESSでプ…

EC CUBE3で商品の一括削除

phpmyadminから。 [code] SET foreign_key_checks=0; TRUNCATE TABLE dtb_product_category; TRUNCATE TABLE dtb_product_image; TRUNCATE TABLE dtb_product_stock; TRUNCATE TABLE dtb_product_tag; TRUNCATE TABLE dtb_product; TRUNCATE TABLE dtb_produ…

EC CUBE 3の「商品種別」って何?どこで設定するの?

EC CUBE 3で商品登録しようとすると「商品種別」という欄があることに気づきます。 一体これは何なんだろう・・・。 EC CUBE 2まではシステムデータ設定で変更できたりしたそうなのだがEC CUBE3には設定する画面すら無い。(バージョン3.0.13現在) 商品種別を…

あけましておめでとうございます。

今年もよろしくお願いいたします。 ひっそりとブログも更新していきたいと思います。 今年は職業が変わるのでちょっとドキドキです。

EC CUBE 3 固定IPを取得してクレジットカード決済を導入する

EC CUBE 3 等でECサイトを構築する場合、クレジットカード決済の部分で詰まることが多いと思います。 クレジットカード決済のモジュールの導入自体はスムーズに進むと思いますが、 決済システムに「固定IPアドレス」が必要、となるケースが多くあるからです…

WORDPRESSが改ざんされまくっているのでいい加減セキュリティ入れてみた。

レンタルサーバーにあるWORDPRESSが改ざんされてメールの発信元として踏み台にされる事件が起きました。 これは困ったということなのでテーマファイルとwp-config.phpだけバックアップを取って入れ替えたのですがまだ不安。 前回もこの対処で乗り切ったかと…

Google Analyticsを見ていたら謎の言語サマリー。Vote for Trump!とは?

Google Analyticsをチェックしていたら言語サマリーの部分に “Secret.ɢoogle.com You are invited! Enter only with this ticket URL. Copy it. Vote for Trump!” ですって。スパムっぽいですね。こんな所までスパムが来るとはトランプ旋風の勢いも留まるこ…

WORDPRESSの投稿を Custom Post Type UI と Advanced Custom Fields の組み合わせで便利にする

Custom Post Type UIをインストールして設定。 続いてAdvanced Custom Fieldsをインストールして各種項目を設定。 「投稿タイプ」を選んで先ほど作った"event"を選択。 すると、”イベント登録”から新規追加した時のみカスタムフィールドが表示される。 アー…

Ubuntu14.04 NAS マウント 接続できなかったがなんとか解決

[code] sudo mount -t cifs //192.168.XX.XX/PUBLIC/work /mnt/XXXXX -o sec=ntlm,username=XXXXXX,file_mode=0777,dir_mode=0777 [/code] これでやっと接続できた・・・・・ sec=ntlmを明示的に指定しないと接続できなかったという結果でした。 起動時に自…

WORDPRESS 最上位のカテゴリだけ表示

小カテゴリの情報を出力したい時に、親カテゴリは”これ”ですよという表示がしたい。 そして親カテゴリがない場合はそのまま表示したい。ということがよくある。 function.php [php] //最上位のカテゴリ情報を返す function get_top_categoryData($cat_id){ $…

Ubuntu14.04 Skype インストール

GDebiを使ってインストールする。 まずはGDebiをインストール。 [code] $ sudo apt-get install gdebi-core [/code] その後Skype。 [code] $ sudo dpkg –add-architecture i386 $ sudo apt-get update $ sudo apt-get install sni-qt:i386 gdebi $ wget down…

XAMPPを入れた時にすぐやっておく設定まとめ2016

【前提】C:\xampp\ にXAMPPをインストールするものとする。 セキュリティ設定 システムの環境変数→Path変数値に「C:\xampp\mysql\bin」を追加でパスを通す。 パスが通っていないとコマンドプロンプトでmysqlが認識されない。 MySQL のパスワード設定 これを…

サイトを公開するまでにやっておくことまとめ(主にWORDPRESS)

今までサイトを沢山作ってきたのである程度作業をパターン化しておきたくてメモしておきます。 WORDPRESSのダウンロード まずはWORDPRESSをダウンロードします。 https://ja.wordpress.org/ もちろん最新版で問題ないです。 ローカル環境にテストを置く 今は…

Ubuntuを入れてみたので設定

Gitをインストールする。 [code] sudo apt-get update sudo apt-get install git [/code] でインストールできた。 [code] $ cd ~/.ssh $ mkdir bitbucket $ cd bitbucket $ ssh-keygen -t rsa -C "bitbucketにユーザ登録しているメールアドレス" [/code] す…

Linux Mint 18でKoalaが動かない

KoalaをLinux Mintで動かそうかと思ったのだが、Ubuntu版をダウンロードして動かそうとしても動かない。 .debをインストールするために [code]sudo dpkg -i koala_2.0.4_amd64.deb[/code] でインストール。 インストールされたのだが動かない。 [code] kk@kk…

Spotifyをlinux mint 18に入れる

1. Add the Spotify repository signing key to be able to verify downloaded packages [code] sudo apt-key adv –keyserver hkp://keyserver.ubuntu.com:80 –recv-keys BBEBDCB318AD50EC6865090613B00F1FD2C19886 [/code] 2. Add the Spotify repository […

Linux MintのSublimeText3で日本語を入力したい

1. Mozcをインストール [code]sudo apt install fcitx-mozc –install-recommends[/code] 2. emacs-mozcをインストール [code]$sudo apt-get install emacs-mozc[/code] 3. SublimeTextにPackageControlをインストール お馴染みの方法で。 4. SublimeTextにSu…

OGP(Open Graph Protocol)設定

SNSなんかでシェアされる時にサムネイル付きでおしゃれにシェアされているのをよく見ますね。 あれってどうやって設定しているのでしょうか? ってことでサイトにOGP(Open Graph Protocol)を設定する方法をここに記しておきます。 [html] <meta property="og:title" content="ページのタイトル" /> <meta property="og:type" content="website か blog か article" /> </meta></meta>

Linux初心者奮闘記 その1

現在Linux Mint 18をインストールしたノートPCが有るんですがこれブラウジングだけにしか使ってないんですよ。 もったいないので少しでもLinuxを勉強したいと思いちょっとずつ学んだことメモって行きます。 最初の目標としてはlocalhostでファイルをいじった…

自分用WORDPRESS汎用的テーマ・プラグインまとめ

プラグインなど汎用的に使えるものをまとめてみる。 ACF(Advanced Custom Fields) https://www.advancedcustomfields.com/ カスタムポストを作る上で必須のプラグイン。 Contact Form 7 http://contactform7.com/ja/ お問い合わせフォームを作るためのプラグ…

EC CUBE3で店舗を構えるまでにやったことメモまとめ

1.EC CUBE3のインストール(省略) EC CUBEはXSERVERにインストールしました。 今回はMySQL+PHP7で試してみようと思います。 まずはインストール。 EC CUBE3をダウンロードして解凍したファイルがこちら。 なんか調べてみたら自動インストールできるみたいな…

EC CUBE3のCSV商品登録で雛形CSVと商品管理CSVが違う件

商品管理からダウンロードしたCSVを一部改造する必要がある。 1.フリーエリアと商品画像の間に「商品削除フラグ」を入れる 2.商品カテゴリ(ID)と商品種別(ID)の間に「タグ(ID)」を入れる 3.販売価格の後ろに「送料」「商品企画削除フラグ」の欄を作る 不安な…

hreflang とは

hreflangについて調べてみた。 基本的には多言語サイトに対して必要になるものらしいです。 Google Search Consoleなどでエラーが出て気になっている人もいるのではないでしょうか。 日本語だけのサイトでももちろん設定することができます。 と、それぞれの…

Colofilter.cssが面白い

面白いものを見つけたので投下。 https://lukyvj.github.io/colofilter.css/ 特定のクラス名を付与するだけでCSSブレンドモードを利用してデュオトーンのような表現が実装できる。 使い方は [html] <link href="path/to/colofilter.css" rel="stylesheet" type="text/css"> [/html] [html] <div class="blend-blue"> <img src="image.png"/> <span>lorem</span> </div> [/html] 実際にやってみた。 htt</link>…

SublimeText3のemmetで閉じタグの後ろにコメントアウトを入れたい

Sublime Text のメニューで、Preferences > Package Settings > Emmet > Settings -Userを開く。 [code] { "snippets": { "html": { "filters": "html,c" } } } [/code] 上記のコードを入れるだけで [html] div#bistro [/html] みたいな感じで展開すれば自動…

WORDPRESSでjQueryが動かなくて困ったときに対処したこと

とりあえずheader.phpとかでjQuery読み込むのはやめました。 コンフリクト起こしまくりで辛いです。 function.phpに [php] wp_deregister_script(‘jquery’); wp_enqueue_script(‘jquery’, ‘http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js…

半分もらいました。

テンプレート内に固定ページの内容を表示させる

縦に長いページを作る際に、全てテンプレート内で解決させるのは大変だったので ページごとに区切ってしまいたかったのです。 [php] $page_info = get_page_by_path(‘固定ページのスラッグ’); $page = get_post($page_info); echo $page->post_content; [/ph…

InstagramからWordPressに投稿したい

良いプラグインを見つけたので試してみる。 Intagrate Lite - Instagram Image Publishing https://wordpress.org/plugins/instagrate-to-wordpress/ これさえあれば連携できるみたい。 管理画面の「新規追加」から探したらあったので翻訳の関係でこちらから…

カツうますぎた!

ラーメン

WORDPRESSとFACEBOOKを連携するのに一番簡単な方法。

facebookのことをよく調べてみたんですが、これちゃんとWORDPRESSを連携させようとするとすごく難しそうですね。 なので、もっと簡単に連携できる方法が無いか調べてみました。 調べた結果、「JetPack」という以前使ったことのあるプラグインにたどり着いた…

はるまカフェ

jQueryの完璧な読みこませ方。

[code] <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> window.jQuery || document.write(‘<script src="js/jquery-1.12.4.min.js"><\/script>’) </script>

WORDPRESSの記事内でコメントアウトを使うとpタグが挿入されるのを防ぐ

WORDPRESSの記事内で画像やコメントアウトを使うとpタグが挿入されるのが非常に面倒なので pタグを削除する [code] function remove_p_on_images($content){ //画像のみpタグで囲わない return preg_replace(‘/<p>(\s)(<img . \/>)(\s*)<\/p>/iU’, ‘\2’, $content); } add</p>…

-ms-viewportについて

[code] @-ms-viewport { width: device-width; } [/code] 後で書く