1

Тема: Тема Startbootstrap-Clean-Blog

Вчера решил адаптировать тему для GS на основе Startbootstrap http://startbootstrap.com/template-over … lean-blog/
Хотел на основе GS сделать свой блог, мучился долго, это моя первая адаптация темы, до этого только брал шаблон подходящей темы и менял css
Сам файл темы разместил на официальном сайте http://get-simple.info/extend/theme/sta … -blog/923/, на страницу тем не заходил, а нада было, загрузил файл, ух пока разбрался с этим маркдовном (не до конца), решил зайти полюбоваться на результат...
И какое было моё удивление, кто уже жо этого разместил аналогичную тему за пару часов до моей публикации
Это случайность, или как такое может быть?

Теперь это виглядит будто я у него слямзил, хотя работал сам, зарегестрировал сайт на хостинге и работал через админку, загрузил только файлы старбутстрапа и файли темы кардинал(как в инструкции)

И еще один момент в оригинале меню не подсвечиваеться белым прямоугульником, думал причина в гет симмпле http://beregok-gs.zz.mu/, сдлел на монстре тоже самое http://beregok.zz.mu/

Может стоит удалить, чтобы не позориться?

Поделиться

2

Re: Тема Startbootstrap-Clean-Blog

такого, конечно, пока не случалось, но ничего невероятного здесь нет, бесплатные темы доступны для скачивания всем, вполне возможно, что два человека выбрали один шаблон и оба они решили натянуть его на гетсимпл smile

==загрузил только файлы старбутстрапа и файли темы кардинал(как в инструкции)== в какой инструкции такое рекомендовано?

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

3

Re: Тема Startbootstrap-Clean-Blog

Инструкция на вашем сайте http://getsimplecms.ru/razrabotchikam/

Если вы пока не разбираетесь ни в одном из вышеуказанных языков, вы должны также выполнить первое действие, а затем открыть файл template.php, лежащий в папке Cardinal (одна из тем в комплекте с поставкой GetSimple CMS), и, заглядывая в него, искать похожие теги в вашем шаблоне и заменять или добавлять то, что нужно заменить (например: <h1>Заголовок</h1> на <h1><?php get_page_title(); ?></h1>) или добавить (например: <?php get_header(); ?> и <?php get_theme_url(); ?>/style.css).

Перейменовал папку Кардинал в clean-blog, в эту папку вставил все файлы скачаного архива оригинальной темы, потом смотрел в код index.html  и вносил необходимые правки в template.php, попутно создал header.inc.php и другие. Также создавал шаблоны для других страниц, отправка почты, про меня, пример страницы. Также подключил форму обратной связи, но свой адрес не вносил, и работоспособность не проверял, просто хотелось сделать наглядную копию этого шаблона.

Поделиться

4

Re: Тема Startbootstrap-Clean-Blog

я предлагал открывать файл темы Кардинал, копировать теги(не html-теги, а php) из него и вставлять их в файл шаблона smile, а не наоборот
там и видео есть

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

5

Re: Тема Startbootstrap-Clean-Blog

Не так понял.
Признаюсь честно, видео не смотрел
Просто мне так понятней понять структуру template.php а также разобраться с шаблоном, не запутаться,  тем более все перед глазами.
После каждой правки, смотрел результат на сайте, чтоб увидеть как php-теги действуют, за что отвечает часть вставляемого кода шаблона Startbootstrap

Поделиться

6

Re: Тема Startbootstrap-Clean-Blog

beregok,  посмотрел  демо на твоём сайте - симпатично
скачал поставил на дефолтный getsimple - в итоге только дефолтная страница и есть
Что делаю не так?

Поделиться

7

Re: Тема Startbootstrap-Clean-Blog

Проверил.
Скачал, розпаковал, перейменовал в clean-blog-copy, зашел в админку поменял тему на  clean-blog-copy
Все работает
Сайт з дефолтный, только плагин новостей, и чпу, язык английский

http://i.piccy.info/i9/50a8d2ce872dbc9341ac00282344604a/1429013435/5696/896837/werizon114118_240.jpghttp://i.piccy.info/a3/2015-04-14-12-10/i9-8049910/240x150-r/i.gif

Поделиться

8

Re: Тема Startbootstrap-Clean-Blog

beregok пишет:

Проверил.
Скачал, розпаковал, перейменовал в clean-blog-copy, зашел в админку поменял тему на  clean-blog-copy
Все работает
Сайт з дефолтный,

- у меня тож  работает... страниц у Вас сколько?

только плагин новостей,

  -какой? n18?

и чпу,

- это что?

Поделиться

9

Re: Тема Startbootstrap-Clean-Blog

Четыре страницы
About   
Contact   
Sample post   
Welcome to GetSimple!
http://i.piccy.info/i9/88db830d014fe99a3bec0aea0924e981/1429015565/5088/896837/werizon114119_240.jpghttp://i.piccy.info/a3/2015-04-14-12-46/i9-8050064/240x150-r/i.gif

Плагин новостей News Manager (updated) http://get-simple.info/extend/plugin/ne … dated/541/


ЧПУ - человеко-понятные ссылки
В настройках выставил

Use Fancy URLs - Requires that your host has mod_rewrite enabled

Также для страниц предусмотрены шаблоны с измененными картинками в заголовке  для обратной связи
Свой адрес можно настроить в файле /clean-blog/mail/contact_me.php
В 19 и 22 строке

// Create the email and send the message
$to = 'yourname@yourdomain.com'; // Add your email address inbetween the '' replacing yourname@yourdomain.com - This is where the form will send a message to.
$email_subject = "Website Contact Form:  $name";
$email_body = "You have received a new message from your website contact form.\n\n"."Here are the details:\n\nName: $name\n\nEmail: $email_address\n\nPhone: $phone\n\nMessage:\n$message";
$headers = "From: noreply@yourdomain.com\n"; // This is the email address the generated message will be from. We recommend using something like noreply@yourdomain.com.
$headers .= "Reply-To: $email_address";    
mail($to,$email_subject,$email_body,$headers);
return true;

Поделиться

10

Re: Тема Startbootstrap-Clean-Blog

beregok пишет:

Четыре страницы
About   
Contact   
Sample post   
Welcome to GetSimple!
http://i.piccy.info/i9/88db830d014fe99a3bec0aea0924e981/1429015565/5088/896837/werizon114119_240.jpghttp://i.piccy.info/a3/2015-04-14-12-46/i9-8050064/240x150-r/i.gif

Плагин новостей News Manager (updated) http://get-simple.info/extend/plugin/ne … dated/541/


ЧПУ - человеко-понятные ссылки
В настройках выставил

Use Fancy URLs - Requires that your host has mod_rewrite enabled

Также для страниц предусмотрены шаблоны с измененными картинками в заголовке  для обратной связи
Свой адрес можно настроить в файле /clean-blog/mail/contact_me.php
В 19 и 22 строке

// Create the email and send the message
$to = 'yourname@yourdomain.com'; // Add your email address inbetween the '' replacing yourname@yourdomain.com - This is where the form will send a message to.
$email_subject = "Website Contact Form:  $name";
$email_body = "You have received a new message from your website contact form.\n\n"."Here are the details:\n\nName: $name\n\nEmail: $email_address\n\nPhone: $phone\n\nMessage:\n$message";
$headers = "From: noreply@yourdomain.com\n"; // This is the email address the generated message will be from. We recommend using something like noreply@yourdomain.com.
$headers .= "Reply-To: $email_address";    
mail($to,$email_subject,$email_body,$headers);
return true;

У меня по дефолту 1 страница..
Я к тому спрашиваю, что в описанию к теме упоминается только изменение к настройке e-mail, и то я 22 строку пропустил...
про остальное ни слова

Поделиться

11

Re: Тема Startbootstrap-Clean-Blog

<!-- Contact Form - Enter your email address on line 19 of the mail/contact_me.php file to make this form work. -->
                <!-- WARNING: Some web hosts do not allow emails to be sent through forms to common mail hosts like Gmail or Yahoo. It's recommended that you use a private domain email address! -->
                <!-- NOTE: To use the contact form, your site must be on a live web host with PHP! The form will not work locally! -->

С публичных серверов почту не отправляет только с приватных
На локалке тоже не работает

Поделиться

12

Re: Тема Startbootstrap-Clean-Blog

Может что-нибудь другое прикрутить для обратной связи?
Какие файлы надо удалить/править при этом?

Поделиться

13

Re: Тема Startbootstrap-Clean-Blog

В файле contact.php - шаблон для страницы contact
Удалить в 79-80 строке

<!-- Form -->
<?php include('mail.inc.php'); ?>

Также можно отключить скрипт js/clean-blog.js в footer-script.inc.php, но тогда не будет эфекта появления меню при прокрутке колесиком мыши вверх
Таким образом на странице не будет контактной формы

Для сайта над которым работаю, который решил сделать на GS использую GetSimple Contact, http://get-simple.info/extend/plugin/ge … ntact/719/
Наверно Вам придется править css, на своем сайте не правил(вписываеться),
Язык менял так:в файле  /plugins/getsimple_contact/lang/en_US.php заменил содержимое файла украинским языком

Поделиться

14

Re: Тема Startbootstrap-Clean-Blog

Получилось
Нужно установить плагин
GetSimple Contact, настраиваем его, вводим свой емейл,  отключам капчу и html5

Редактировать файл /js/clean-blog.js
Оставить только

/*!
 * Clean Blog v1.0.0 (http://startbootstrap.com)
 * Copyright 2014 Start Bootstrap
 * Licensed under Apache 2.0 (https://github.com/IronSummitMedia/startbootstrap/blob/gh-pages/LICENSE)
 */



// Navigation Scripts to Show Header on Scroll-Up
jQuery(document).ready(function($) {
    var MQL = 1170;

    //primary navigation slide-in effect
    if ($(window).width() > MQL) {
        var headerHeight = $('.navbar-custom').height();
        $(window).on('scroll', {
                previousTop: 0
            },
            function() {
                var currentTop = $(window).scrollTop();
                //check if user is scrolling up
                if (currentTop < this.previousTop) {
                    //if scrolling up...
                    if (currentTop > 0 && $('.navbar-custom').hasClass('is-fixed')) {
                        $('.navbar-custom').addClass('is-visible');
                    } else {
                        $('.navbar-custom').removeClass('is-visible is-fixed');
                    }
                } else {
                    //if scrolling down...
                    $('.navbar-custom').removeClass('is-visible');
                    if (currentTop > headerHeight && !$('.navbar-custom').hasClass('is-fixed')) $('.navbar-custom').addClass('is-fixed');
                }
                this.previousTop = currentTop;
            });
    }
});

Сооственно сжать и подключить потом

Следующий этап редактирование файла
/getsimple_contact/templates/frontend.form.tpl

Заменяем содержмое на свое

[SC_FE_SCRIPTS]
<form id="sc-contact" method="post" [SC_FE_ENCTYPE]>
    <div class="row control-group">
        <div class="form-group col-xs-12 floating-label-form-group controls">
            <label for="name">[SC_FE_NAME]</label>
            <input type="text" class="form-control" placeholder="[SC_FE_NAME_PLACEHOLDER]" name="name" id="name" required data-validation-required-message="Please enter your name." />
            <p class="help-block text-danger">[SC_FE_ERROR_NAME]</p>
        </div>
    </div>    
   <div class="row control-group">
        <div class="form-group col-xs-12 floating-label-form-group controls">
            <label for="subject">[SC_FE_SUBJECT]</label>
            <input type="text" class="form-control" placeholder="[SC_FE_SUBJECT_PLACEHOLDER]" name="subject" id="subject" />
            <p class="help-block text-danger">[SC_FE_ERROR_SUBJECT]</p>
        </div>
    </div> 
     <div class="row control-group">
        <div class="form-group col-xs-12 floating-label-form-group controls">
            <label for="email">[SC_FE_EMAIL]</label>
            <input type="text" class="form-control" placeholder="[SC_FE_EMAIL_PLACEHOLDER]" name="email" id="email" required data-validation-required-message="Please enter your email address."/>
             <p class="help-block text-danger">[SC_FE_ERROR_EMAIL]</p>
        </div>
    </div>
   [SC_FE_WYSIHTML5_EDITOR]
   <div class="row control-group">
        <div class="form-group col-xs-12 floating-label-form-group controls">
            <label for="message">[SC_FE_MESSAGE]</label>
            <textarea name="message" id="message" rows="5" class="form-control" placeholder="[SC_FE_MESSAGE_PLACEHOLDER]" id="message" required data-validation-required-message="Please enter a message."></textarea>
            <p class="help-block text-danger">[SC_FE_ERROR_MESSAGE]</p>
        </div>
    </div> 
    [SC_FE_ATTACHMENT_FORM]
    [SC_FE_FINAL_CAPTCHA]
    <input type="hidden" id="token" name="token" value="[SC_FE_TOKEN]">

    <div class="row">
        <div class="form-group col-xs-12">
        <input type="submit" name="submit" class="btn btn-default" value="[SC_FE_SUBMIT]" />
        </div>
    </div>    
    <div class="sc-success">[SC_FE_SUCCESS]</div>
    <div class="sc-error">[SC_FE_PHP_MAILER]</div>
    <div class="sc-error">[SC_FE_INVALID_FORM]</div>
    <div class="sc-clear"></div>
</form>

Все форма отправки готова, тестировал, отправляет

Поделиться

15

Re: Тема Startbootstrap-Clean-Blog

Перестарался
Достаточно было только удалить в файле /js/clean-blog.js

// Contact Form Scripts

$(function() {

    $("input,textarea").jqBootstrapValidation({
        preventSubmit: true,
        submitError: function($form, event, errors) {
            // additional error messages or events
        },
        submitSuccess: function($form, event) {
            event.preventDefault(); // prevent default submit behaviour
            // get values from FORM
            var name = $("input#name").val();
            var email = $("input#email").val();
            var phone = $("input#phone").val();
            var message = $("textarea#message").val();
            var firstName = name; // For Success/Failure Message
            // Check for white space in name for Success/Fail message
            if (firstName.indexOf(' ') >= 0) {
                firstName = name.split(' ').slice(0, -1).join(' ');
            }
            $.ajax({
                url: "././mail/contact_me.php",
                type: "POST",
                data: {
                    name: name,
                    phone: phone,
                    email: email,
                    message: message
                },
                cache: false,
                success: function() {
                    // Success message
                    $('#success').html("<div class='alert alert-success'>");
                    $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
                        .append("</button>");
                    $('#success > .alert-success')
                        .append("<strong>Your message has been sent. </strong>");
                    $('#success > .alert-success')
                        .append('</div>');

                    //clear all fields
                    $('#contactForm').trigger("reset");
                },
                error: function() {
                    // Fail message
                    $('#success').html("<div class='alert alert-danger'>");
                    $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
                        .append("</button>");
                    $('#success > .alert-danger').append("<strong>Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!");
                    $('#success > .alert-danger').append('</div>');
                    //clear all fields
                    $('#contactForm').trigger("reset");
                },
            })
        },
        filter: function() {
            return $(this).is(":visible");
        },
    });

    $("a[data-toggle=\"tab\"]").click(function(e) {
        e.preventDefault();
        $(this).tab("show");
    });
});

Извините за торопливость

Поделиться