Рубрики
Visual Studio Code WordPress project PHP

Настройка проекта в локальном редакторе VSCode для WordPress хостинга

  • настройка IDE
    • F:\project\VSCode\Web\OSPanel\domains\localhost\IDE
      • локальный путь редактирование проекта
    • добавить в список проектов IDE
      • плагин Projects Manager
  • создание GIT
    • .gitignore
    • структура проекта
      • src
      • dist
    • создание репозитория в GitHub
    • создание туннеля SSH на хостинг с WordPress (плагин SFTP)
      • .vscode\sftp.json
      • настройка на хостинге (на примере Джино)
        • добавить доступ для своего IP
      • uploadFolder
        • отправить файлы с локального проекта
Рубрики
WordPress Блоки "произвольный html" CSS JQuery

«Toggle»

  • Insert Headers and Footers
    • Script in Footer
      • плагин размещения js кода
  • сворачивание блоков
$('.mytoggle').each(function () {
	h=$(this);
	let html=h.html();
	h.empty();
	h.css('margin-bottom','0');
	let btn=$('<img>').prependTo(h);	
	$('<div>').appendTo(h).html(html);
	btn.css('display','inline-block');
	btn.css('vertical-align','top');
	btn.css('height','24px');
	btn.css('width','24px');
	btn.next().css('display','inline-block');
	btn.attr('src','http://codegid.ru/img/cub_r.png');
	btn.click(function(){$(this).parent().next().slideToggle()});
	
	let div=h.next();
	div.css('padding','5px');
	div.css('border','1px solid');
	div.css('display','none');
});
  • Пример использования в редакторе с блоками html
<div class="mytoggle">head</div><div>content</div>
Рубрики
Vue store.actions "Реализация в поле Actions"

Vue.Store.actions «Структура»

...
actions:{
ИмяФункции(
{state,rootState,commit,dispath,getters,rootGetters},ДопПараметр) {
...
return ...  
}
}
...
Рубрики
Laravel "Модель"

Laravel «Создание Модели»

  • создание модели с именем Модель
    -m создание файла миграции
php artisan make:model Модель -m

app\Models\Модель.php

<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Model;

class Модель extends Model{

...
}
Рубрики
Vue "Библиотека Axios"

Vue «Установка Axios»

  • Установка библиотеки Axions
npm i axios
  • GET
    в script.methods компонента создаём функцию
async fetchRows(){
 try {
  const responce = await axious.get('https://...?_limit=10');
  console.log(responce);
 } catch (e){
  alert('Ошибка');
 }
}